|
1 | | - |
2 | | -@define-color textColorPrimary #323232; |
3 | | -@define-color accent_color %s; |
4 | | -@define-color accent_color_strong %s; |
5 | | - |
6 | | - |
7 | | -.mainwindow-%d { |
8 | | - background-color: @accent_color; |
9 | | - transition: background-color 800ms cubic-bezier(0.4, 0, 0.2, 1); |
10 | | -} |
11 | | - |
12 | | -.mainwindow-%d undershoot.top { |
13 | | - background: |
14 | | - linear-gradient( |
15 | | - @accent_color 0%, |
16 | | - alpha(@accent_color, 0) 50%; |
17 | | - ); |
18 | | -} |
19 | | - |
20 | | -.mainwindow-%d undershoot.bottom { |
21 | | - background: |
22 | | - linear-gradient( |
23 | | - alpha(@accent_color, 0) 50%, |
24 | | - @accent_color 100%; |
25 | | - ); |
26 | | -} |
27 | | - |
28 | | - |
29 | | - |
30 | | -.jorts-view text selection { |
31 | | - color: shade(@accent_color, 1.88); |
32 | | - transition: color 800ms cubic-bezier(0.4, 0, 0.2, 1); |
33 | | - background-color: @accent_color_strong; |
34 | | - transition: background-color 800ms cubic-bezier(0.4, 0, 0.2, 1); |
35 | | -} |
36 | | - |
37 | | -entry.flat { |
38 | | - background: transparent; |
39 | | -} |
40 | | - |
41 | | -.window-%d .jorts-title image, |
42 | | -.window-%d .jorts-label { |
43 | | - color: @accent_color_strong; |
44 | | - box-shadow: none; |
45 | | -} |
46 | | - |
47 | | -.window-%d .jorts-bar { |
48 | | - color: @accent_color_strong; |
49 | | - background-color: @accent_color; |
50 | | - border-top-color: @accent_color; |
51 | | - box-shadow: none; |
52 | | - background-image: none; |
53 | | - padding: 3px; |
54 | | - transition: background-color 800ms cubic-bezier(0.4, 0, 0.2, 1); |
55 | | -} |
56 | | - |
57 | | -.window-%d .jorts-bar image { |
58 | | - color: @accent_color_strong; |
59 | | - padding: 3px; |
60 | | - box-shadow: none; |
61 | | - background-image: none; |
62 | | -} |
63 | | - |
64 | | -.window-%d .jorts-view, |
65 | | -.window-%d .jorts-view text, |
66 | | -.window-%d .jorts-title { |
67 | | - background-color: @accent_color; |
68 | | - transition: background-color 800ms cubic-bezier(0.4, 0, 0.2, 1); |
69 | | - background-image: none; |
70 | | - border-bottom-color: @accent_color; |
71 | | - font-weight: 500; |
72 | | - font-size: 1.2em; |
73 | | - color: shade(@accent_color_strong, 0.77); |
74 | | - box-shadow: none; |
75 | | -} |
76 | | - |
77 | | - |
78 | | -.color-button { |
79 | | - border-radius: 50%; |
80 | | - background-image: none; |
81 | | - border: 1px solid alpha(#333, 0.25); |
82 | | - box-shadow: |
83 | | - inset 0 1px 0 0 alpha (@inset_dark_color, 0.7), |
84 | | - inset 0 0 0 1px alpha (@inset_dark_color, 0.3), |
85 | | - 0 1px 0 0 alpha (@bg_highlight_color, 0.3); |
86 | | -} |
87 | | - |
88 | | -.color-button:hover, |
89 | | -.color_button:focus { |
90 | | - border: 1px solid @inset_dark_color; |
91 | | -} |
92 | | - |
93 | | -.color-slate { |
94 | | - background-color: @SLATE_100; |
95 | | -} |
96 | | - |
97 | | -.color-silver { |
98 | | - background-color: @SILVER_100; |
99 | | -} |
100 | | - |
101 | | -.color-strawberry { |
102 | | - background-color: @STRAWBERRY_100; |
103 | | -} |
104 | | - |
105 | | -.color-orange { |
106 | | - background-color: @ORANGE_100; |
107 | | -} |
108 | | - |
109 | | -.color-banana { |
110 | | - background-color: @BANANA_100; |
111 | | -} |
112 | | - |
113 | | -.color-lime { |
114 | | - background-color: @LIME_100; |
115 | | -} |
116 | | - |
117 | | -.color-blueberry { |
118 | | - background-color: @BLUEBERRY_100; |
119 | | -} |
120 | | - |
121 | | -.color-grape { |
122 | | - background-color: @GRAPE_100; |
123 | | -} |
124 | | - |
125 | | -.color-cocoa { |
126 | | - background-color: @COCOA_100; |
127 | | -} |
128 | | - |
129 | | -.jorts-bar box { |
130 | | - border: none; |
131 | | -} |
132 | | - |
133 | | -.image-button, |
134 | | -.titlebutton { |
135 | | - background-color: transparent; |
136 | | - background-image: none; |
137 | | - border: 1px solid transparent; |
138 | | - padding: 3px; |
139 | | - box-shadow: none; |
140 | | -} |
141 | | - |
142 | | -.image-button:hover, |
143 | | -.image-button:focus, |
144 | | -.titlebutton:hover, |
145 | | -.titlebutton:focus { |
146 | | - background-color: alpha(@fg_color, 0.3); |
147 | | - background-image: none; |
148 | | - border: 1px solid transparent; |
149 | | - box-shadow: none; |
150 | | -} |
151 | | - |
152 | | - |
153 | | -.jorts-label { |
154 | | -font-weight: 700; |
155 | | -font-size: 0.88em; |
156 | | -} |
157 | | -.jorts-label:backdrop { |
158 | | -color: mix (@textColorPrimary, @accent_color_strong, 0.3); |
159 | | -} |
160 | | - |
161 | | -.mainwindow-%d overshoot.bottom { |
162 | | -background: linear-gradient(to bottom, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); } |
163 | | - |
164 | | -.mainwindow-%d overshoot.top { |
165 | | -background: linear-gradient(to top, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); } |
166 | | - |
167 | | -.mainwindow-%d overshoot.right { |
168 | | -background: linear-gradient(to right, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); } |
169 | | - |
170 | | -.mainwindow-%d overshoot.bottom { |
171 | | -background: linear-gradient(to bottom, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); } |
172 | | - |
173 | | -.mainwindow-%d overshoot.left { |
174 | | -background: linear-gradient(to left, alpha(@accent_color, 0) 80%, alpha(@accent_color, 0.25) 100%); } |
175 | | - |
176 | | - |
0 commit comments