/******** * Gala * *******/ .gala-notification { border-width: 0; border-radius: 2px; color: white; border: 1px solid $base_color; background-color: $base_color; .title, .label { color: $fg_color; } } .gala-button { padding: 3px; color: $base_color; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e ); box-shadow: inset 0 0 0 1px transparentize(white, 0.02), inset 0 1px 0 0 transparentize(white, 0.07), inset 0 -1px 0 0 transparentize(white, 0.01), 0 0 0 1px transparentize(black, 0.40), 0 3px 6px transparentize(black, 0.16), 0 3px 6px transparentize(black, 0.23); text-shadow: 0 1px 1px transparentize(black, 0.6); } /********** * Notify * *********/ .notify { /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid transparentize(black, 0.30); background-color: transparentize($base_color, 0.95); .low {} .critical {} } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; color: $fg_color; } /************* * Slingshot * ************/ .button.app { border: none; border-radius: 0; box-shadow: none; background-image: none; .app { &:hover{ border-radius: 8px; border: none; background-color: transparentize($selected_bg_color, 0.7); color: white; } &:focus{ /*background-color: transparentize(black, 0.20);*/ } } } .search-item { border-radius: 0; border: none; color: $fg_color; background: none; &:hover, &:focus { border-radius: 0; background-color: transparentize($selected_bg_color, 0.7); color: $selected_fg_color; } } .search-entry-large, .search-entry-large:focus { border: none; font-size: 18px; font-weight: 300; background-image: none; background: none; box-shadow: none; border-radius: 0; } .search-category-header { font-weight: bold; color: $fg_color; } /********* * Panel * ********/ .panel { background-color: transparent; transition: all 100ms ease-in-out; color: #fff; &.maximized { background-color: #000; } &.translucent { background-color: transparentize(black, 0.5); } &.color-light.translucent { background-color: transparentize($panel_fg_color, 0.15); } } menubar.panel, .panel menubar { box-shadow: none; border: none; } .composited-indicator { > revealer, > revealer image, > revealer label, > revealer spinner { color: #fff; font-weight: bold; text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); } > revealer image:first-child + label { margin-left: 5px; } } .panel.color-light .composited-indicator { > revealer, > revealer image, > revealer label, > revealer spinner { color: transparentize(black, 0.4); text-shadow: 0 1px transparentize(white, 0.9); -gtk-icon-shadow: 0 1px transparentize(white, 0.9); } } /************** * Calculator * **************/ PantheonCalculatorMainWindow { border-radius: 0 0 4px 4px; .window-frame { border-radius:3px; } } /********* * Cards * *********/ .deck { background-color: darken($bg_color, 8%); } .card { background-color: $base_color; border: none; box-shadow: 0 0 0 1px transparentize(black, 0.95), 0 3px 3px transparentize(black, 0.8); transition: all 150ms ease-in-out; } .card.collapsed { background-color: darken($base_color, 5%); box-shadow: 0 0 0 1px transparentize(black, 0.95), 0 1px 2px transparentize(black, 0.8); } /********* * Noise * *********/ NoiseLibraryWindow { border-radius: 0 0 4px 4px; .action-bar { border-radius: 0 0 4px 4px; } .window-frame { border-radius:3px; } } /******** * Snap * ********/ SnapMainWindow, SnapSnapWindow { .take-button { border-radius: 0; } } /******************* * Photos/Shotwell * *******************/ DirectWindow, LibraryWindow { .the-button-in-the-combobox { background: none; } } .checkerboard-layout { background-color: $bg_color; background-image: linear-gradient(45deg, transparentize(black, 0.9) 25%, transparent 25%, transparent 75%, transparentize(black, 0.9) 75%, transparentize(black, 0.9)), linear-gradient(45deg, transparentize(black, 0.9) 25%, transparent 25%, transparent 75%, transparentize(black, 0.9) 75%, transparentize(black, 0.9)); background-size: 24px 24px; background-position: 0 0, 12px 12px } .checkboard-layout .item { background-color: $fg_color; } /********* * Avatar * *********/ .avatar { border: 1px solid transparentize(#000, 0.77); border-radius: 50%; box-shadow: inset 0 0 0 1px transparentize(#fff, 0.95), inset 0 1px 0 0 transparentize(#fff, 0.55), inset 0 -1px 0 0 transparentize(#fff, 0.85), 0 1px 3px transparentize(#000, 0.88), 0 1px 2px transparentize(#000, 0.77); } /**level bars**/ .sidebar.source-list.view { &.level-bar { &, &:selected, &:selected:focus { background: linear-gradient(transparentize(#fff, 0.86), transparentize(#fff, 0.86)) ; border: 1px solid transparentize(black, 0.86); box-shadow: 0 1px 0 transparentize(#000, 0.75); border-radius: 2px; } } &.fill-block { border: none; &, &:hover, &:selected, &:selected:focus { background: linear-gradient($selected_bg_color, $selected_bg_color); } } }