1/******* 2* Gala * 3*******/ 4 5.gala-notification { 6 border: none; 7 border-radius: 4px; 8 background-color: transparent; 9 background-image: 10 linear-gradient( 11 to bottom, 12 @bg_color, 13 @bg_color 80%, 14 shade ( 15 @bg_color, 16 0.94 17 ) 18 ); 19 box-shadow: 20 inset 0 0 0 1px alpha (@bg_highlight_color, 0.1), 21 inset 0 1px 0 0 alpha (@bg_highlight_color, 0.9), 22 inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.3), 23 0 0 0 1px alpha (#000, 0.2), 24 0 3px 6px alpha (#000, 0.16), 25 0 5px 5px -3px alpha (#000, 0.4); 26} 27 28.gala-notification .title, 29.gala-notification .label { 30 color: @text_color; 31} 32 33.gala-notification GtkImage { 34 color: alpha (@text_color, 0.8); 35} 36 37.gala-button { 38 padding: 3px; 39 color: #fff; 40 border: none; 41 border-radius: 100px; 42 background-image: 43 linear-gradient( 44 to bottom, 45 #7e7e7e, 46 #3e3e3e 47 ); 48 box-shadow: 49 inset 0 0 0 1px alpha (#fff, 0.02), 50 inset 0 1px 0 0 alpha (#fff, 0.07), 51 inset 0 -1px 0 0 alpha (#fff, 0.01), 52 0 0 0 1px alpha (#000, 0.4), 53 0 3px 6px alpha (#000, 0.16), 54 0 3px 6px alpha (#000, 0.23); 55 text-shadow: 0 1px 1px alpha (#000, 0.6); 56} 57 58/********* 59 * Panel * 60 ********/ 61 62 .panel { 63 background-color: transparent; 64 transition: all 100ms ease-in-out; 65} 66 67.panel.maximized { 68 background-color: alpha(#000, 0); 69} 70 71.panel.translucent { 72 background-color: alpha(#000, 0); 73} 74 75.composited-indicator > revealer label, 76.composited-indicator > revealer image, 77.composited-indicator > GtkRevealer { 78 color: #fff; 79 font-weight: bold; 80 text-shadow: 81 0 0 2px alpha (#000, 0.3), 82 0 1px 2px alpha (#000, 0.6); 83 icon-shadow: 84 0 0 2px alpha (#000, 0.3), 85 0 1px 2px alpha (#000, 0.6); 86 transition: all 200ms ease-in-out; 87} 88 89.composited-indicator .keyboard { 90 background-color: #fff; 91 border-radius: 2px; 92 box-shadow: 93 0 0 2px alpha (#000, 0.3), 94 0 1px 2px alpha (#000, 0.6); 95 color: #333; 96 font-weight: 600; 97 padding: 0 3px; 98 text-shadow: none; 99} 100 101.panel.color-light .composited-indicator > revealer label, 102.panel.color-light .composited-indicator > revealer image, 103.panel.color-light .composited-indicator > GtkRevealer { 104 color: alpha (#000, 0.65); 105 text-shadow: 106 0 0 2px alpha (#fff, 0.3), 107 0 1px 0 alpha (#fff, 0.25); 108 icon-shadow: 109 0 0 2px alpha (#fff, 0.3), 110 0 1px 0 alpha (#fff, 0.25); 111} 112 113.panel.color-light .composited-indicator .keyboard { 114 background-color: alpha (#000, 0); 115 box-shadow: 116 0 0 2px alpha (#fff, 0.3), 117 0 1px 0 alpha (#fff, 0.25); 118 color: #fff; 119 text-shadow: none; 120} 121 122.panel .popover { 123 box-shadow: 124 inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.5), 125 0 3px 4px alpha (#000, 0.15), 126 0 3px 3px -3px alpha (#000, 0.35); 127}