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}