Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-3.20/gtk-dark.css @ 43:d8eaee5178b7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update to GTK 3.22 at revision ecf9c06
author IBBoard <dev@ibboard.co.uk>
date Sat, 01 Apr 2017 11:21:01 +0100
parents d49665775e8b
children a3d101902911
comparison
equal deleted inserted replaced
42:464e0bd93ed9 43:d8eaee5178b7
6 -GtkToolItemGroup-expander-size: 11; 6 -GtkToolItemGroup-expander-size: 11;
7 -GtkWidget-text-handle-width: 20; 7 -GtkWidget-text-handle-width: 20;
8 -GtkWidget-text-handle-height: 24; 8 -GtkWidget-text-handle-height: 24;
9 -GtkDialog-button-spacing: 4; 9 -GtkDialog-button-spacing: 4;
10 -GtkDialog-action-area-border: 0; 10 -GtkDialog-action-area-border: 0;
11 outline-color: rgba(238, 238, 236, 0.3); 11 outline-color: alpha(currentColor,0.3);
12 outline-style: dashed; 12 outline-style: dashed;
13 outline-offset: -3px; 13 outline-offset: -3px;
14 outline-width: 1px; 14 outline-width: 1px;
15 -gtk-outline-radius: 2px; 15 -gtk-outline-radius: 2px;
16 -gtk-secondary-caret-color: #5E7F3E; } 16 -gtk-secondary-caret-color: #5E7F3E; }
62 .view text:backdrop, 62 .view text:backdrop,
63 iconview text:backdrop, 63 iconview text:backdrop,
64 textview text:backdrop { 64 textview text:backdrop {
65 color: #d3d4d5; 65 color: #d3d4d5;
66 background-color: #252a2c; } 66 background-color: #252a2c; }
67 .view:backdrop:disabled, iconview:backdrop:disabled,
68 .view text:backdrop:disabled,
69 iconview text:backdrop:disabled,
70 textview text:backdrop:disabled {
71 color: #566164; }
72 .view:disabled, iconview:disabled,
73 .view text:disabled,
74 iconview text:disabled,
75 textview text:disabled {
76 color: #919494;
77 background-color: #2d3234; }
67 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, 78 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
68 .view text:selected:focus, 79 .view text:selected:focus,
69 iconview text:selected:focus, 80 iconview text:selected:focus,
70 textview text:selected:focus, 81 textview text:selected:focus,
71 .view text:selected, 82 .view text:selected,
78 89
79 .rubberband, 90 .rubberband,
80 rubberband, 91 rubberband,
81 flowbox rubberband, 92 flowbox rubberband,
82 treeview.view rubberband, 93 treeview.view rubberband,
83 .content-view rubberband { 94 .content-view rubberband,
95 .content-view .rubberband {
84 border: 1px solid #455d2d; 96 border: 1px solid #455d2d;
85 background-color: rgba(69, 93, 45, 0.2); } 97 background-color: rgba(69, 93, 45, 0.2); }
86 98
87 flowbox flowboxchild { 99 flowbox flowboxchild {
88 padding: 3px; 100 padding: 3px; }
89 border-radius: 3px; }
90 flowbox flowboxchild:selected { 101 flowbox flowboxchild:selected {
91 outline-offset: -2px; } 102 outline-offset: -2px; }
103
104 .content-view .tile {
105 margin: 2px;
106 background-color: black;
107 border-radius: 0;
108 padding: 0; }
109 .content-view .tile:backdrop {
110 background-color: #1a1d1e; }
111 .content-view .tile:active, .content-view .tile:selected {
112 background-color: #5E7F3E; }
113 .content-view .tile:disabled {
114 background-color: #2d3234; }
92 115
93 label { 116 label {
94 caret-color: currentColor; } 117 caret-color: currentColor; }
95 label.separator { 118 label.separator {
96 color: #eeeeec; } 119 color: #eeeeec; }
123 padding: 6px 12px; } 146 padding: 6px 12px; }
124 assistant .sidebar label.highlight { 147 assistant .sidebar label.highlight {
125 background-color: #585d5e; } 148 background-color: #585d5e; }
126 149
127 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, 150 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification,
128 .app-notification.frame, .osd .scale-popup, .osd { 151 .app-notification.frame, .osd .scale-popup,
152 .osd {
129 color: #eeeeec; 153 color: #eeeeec;
130 border: none; 154 border: none;
131 background-color: rgba(28, 31, 32, 0.7); 155 background-color: rgba(28, 31, 32, 0.7);
132 background-clip: padding-box; 156 background-clip: padding-box;
133 outline-color: rgba(238, 238, 236, 0.3);
134 text-shadow: 0 1px black; 157 text-shadow: 0 1px black;
135 -gtk-icon-shadow: 0 1px black; } 158 -gtk-icon-shadow: 0 1px black; }
136 popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { 159 popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop,
160 .osd:backdrop {
137 text-shadow: none; 161 text-shadow: none;
138 -gtk-icon-shadow: none; } 162 -gtk-icon-shadow: none; }
139 163
140 /********************* 164 /*********************
141 * Spinner Animation * 165 * Spinner Animation *
168 border-color: #1b1f20; 192 border-color: #1b1f20;
169 background-color: #232729; 193 background-color: #232729;
170 box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); } 194 box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); }
171 spinbutton:not(.vertical) image.left, 195 spinbutton:not(.vertical) image.left,
172 entry image.left { 196 entry image.left {
173 padding-left: 0; 197 margin-right: 6px; }
174 padding-right: 6px; }
175 spinbutton:not(.vertical) image.right, 198 spinbutton:not(.vertical) image.right,
176 entry image.right { 199 entry image.right {
177 padding-left: 6px; 200 margin-left: 6px; }
178 padding-right: 0; }
179 spinbutton:not(.vertical) undershoot.left, 201 spinbutton:not(.vertical) undershoot.left,
180 entry undershoot.left { 202 entry undershoot.left {
181 background-color: transparent; 203 background-color: transparent;
182 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); 204 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
183 padding-left: 1px; 205 padding-left: 1px;
201 spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), 223 spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical),
202 entry.flat:focus, 224 entry.flat:focus,
203 entry.flat { 225 entry.flat {
204 min-height: 0; 226 min-height: 0;
205 padding: 2px; 227 padding: 2px;
206 background-image: none; 228 background-color: transparent;
207 border-color: transparent; 229 border-color: transparent;
208 border-radius: 0; } 230 border-radius: 0; }
209 spinbutton:focus:not(.vertical), 231 spinbutton:focus:not(.vertical),
210 entry:focus { 232 entry:focus {
211 box-shadow: inset 0 0 0 1px #5E7F3E; 233 box-shadow: inset 0 0 0 1px #5E7F3E;
334 entry { 356 entry {
335 border-left-color: #4e9a06; } 357 border-left-color: #4e9a06; }
336 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > 358 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
337 entry:not(:disabled) + entry:not(:disabled), .linked.vertical > 359 entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
338 entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { 360 entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
339 border-top-color: #212526; 361 border-top-color: #212526; }
340 background-image: linear-gradient(to bottom, #232729); }
341 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > 362 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
342 entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > 363 entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
343 entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { 364 entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
344 border-top-color: #24282a; 365 border-top-color: #24282a; }
345 background-image: linear-gradient(to bottom, #252a2c); }
346 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > 366 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
347 entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > 367 entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical >
348 entry:disabled + entry:disabled { 368 entry:disabled + entry:disabled {
349 border-top-color: #212526; } 369 border-top-color: #212526; }
350 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), 370 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
583 button.osd { 603 button.osd {
584 min-width: 24px; 604 min-width: 24px;
585 min-height: 32px; 605 min-height: 32px;
586 color: #eeeeec; 606 color: #eeeeec;
587 border-radius: 5px; 607 border-radius: 5px;
588 outline-color: rgba(238, 238, 236, 0.3);
589 color: #eeeeec; 608 color: #eeeeec;
590 border-color: rgba(0, 0, 0, 0.7); 609 border-color: rgba(0, 0, 0, 0.7);
591 background-color: transparent; 610 background-color: transparent;
592 background-image: image(rgba(28, 31, 32, 0.7)); 611 background-image: image(rgba(28, 31, 32, 0.7));
593 background-clip: padding-box; 612 background-clip: padding-box;
1142 button.needs-attention:checked > label, 1161 button.needs-attention:checked > label,
1143 .stack-switcher > 1162 .stack-switcher >
1144 button.needs-attention:checked > image { 1163 button.needs-attention:checked > image {
1145 animation: none; 1164 animation: none;
1146 background-image: none; } 1165 background-image: none; }
1166 button.font separator,
1167 button.file separator {
1168 background-color: transparent; }
1169 button.font > box > box > label {
1170 font-weight: bold; }
1147 .inline-toolbar 1171 .inline-toolbar
1148 button, .inline-toolbar 1172 button, .inline-toolbar
1149 button:backdrop { 1173 button:backdrop {
1150 border-radius: 2px; 1174 border-radius: 2px;
1151 border-width: 1px; } 1175 border-width: 1px; }
1152 .primary-toolbar 1176 .primary-toolbar
1153 button { 1177 button {
1154 -gtk-icon-shadow: none; } 1178 -gtk-icon-shadow: none; }
1179 button.circular {
1180 border-radius: 9999px;
1181 -gtk-outline-radius: 9999px;
1182 background-origin: padding-box, border-box;
1183 background-clip: padding-box, border-box; }
1184 button.circular label {
1185 padding: 0; }
1186 button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
1187 color: #eeeeec;
1188 outline-color: rgba(238, 238, 236, 0.3);
1189 border-color: #1b1f20;
1190 border-bottom-color: #0b0c0c;
1191 background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b);
1192 text-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
1193 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
1194 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
1195 background-image: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b), linear-gradient(to top, #0b0c0c 25%, #1b1f20 50%);
1196 border-color: transparent; }
1197 button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
1198 color: #eeeeec;
1199 outline-color: rgba(238, 238, 236, 0.3);
1200 border-color: #1b1f20;
1201 border-bottom-color: #0b0c0c;
1202 text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
1203 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
1204 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
1205 background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30);
1206 background-image: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30), linear-gradient(to top, #0b0c0c 25%, #1b1f20 50%);
1207 border-color: transparent; }
1155 1208
1156 .stack-switcher > 1209 .stack-switcher >
1157 button.needs-attention > label, 1210 button.needs-attention > label,
1158 .stack-switcher > 1211 .stack-switcher >
1159 button.needs-attention > image, stacksidebar row.needs-attention > label { 1212 button.needs-attention > image, stacksidebar row.needs-attention > label {
1303 entry:only-child, .linked.vertical > 1356 entry:only-child, .linked.vertical >
1304 button:only-child, .linked.vertical > combobox:only-child > box > button.combo { 1357 button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
1305 border-radius: 3px; 1358 border-radius: 3px;
1306 border-style: solid; } 1359 border-style: solid; }
1307 1360
1308 modelbutton.flat, popover.background checkbutton, 1361 modelbutton.flat,
1309 popover.background radiobutton, 1362 .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
1310 .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
1311 popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
1312 popover.background radiobutton:backdrop:hover,
1313 .menuitem.button.flat:backdrop, 1363 .menuitem.button.flat:backdrop,
1314 .menuitem.button.flat:backdrop:hover, button:link, 1364 .menuitem.button.flat:backdrop:hover, button:link,
1315 button:visited, button:link:hover, button:link:active, button:link:checked, 1365 button:visited, button:link:hover, button:link:active, button:link:checked,
1316 button:visited:hover, 1366 button:visited:hover,
1317 button:visited:active, 1367 button:visited:active,
1322 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); 1372 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1323 text-shadow: none; 1373 text-shadow: none;
1324 -gtk-icon-shadow: none; } 1374 -gtk-icon-shadow: none; }
1325 1375
1326 /* menu buttons */ 1376 /* menu buttons */
1327 modelbutton.flat, popover.background checkbutton, 1377 modelbutton.flat,
1328 popover.background radiobutton,
1329 .menuitem.button.flat { 1378 .menuitem.button.flat {
1330 min-height: 26px; 1379 min-height: 26px;
1331 padding-left: 5px; 1380 padding-left: 5px;
1332 padding-right: 5px; 1381 padding-right: 5px;
1333 border-radius: 3px; 1382 border-radius: 3px;
1334 outline-offset: -2px; } 1383 outline-offset: -2px; }
1335 modelbutton.flat:hover, popover.background checkbutton:hover, 1384 modelbutton.flat:hover,
1336 popover.background radiobutton:hover,
1337 .menuitem.button.flat:hover { 1385 .menuitem.button.flat:hover {
1338 background-color: #3f4649; } 1386 background-color: #3f4649; }
1339 modelbutton.flat check:last-child, popover.background checkbutton check:last-child, 1387
1340 popover.background radiobutton check:last-child, 1388 modelbutton.flat arrow {
1341 modelbutton.flat radio:last-child,
1342 popover.background checkbutton radio:last-child,
1343 popover.background radiobutton radio:last-child,
1344 .menuitem.button.flat check:last-child,
1345 .menuitem.button.flat radio:last-child {
1346 margin-left: 8px; }
1347 modelbutton.flat check:first-child, popover.background checkbutton check:first-child,
1348 popover.background radiobutton check:first-child,
1349 modelbutton.flat radio:first-child,
1350 popover.background checkbutton radio:first-child,
1351 popover.background radiobutton radio:first-child,
1352 .menuitem.button.flat check:first-child,
1353 .menuitem.button.flat radio:first-child {
1354 margin-right: 8px; }
1355
1356 modelbutton.flat arrow, popover.background checkbutton arrow,
1357 popover.background radiobutton arrow {
1358 background: none; } 1389 background: none; }
1359 modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, 1390 modelbutton.flat arrow:hover {
1360 popover.background radiobutton arrow:hover {
1361 background: none; } 1391 background: none; }
1362 modelbutton.flat arrow.left, popover.background checkbutton arrow.left, 1392 modelbutton.flat arrow.left {
1363 popover.background radiobutton arrow.left {
1364 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } 1393 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1365 modelbutton.flat arrow.right, popover.background checkbutton arrow.right, 1394 modelbutton.flat arrow.right {
1366 popover.background radiobutton arrow.right {
1367 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } 1395 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1368 1396
1369 button.color { 1397 button.color {
1370 padding: 4px; } 1398 padding: 4px; }
1371 button.color colorswatch:only-child, button.color colorswatch:only-child overlay { 1399 button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
1372 border-radius: 0; } 1400 border-radius: 0; }
1373 1401
1374 /********* 1402 /*********
1375 * Links * 1403 * Links *
1376 *********/ 1404 *********/
1377 *:link, button:link, 1405 button:link > label,
1406 button:visited > label,
1407 *:link,
1408 button:link,
1378 button:visited { 1409 button:visited {
1379 color: #455d2d; } 1410 color: #455d2d; }
1411 button:link > label:visited,
1412 button:visited > label:visited,
1380 *:link:visited, 1413 *:link:visited,
1381 button:visited { 1414 button:visited {
1382 color: #2b3a1d; } 1415 color: #2b3a1d; }
1383 *:selected *:link:visited, *:selected button:visited:link, 1416 *:selected button:link > label:visited,
1417 *:selected button:visited > label:visited, *:selected
1418 *:link:visited, *:selected
1419 button:visited:link,
1384 *:selected button:visited { 1420 *:selected button:visited {
1385 color: #bfccb2; } 1421 color: #bfccb2; }
1386 *:link:hover, button:hover:link, 1422 button:link > label:hover,
1423 button:visited > label:hover,
1424 *:link:hover,
1425 button:hover:link,
1387 button:hover:visited { 1426 button:hover:visited {
1388 color: #5e7f3e; } 1427 color: #5e7f3e; }
1389 *:selected *:link:hover, *:selected button:hover:link, 1428 *:selected button:link > label:hover,
1429 *:selected button:visited > label:hover, *:selected
1430 *:link:hover, *:selected
1431 button:hover:link,
1390 *:selected button:hover:visited { 1432 *:selected button:hover:visited {
1391 color: #eff2ec; } 1433 color: #eff2ec; }
1392 *:link:active, button:active:link, 1434 button:link > label:active,
1435 button:visited > label:active,
1436 *:link:active,
1437 button:active:link,
1393 button:active:visited { 1438 button:active:visited {
1394 color: #455d2d; } 1439 color: #455d2d; }
1395 *:selected *:link:active, *:selected button:active:link, 1440 *:selected button:link > label:active,
1441 *:selected button:visited > label:active, *:selected
1442 *:link:active, *:selected
1443 button:active:link,
1396 *:selected button:active:visited { 1444 *:selected button:active:visited {
1397 color: #dfe5d8; } 1445 color: #dfe5d8; }
1398 *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, 1446 button:link > label:backdrop:backdrop:hover,
1399 button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, 1447 button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected,
1400 button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, 1448 button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop,
1401 headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, 1449 button:visited > label:backdrop,
1450 *:link:backdrop:backdrop:hover,
1451 button:backdrop:backdrop:hover:link,
1452 button:backdrop:backdrop:hover:visited,
1453 *:link:backdrop:backdrop:hover:selected,
1454 button:backdrop:backdrop:hover:selected:link,
1455 button:backdrop:backdrop:hover:selected:visited,
1456 .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
1457 headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link,
1458 *:link:backdrop,
1459 button:backdrop:link,
1402 button:backdrop:visited { 1460 button:backdrop:visited {
1403 color: #5E7F3E; } 1461 color: #5E7F3E; }
1404 infobar.info *:link, infobar.info button:link, 1462 infobar.info *:link, infobar.info button:link,
1405 infobar.info button:visited, infobar.question *:link, infobar.question button:link, 1463 infobar.info button:visited, infobar.question *:link, infobar.question button:link,
1406 infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, 1464 infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
1407 infobar.warning button:visited, infobar.error *:link, infobar.error button:link, 1465 infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
1408 infobar.error button:visited, *:link:selected, button:selected:link, 1466 infobar.error button:visited, button:link > label:selected,
1409 button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, 1467 button:visited > label:selected, *:selected button:link > label,
1410 headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, 1468 *:selected button:visited > label,
1469 *:link:selected,
1470 button:selected:link,
1471 button:selected:visited,
1472 .selection-mode.titlebar:not(headerbar) .subtitle:link,
1473 headerbar.selection-mode .subtitle:link, *:selected
1474 *:link, *:selected
1475 button:link,
1411 *:selected button:visited { 1476 *:selected button:visited {
1412 color: #dfe5d8; } 1477 color: #dfe5d8; }
1413 1478
1414 button:link, 1479 button:link,
1415 button:visited { 1480 button:visited {
1434 background: none; 1499 background: none;
1435 background-color: transparent; 1500 background-color: transparent;
1436 border: none; 1501 border: none;
1437 border-radius: 0; 1502 border-radius: 0;
1438 box-shadow: none; } 1503 box-shadow: none; }
1504 spinbutton:not(.vertical) entry:backdrop:disabled {
1505 background-color: transparent; }
1439 spinbutton:not(.vertical) button { 1506 spinbutton:not(.vertical) button {
1440 min-height: 16px; 1507 min-height: 16px;
1441 margin: 0; 1508 margin: 0;
1442 padding-bottom: 0; 1509 padding-bottom: 0;
1443 padding-top: 0; 1510 padding-top: 0;
1451 border-style: none solid none none; } 1518 border-style: none solid none none; }
1452 spinbutton:not(.vertical) button:hover { 1519 spinbutton:not(.vertical) button:hover {
1453 color: #eeeeec; 1520 color: #eeeeec;
1454 background-color: rgba(238, 238, 236, 0.05); } 1521 background-color: rgba(238, 238, 236, 0.05); }
1455 spinbutton:not(.vertical) button:disabled { 1522 spinbutton:not(.vertical) button:disabled {
1456 color: rgba(145, 148, 148, 0.3); } 1523 color: rgba(145, 148, 148, 0.3);
1524 background-color: transparent; }
1457 spinbutton:not(.vertical) button:active { 1525 spinbutton:not(.vertical) button:active {
1458 background-color: rgba(0, 0, 0, 0.1); 1526 background-color: rgba(0, 0, 0, 0.1);
1459 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } 1527 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
1460 spinbutton:not(.vertical) button:backdrop { 1528 spinbutton:not(.vertical) button:backdrop {
1461 color: #86898a; 1529 color: #86898a;
1462 background-color: transparent; 1530 background-color: transparent;
1463 border-color: rgba(32, 36, 37, 0.3); 1531 border-color: rgba(32, 36, 37, 0.3);
1464 transition: 200ms ease-out; } 1532 transition: 200ms ease-out; }
1465 spinbutton:not(.vertical) button:backdrop:disabled { 1533 spinbutton:not(.vertical) button:backdrop:disabled {
1466 color: rgba(86, 97, 100, 0.3); 1534 color: rgba(86, 97, 100, 0.3);
1467 background-image: none; 1535 background-color: transparent;
1468 border-style: none none none solid; } 1536 border-style: none none none solid; }
1469 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { 1537 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
1470 border-style: none solid none none; } 1538 border-style: none solid none none; }
1539 spinbutton:not(.vertical) button:dir(ltr):last-child {
1540 border-radius: 0 3px 3px 0; }
1541 spinbutton:not(.vertical) button:dir(rtl):first-child {
1542 border-radius: 3px 0 0 3px; }
1471 .osd spinbutton:not(.vertical) button { 1543 .osd spinbutton:not(.vertical) button {
1472 border-color: transparent; 1544 border-color: transparent;
1473 background-color: transparent; 1545 background-color: transparent;
1474 background-image: none; 1546 background-image: none;
1475 box-shadow: inset 0 1px rgba(255, 255, 255, 0); 1547 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1515 -gtk-icon-shadow: none; 1587 -gtk-icon-shadow: none;
1516 color: #858786; 1588 color: #858786;
1517 border-color: rgba(0, 0, 0, 0.5); 1589 border-color: rgba(0, 0, 0, 0.5);
1518 -gtk-icon-shadow: none; 1590 -gtk-icon-shadow: none;
1519 box-shadow: none; } 1591 box-shadow: none; }
1520 .osd spinbutton:not(.vertical) button:last-child { 1592 .osd spinbutton:not(.vertical) button:dir(ltr):last-child {
1521 border-radius: 0 3px 3px 0; } 1593 border-radius: 0 3px 3px 0; }
1522 .osd spinbutton:not(.vertical) button:dir(rtl):first-child { 1594 .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
1523 border-radius: 3px 0 0 3px; } 1595 border-radius: 3px 0 0 3px; }
1524 spinbutton.vertical:disabled { 1596 spinbutton.vertical:disabled {
1525 color: #919494; } 1597 color: #919494; }
1670 headerbar { 1742 headerbar {
1671 padding: 0 6px; 1743 padding: 0 6px;
1672 min-height: 46px; 1744 min-height: 46px;
1673 border-width: 0 0 1px; 1745 border-width: 0 0 1px;
1674 border-style: solid; 1746 border-style: solid;
1675 border-color: #1b1f20; 1747 border-color: #0b0c0c;
1676 border-radius: 0; 1748 border-radius: 0;
1677 background: #2c3133 linear-gradient(to top, #25292b, #2a2e30 2px, #2c3133 3px); 1749 background: #2c3133 linear-gradient(to top, #25292b, #2a2e30 2px, #2c3133 3px);
1678 box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); } 1750 box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); }
1679 .titlebar:backdrop:not(headerbar), 1751 .titlebar:backdrop:not(headerbar),
1680 headerbar:backdrop { 1752 headerbar:backdrop {
1683 background-image: none; 1755 background-image: none;
1684 box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); 1756 box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
1685 transition: 200ms ease-out; } 1757 transition: 200ms ease-out; }
1686 .titlebar:not(headerbar) .title, 1758 .titlebar:not(headerbar) .title,
1687 headerbar .title { 1759 headerbar .title {
1688 font-weight: bold;
1689 padding-left: 12px; 1760 padding-left: 12px;
1690 padding-right: 12px; } 1761 padding-right: 12px;
1762 font-weight: bold; }
1691 .titlebar:not(headerbar) .subtitle, 1763 .titlebar:not(headerbar) .subtitle,
1692 headerbar .subtitle { 1764 headerbar .subtitle {
1693 font-size: smaller; 1765 font-size: smaller;
1694 padding-left: 12px; 1766 padding-left: 12px;
1695 padding-right: 12px; } 1767 padding-right: 12px; }
1696 .selection-mode.titlebar:not(headerbar), 1768 .selection-mode.titlebar:not(headerbar),
1697 headerbar.selection-mode { 1769 headerbar.selection-mode {
1698 color: #ffffff; 1770 color: #ffffff;
1771 border-color: #12180c;
1699 text-shadow: 0 -1px rgba(0, 0, 0, 0.5); 1772 text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
1700 border-color: #12180c;
1701 background: #5E7F3E linear-gradient(to top, #567539, #5b7c3c 2px, #5E7F3E 3px); 1773 background: #5E7F3E linear-gradient(to top, #567539, #5b7c3c 2px, #5E7F3E 3px);
1702 box-shadow: inset 0 1px rgba(99, 131, 68, 0.535); } 1774 box-shadow: inset 0 1px rgba(99, 131, 68, 0.535); }
1703 .selection-mode.titlebar:backdrop:not(headerbar), 1775 .selection-mode.titlebar:backdrop:not(headerbar),
1704 headerbar.selection-mode:backdrop { 1776 headerbar.selection-mode:backdrop {
1705 background-color: #5E7F3E; 1777 background-color: #5E7F3E;
1911 color: #566164; } 1983 color: #566164; }
1912 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, 1984 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
1913 headerbar.selection-mode .selection-menu:backdrop, 1985 headerbar.selection-mode .selection-menu:backdrop,
1914 headerbar.selection-mode .selection-menu { 1986 headerbar.selection-mode .selection-menu {
1915 border-color: rgba(94, 127, 62, 0); 1987 border-color: rgba(94, 127, 62, 0);
1916 background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0)); 1988 background-color: rgba(94, 127, 62, 0);
1989 background-image: none;
1917 box-shadow: none; 1990 box-shadow: none;
1918 padding-left: 10px; 1991 padding-left: 10px;
1919 padding-right: 10px; } 1992 padding-right: 10px; }
1920 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, 1993 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1921 headerbar.selection-mode .selection-menu:backdrop GtkArrow, 1994 headerbar.selection-mode .selection-menu:backdrop GtkArrow,
1933 headerbar:backdrop, .maximized 2006 headerbar:backdrop, .maximized
1934 headerbar { 2007 headerbar {
1935 border-radius: 0; } 2008 border-radius: 0; }
1936 .default-decoration.titlebar:not(headerbar), 2009 .default-decoration.titlebar:not(headerbar),
1937 headerbar.default-decoration { 2010 headerbar.default-decoration {
1938 padding: 4px; 2011 min-height: 28px;
1939 min-height: 28px; } 2012 padding: 4px; }
1940 .default-decoration.titlebar:not(headerbar) button.titlebutton, 2013 .default-decoration.titlebar:not(headerbar) button.titlebutton,
1941 headerbar.default-decoration button.titlebutton { 2014 headerbar.default-decoration button.titlebutton {
1942 min-height: 26px; 2015 min-height: 26px;
1943 min-width: 26px; 2016 min-width: 26px;
1944 margin: 0; 2017 margin: 0;
1945 padding: 0; } 2018 padding: 0; }
2019 .solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
2020 headerbar:backdrop:dir(rtl), .solid-csd
2021 headerbar:backdrop:dir(ltr), .solid-csd
2022 headerbar:dir(rtl), .solid-csd
2023 headerbar:dir(ltr) {
2024 margin-left: -1px;
2025 margin-right: -1px;
2026 margin-top: -1px;
2027 border-radius: 0;
2028 box-shadow: none; }
1946 2029
1947 headerbar entry, 2030 headerbar entry,
1948 headerbar spinbutton, 2031 headerbar spinbutton,
1949 headerbar separator, 2032 headerbar separator,
1950 headerbar button { 2033 headerbar button {
1952 margin-bottom: 6px; } 2035 margin-bottom: 6px; }
1953 headerbar switch { 2036 headerbar switch {
1954 margin-top: 9px; 2037 margin-top: 9px;
1955 margin-bottom: 9px; } 2038 margin-bottom: 9px; }
1956 2039
1957 .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { 2040 .background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar {
1958 border-top-left-radius: 7px; 2041 border-top-left-radius: 7px;
1959 border-top-right-radius: 7px; } 2042 border-top-right-radius: 7px; }
1960 2043
1961 window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { 2044 window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:first-child {
1962 border-top-left-radius: 7px; } 2045 border-top-left-radius: 7px; }
1963 window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { 2046 window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) headerbar:last-child {
2047 border-top-right-radius: 7px; }
2048 window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.solid-csd) stack headerbar:last-child {
2049 border-top-left-radius: 7px;
1964 border-top-right-radius: 7px; } 2050 border-top-right-radius: 7px; }
1965 2051
1966 window.csd > .titlebar:not(headerbar) { 2052 window.csd > .titlebar:not(headerbar) {
1967 padding: 0; 2053 padding: 0;
1968 background-color: transparent; 2054 background-color: transparent;
2035 border-top-style: none; } 2121 border-top-style: none; }
2036 treeview.view:drop(active).before { 2122 treeview.view:drop(active).before {
2037 border-bottom-style: none; } 2123 border-bottom-style: none; }
2038 treeview.view.expander { 2124 treeview.view.expander {
2039 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); 2125 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2040 color: #b1b2b2; } 2126 color: #bdbebf; }
2041 treeview.view.expander:dir(rtl) { 2127 treeview.view.expander:dir(rtl) {
2042 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } 2128 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2043 treeview.view.expander:hover { 2129 treeview.view.expander:hover {
2044 color: #eeeeec; } 2130 color: white; }
2045 treeview.view.expander:selected { 2131 treeview.view.expander:selected {
2046 color: #cfd9c5; } 2132 color: #cfd9c5; }
2047 treeview.view.expander:selected:hover { 2133 treeview.view.expander:selected:hover {
2048 color: #ffffff; } 2134 color: #ffffff; }
2049 treeview.view.expander:selected:backdrop { 2135 treeview.view.expander:selected:backdrop {
2094 treeview.view header.button.dnd:active, 2180 treeview.view header.button.dnd:active,
2095 treeview.view header.button.dnd:selected, 2181 treeview.view header.button.dnd:selected,
2096 treeview.view header.button.dnd:hover, 2182 treeview.view header.button.dnd:hover,
2097 treeview.view header.button.dnd { 2183 treeview.view header.button.dnd {
2098 padding: 0 6px; 2184 padding: 0 6px;
2099 transition: none; 2185 color: #232729;
2100 background-image: none; 2186 background-image: none;
2101 background-color: #5E7F3E; 2187 background-color: #5E7F3E;
2102 color: #232729; 2188 border-style: none;
2103 border-radius: 0; 2189 border-radius: 0;
2104 border-style: none;
2105 box-shadow: inset 0 0 0 1px #232729; 2190 box-shadow: inset 0 0 0 1px #232729;
2106 text-shadow: none; } 2191 text-shadow: none;
2192 transition: none; }
2107 treeview.view acceleditor > label { 2193 treeview.view acceleditor > label {
2108 background-color: #5E7F3E; } 2194 background-color: #5E7F3E; }
2109 2195
2110 treeview.view header button, treeview.view header button:hover, treeview.view header button:active { 2196 treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
2111 padding: 0 6px; 2197 padding: 0 6px;
2198 background-image: none;
2199 border-style: none solid solid none;
2200 border-color: #33393b;
2112 border-radius: 0; 2201 border-radius: 0;
2113 background-image: none; 2202 text-shadow: none; }
2114 text-shadow: none;
2115 border-style: none solid solid none;
2116 border-color: #33393b; }
2117 treeview.view header button:disabled { 2203 treeview.view header button:disabled {
2118 border-color: #33393b; 2204 border-color: #33393b;
2119 background-image: none; } 2205 background-image: none; }
2120 treeview.view header button:backdrop { 2206 treeview.view header button:backdrop {
2207 color: #626768;
2121 border-color: #33393b; 2208 border-color: #33393b;
2122 border-style: none solid solid none; 2209 border-style: none solid solid none;
2123 color: #626768;
2124 background-image: none; 2210 background-image: none;
2125 background-color: #252a2c; } 2211 background-color: #252a2c; }
2126 treeview.view header button:backdrop:disabled { 2212 treeview.view header button:backdrop:disabled {
2127 border-color: #33393b; 2213 border-color: #33393b;
2128 background-image: none; } 2214 background-image: none; }
2613 scrollbar.vertical button.down { 2699 scrollbar.vertical button.down {
2614 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } 2700 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2615 scrollbar.vertical button.up { 2701 scrollbar.vertical button.up {
2616 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } 2702 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
2617 scrollbar.horizontal button.down { 2703 scrollbar.horizontal button.down {
2618 -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); } 2704 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2619 scrollbar.horizontal button.up { 2705 scrollbar.horizontal button.up {
2620 -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } 2706 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
2621 2707
2622 treeview ~ scrollbar.vertical { 2708 treeview ~ scrollbar.vertical {
2623 border-top: 1px solid #1b1f20; 2709 border-top: 1px solid #1b1f20;
2624 margin-top: -1px; } 2710 margin-top: -1px; }
2625 2711
2628 **********/ 2714 **********/
2629 switch { 2715 switch {
2630 font-weight: bold; 2716 font-weight: bold;
2631 font-size: smaller; 2717 font-size: smaller;
2632 outline-offset: -4px; 2718 outline-offset: -4px;
2633 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
2634 border: 1px solid #1b1f20; 2719 border: 1px solid #1b1f20;
2635 border-radius: 3px; 2720 border-radius: 3px;
2636 color: #eeeeec; 2721 color: #eeeeec;
2637 background-image: linear-gradient(to bottom, #292f30); 2722 background-color: #272c2e;
2638 text-shadow: 0 1px rgba(0, 0, 0, 0.1); } 2723 text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
2639 switch:checked { 2724 switch:checked {
2640 color: white; 2725 color: #ffffff;
2641 border-color: #12180c; 2726 border-color: #12180c;
2642 background-color: #5E7F3E; 2727 background-color: #5E7F3E;
2643 background-image: none;
2644 box-shadow: 0 1px transparent;
2645 text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } 2728 text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
2646 switch:disabled { 2729 switch:disabled {
2647 color: #919494; 2730 color: #919494;
2648 border-color: #1b1f20; 2731 border-color: #1b1f20;
2649 background-image: none;
2650 background-color: #2d3234; 2732 background-color: #2d3234;
2651 box-shadow: 0 1px transparent;
2652 text-shadow: none; } 2733 text-shadow: none; }
2653 switch:backdrop { 2734 switch:backdrop {
2654 color: #919494; 2735 color: #919494;
2655 border-color: #202425; 2736 border-color: #202425;
2656 background-image: linear-gradient(to bottom, #2c3233); 2737 background-color: #2c3233;
2657 box-shadow: none;
2658 text-shadow: none; 2738 text-shadow: none;
2659 transition: 200ms ease-out; } 2739 transition: 200ms ease-out; }
2660 switch:backdrop:checked { 2740 switch:backdrop:checked {
2661 border-color: #12180c; 2741 border-color: #12180c;
2662 background-image: linear-gradient(to bottom, #5E7F3E); 2742 background-color: #5E7F3E; }
2663 box-shadow: none; } 2743 switch:backdrop:disabled {
2664 switch:disabled { 2744 color: #566164;
2665 color: #566164; 2745 border-color: #202425;
2666 border-color: #202425; 2746 background-color: #2d3234; }
2667 background-image: none;
2668 background-color: #2d3234; }
2669 switch slider { 2747 switch slider {
2670 margin: -1px; 2748 margin: -1px;
2671 min-width: 44px; 2749 min-width: 44px;
2672 min-height: 26px; 2750 min-height: 26px;
2673 border: 1px solid; 2751 border: 1px solid;
2717 color: #566164; } 2795 color: #566164; }
2718 2796
2719 /************************* 2797 /*************************
2720 * Check and Radio items * 2798 * Check and Radio items *
2721 *************************/ 2799 *************************/
2722 .view.content-view.check:not(list), iconview.content-view.check:not(list) { 2800 .view.content-view.check:not(list), iconview.content-view.check:not(list),
2801 .content-view .tile check:not(list) {
2723 -gtk-icon-shadow: none; 2802 -gtk-icon-shadow: none;
2724 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); 2803 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
2725 background-color: transparent; } 2804 background-color: transparent;
2726 2805 min-width: 40px;
2727 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { 2806 min-height: 40px;
2807 background-image: none;
2808 transition: none;
2809 box-shadow: none;
2810 border-width: 0; }
2811
2812 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list),
2813 .content-view .tile check:hover:not(list) {
2728 -gtk-icon-shadow: none; 2814 -gtk-icon-shadow: none;
2729 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); 2815 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
2730 background-color: transparent; } 2816 background-color: transparent;
2731 2817 min-width: 40px;
2732 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { 2818 min-height: 40px;
2819 background-image: none;
2820 transition: none;
2821 box-shadow: none;
2822 border-width: 0; }
2823
2824 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list),
2825 .content-view .tile check:active:not(list) {
2733 -gtk-icon-shadow: none; 2826 -gtk-icon-shadow: none;
2734 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); 2827 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
2735 background-color: transparent; } 2828 background-color: transparent;
2736 2829 min-width: 40px;
2737 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { 2830 min-height: 40px;
2831 background-image: none;
2832 transition: none;
2833 box-shadow: none;
2834 border-width: 0; }
2835
2836 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list),
2837 .content-view .tile check:backdrop:not(list) {
2738 -gtk-icon-shadow: none; 2838 -gtk-icon-shadow: none;
2739 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); 2839 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
2740 background-color: transparent; } 2840 background-color: transparent;
2741 2841 min-width: 40px;
2742 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { 2842 min-height: 40px;
2843 background-image: none;
2844 transition: none;
2845 box-shadow: none;
2846 border-width: 0; }
2847
2848 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list),
2849 .content-view .tile check:checked:not(list) {
2743 -gtk-icon-shadow: none; 2850 -gtk-icon-shadow: none;
2744 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); 2851 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
2745 background-color: transparent; } 2852 background-color: transparent;
2746 2853 min-width: 40px;
2747 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { 2854 min-height: 40px;
2855 background-image: none;
2856 transition: none;
2857 box-shadow: none;
2858 border-width: 0; }
2859
2860 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
2861 .content-view .tile check:checked:hover:not(list) {
2748 -gtk-icon-shadow: none; 2862 -gtk-icon-shadow: none;
2749 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); 2863 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
2750 background-color: transparent; } 2864 background-color: transparent;
2751 2865 min-width: 40px;
2752 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { 2866 min-height: 40px;
2867 background-image: none;
2868 transition: none;
2869 box-shadow: none;
2870 border-width: 0; }
2871
2872 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
2873 .content-view .tile check:checked:active:not(list) {
2753 -gtk-icon-shadow: none; 2874 -gtk-icon-shadow: none;
2754 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); 2875 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
2755 background-color: transparent; } 2876 background-color: transparent;
2756 2877 min-width: 40px;
2757 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { 2878 min-height: 40px;
2879 background-image: none;
2880 transition: none;
2881 box-shadow: none;
2882 border-width: 0; }
2883
2884 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
2885 .content-view .tile check:backdrop:checked:not(list) {
2758 -gtk-icon-shadow: none; 2886 -gtk-icon-shadow: none;
2759 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); 2887 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
2760 background-color: transparent; } 2888 background-color: transparent;
2889 min-width: 40px;
2890 min-height: 40px;
2891 background-image: none;
2892 transition: none;
2893 box-shadow: none;
2894 border-width: 0; }
2761 2895
2762 checkbutton.text-button, radiobutton.text-button { 2896 checkbutton.text-button, radiobutton.text-button {
2763 padding: 2px 0; 2897 padding: 2px 0;
2764 outline-offset: 0; } 2898 outline-offset: 0; }
2765 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { 2899 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
2899 background-image: none; 3033 background-image: none;
2900 background-color: transparent; 3034 background-color: transparent;
2901 box-shadow: none; 3035 box-shadow: none;
2902 -gtk-icon-shadow: none; 3036 -gtk-icon-shadow: none;
2903 color: inherit; 3037 color: inherit;
2904 border-color: currentColor; 3038 border-color: currentColor; }
2905 animation: none; }
2906 3039
2907 check { 3040 check {
2908 border-radius: 3px; } 3041 border-radius: 3px; }
2909 check:checked { 3042 check:checked {
2910 -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); } 3043 -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
2919 -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); } 3052 -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
2920 treeview.view radio:indeterminate:selected, 3053 treeview.view radio:indeterminate:selected,
2921 radio:indeterminate { 3054 radio:indeterminate {
2922 -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); } 3055 -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
2923 3056
2924 @keyframes check_check { 3057 radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
2925 from { 3058 -gtk-icon-transform: scale(0); }
2926 -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } 3059
2927 to { 3060 check:not(:indeterminate):not(:checked):active:not(:backdrop) {
2928 -gtk-icon-transform: unset; } } 3061 -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
2929 @keyframes check_radio { 3062
2930 from { 3063 radio:active,
2931 -gtk-icon-transform: scale(0); } 3064 check:active {
2932 to { 3065 -gtk-icon-transform: scale(0, 1); }
2933 -gtk-icon-transform: unset; } } 3066 radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
2934 @keyframes check_indeterminate { 3067 check:checked:not(:backdrop),
2935 from { 3068 check:indeterminate:not(:backdrop) {
2936 -gtk-icon-transform: scale(0, 1); } 3069 -gtk-icon-transform: unset;
2937 to { 3070 transition: 400ms; }
2938 -gtk-icon-transform: unset; } } 3071
2939 check:not(:indeterminate):checked { 3072 menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop),
2940 animation: check_check 400ms; } 3073 menu menuitem check:checked:not(:backdrop),
2941 3074 menu menuitem check:indeterminate:not(:backdrop) {
2942 radio:not(:indeterminate):checked { 3075 transition: none; }
2943 animation: check_radio 400ms; }
2944
2945 check:indeterminate:checked, radio:indeterminate:checked {
2946 animation: check_indeterminate 400ms; }
2947
2948 menu menuitem check:not(:indeterminate):checked,
2949 menu menuitem radio:not(:indeterminate):checked,
2950 menu menuitem check:indeterminate:checked:active,
2951 menu menuitem radio:indeterminate:checked {
2952 animation: none; }
2953 3076
2954 treeview.view check:selected:focus, treeview.view check:selected, 3077 treeview.view check:selected:focus, treeview.view check:selected,
2955 treeview.view radio:selected:focus, 3078 treeview.view radio:selected:focus,
2956 treeview.view radio:selected { 3079 treeview.view radio:selected {
2957 color: #eeeeec; } 3080 color: #eeeeec; }
2970 * GtkScale * 3093 * GtkScale *
2971 ************/ 3094 ************/
2972 scale trough, scale fill, progressbar trough { 3095 scale trough, scale fill, progressbar trough {
2973 border: 1px solid #1b1f20; 3096 border: 1px solid #1b1f20;
2974 border-radius: 3px; 3097 border-radius: 3px;
2975 background-color: #272c2e; 3098 background-color: #272c2e; }
2976 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
2977 scale trough:disabled, scale fill:disabled, progressbar trough:disabled { 3099 scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
2978 background-color: #2d3234; 3100 background-color: #2d3234; }
2979 box-shadow: none; }
2980 scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { 3101 scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough {
2981 background-color: #2c3233; 3102 background-color: #2c3233;
2982 border-color: #202425; 3103 border-color: #202425;
2983 box-shadow: none;
2984 transition: 200ms ease-out; } 3104 transition: 200ms ease-out; }
2985 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { 3105 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled {
2986 background-color: #2d3234; } 3106 background-color: #2d3234; }
2987 row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { 3107 row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
2988 box-shadow: none; } 3108 border-color: #12180c; }
2989 row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled {
2990 border-color: #12180c; }
2991 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { 3109 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
2992 border-color: rgba(0, 0, 0, 0.7); 3110 border-color: rgba(0, 0, 0, 0.7);
2993 background-color: rgba(0, 0, 0, 0.5); 3111 background-color: rgba(0, 0, 0, 0.5); }
2994 box-shadow: none;
2995 outline-color: rgba(238, 238, 236, 0.2); }
2996 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { 3112 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
2997 background-color: rgba(49, 52, 52, 0.5); } 3113 background-color: rgba(49, 52, 52, 0.5); }
2998 3114
2999 scale highlight, progressbar progress { 3115 scale highlight, progressbar progress {
3000 border: 1px solid #12180c; 3116 border: 1px solid #12180c;
3042 border-radius: 5px; 3158 border-radius: 5px;
3043 -gtk-outline-radius: 7px; } 3159 -gtk-outline-radius: 7px; }
3044 scale trough { 3160 scale trough {
3045 outline-offset: 2px; 3161 outline-offset: 2px;
3046 -gtk-outline-radius: 5px; } 3162 -gtk-outline-radius: 5px; }
3047 scale fill, scale fill:backdrop { 3163 scale fill:backdrop, scale fill {
3048 background-color: #1b1f20; 3164 background-color: #1b1f20; }
3049 box-shadow: none; } 3165 scale fill:disabled:backdrop, scale fill:disabled {
3050 scale fill:disabled, scale fill:disabled:backdrop {
3051 border-color: transparent; 3166 border-color: transparent;
3052 background-color: transparent; } 3167 background-color: transparent; }
3053 .osd scale fill { 3168 .osd scale fill {
3054 background-color: rgba(91, 91, 90, 0.775); } 3169 background-color: rgba(91, 91, 90, 0.775); }
3055 .osd scale fill:disabled, .osd scale fill:disabled:backdrop { 3170 .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
3056 border-color: transparent; 3171 border-color: transparent;
3057 background-color: transparent; } 3172 background-color: transparent; }
3058 scale slider { 3173 scale slider {
3059 color: #eeeeec; 3174 color: #eeeeec;
3060 outline-color: rgba(238, 238, 236, 0.3); 3175 outline-color: rgba(238, 238, 236, 0.3);
3061 border-color: #0b0c0c; 3176 border-color: #0b0c0c;
3062 text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); 3177 text-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
3063 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); 3178 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
3064 background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%); 3179 background-image: linear-gradient(to bottom, #2c3133 20%, #25292b 90%);
3065 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1); 3180 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px #2a2e30, inset 0 -1px #1e2122, 0 1px rgba(0, 0, 0, 0.1);
3066 border: 1px solid #141717; 3181 border: 1px solid #040404;
3067 border-radius: 100%; 3182 border-radius: 100%;
3068 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 3183 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
3069 transition-property: background, border, box-shadow; } 3184 transition-property: background, border, box-shadow; }
3070 scale slider:hover { 3185 scale slider:hover {
3071 color: #eeeeec; 3186 color: #eeeeec;
3098 text-shadow: none; 3213 text-shadow: none;
3099 -gtk-icon-shadow: none; 3214 -gtk-icon-shadow: none;
3100 box-shadow: inset 0 1px rgba(255, 255, 255, 0); } 3215 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3101 scale slider:backdrop:disabled label, scale slider:backdrop:disabled { 3216 scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
3102 color: #566164; } 3217 color: #566164; }
3103 row:selected scale slider, row:selected scale slider:disabled { 3218 row:selected scale slider:disabled, row:selected scale slider {
3104 border-color: #12180c; } 3219 border-color: #12180c; }
3105 .osd scale slider { 3220 .osd scale slider {
3106 color: #eeeeec; 3221 color: #eeeeec;
3107 border-color: rgba(0, 0, 0, 0.7); 3222 border-color: rgba(0, 0, 0, 0.7);
3108 background-color: transparent; 3223 background-color: transparent;
3121 background-image: image(rgba(57, 63, 65, 0.7)); 3236 background-image: image(rgba(57, 63, 65, 0.7));
3122 background-clip: padding-box; 3237 background-clip: padding-box;
3123 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); 3238 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3124 text-shadow: 0 1px black; 3239 text-shadow: 0 1px black;
3125 -gtk-icon-shadow: 0 1px black; 3240 -gtk-icon-shadow: 0 1px black;
3126 outline-color: rgba(238, 238, 236, 0.3); } 3241 outline-color: rgba(238, 238, 236, 0.3);
3242 background-color: #1c1f20; }
3127 .osd scale slider:active { 3243 .osd scale slider:active {
3128 color: white; 3244 color: white;
3129 border-color: rgba(0, 0, 0, 0.7); 3245 border-color: rgba(0, 0, 0, 0.7);
3130 background-color: transparent; 3246 background-color: transparent;
3131 background-image: image(rgba(0, 0, 0, 0.7)); 3247 background-image: image(rgba(0, 0, 0, 0.7));
3132 background-clip: padding-box; 3248 background-clip: padding-box;
3133 box-shadow: none; 3249 box-shadow: none;
3134 text-shadow: none; 3250 text-shadow: none;
3135 -gtk-icon-shadow: none; 3251 -gtk-icon-shadow: none;
3136 outline-color: rgba(238, 238, 236, 0.3); } 3252 outline-color: rgba(238, 238, 236, 0.3);
3253 background-color: #1c1f20; }
3137 .osd scale slider:disabled { 3254 .osd scale slider:disabled {
3138 color: #858786; 3255 color: #858786;
3139 border-color: rgba(0, 0, 0, 0.7); 3256 border-color: rgba(0, 0, 0, 0.7);
3140 background-color: transparent; 3257 background-color: transparent;
3141 background-image: image(rgba(49, 52, 52, 0.5)); 3258 background-image: image(rgba(49, 52, 52, 0.5));
3142 background-clip: padding-box; 3259 background-clip: padding-box;
3143 box-shadow: none; 3260 box-shadow: none;
3144 text-shadow: none; 3261 text-shadow: none;
3145 -gtk-icon-shadow: none; } 3262 -gtk-icon-shadow: none;
3263 background-color: #1c1f20; }
3146 .osd scale slider:backdrop { 3264 .osd scale slider:backdrop {
3147 color: #eeeeec; 3265 color: #eeeeec;
3148 border-color: rgba(0, 0, 0, 0.7); 3266 border-color: rgba(0, 0, 0, 0.7);
3149 background-color: transparent; 3267 background-color: transparent;
3150 background-image: image(rgba(28, 31, 32, 0.7)); 3268 background-image: image(rgba(28, 31, 32, 0.7));
3151 background-clip: padding-box; 3269 background-clip: padding-box;
3152 box-shadow: none; 3270 box-shadow: none;
3153 text-shadow: none; 3271 text-shadow: none;
3154 -gtk-icon-shadow: none; } 3272 -gtk-icon-shadow: none;
3273 background-color: #1c1f20; }
3274 .osd scale slider:backdrop:disabled {
3275 background-color: #1c1f20; }
3155 scale value { 3276 scale value {
3156 color: alpha(currentColor,0.4); } 3277 color: alpha(currentColor,0.55); }
3157 scale marks { 3278 scale marks {
3158 color: alpha(currentColor,0.4); } 3279 color: alpha(currentColor,0.55); }
3159 scale marks.top { 3280 scale marks.top {
3160 margin-bottom: 6px; 3281 margin-bottom: 6px;
3161 margin-top: -12px; } 3282 margin-top: -12px; }
3162 scale marks.bottom { 3283 scale marks.bottom {
3163 margin-top: 6px; 3284 margin-top: 6px;
3192 min-width: 3px; } 3313 min-width: 3px; }
3193 scale.horizontal.marks-before:not(.marks-after) slider { 3314 scale.horizontal.marks-before:not(.marks-after) slider {
3194 margin: -10px; 3315 margin: -10px;
3195 border-style: none; 3316 border-style: none;
3196 border-radius: 0; 3317 border-radius: 0;
3318 background-color: transparent;
3197 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); 3319 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
3198 min-height: 26px; 3320 min-height: 26px;
3199 min-width: 22px; 3321 min-width: 22px;
3200 margin-top: -14px; 3322 margin-top: -14px;
3201 background-position: top; 3323 background-position: top;
3206 margin-top: -11px; } 3328 margin-top: -11px; }
3207 scale.horizontal.marks-before:not(.marks-after) slider:hover { 3329 scale.horizontal.marks-before:not(.marks-after) slider:hover {
3208 margin: -10px; 3330 margin: -10px;
3209 border-style: none; 3331 border-style: none;
3210 border-radius: 0; 3332 border-radius: 0;
3333 background-color: transparent;
3211 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); 3334 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
3212 min-height: 26px; 3335 min-height: 26px;
3213 min-width: 22px; 3336 min-width: 22px;
3214 margin-top: -14px; 3337 margin-top: -14px;
3215 background-position: top; 3338 background-position: top;
3220 margin-top: -11px; } 3343 margin-top: -11px; }
3221 scale.horizontal.marks-before:not(.marks-after) slider:active { 3344 scale.horizontal.marks-before:not(.marks-after) slider:active {
3222 margin: -10px; 3345 margin: -10px;
3223 border-style: none; 3346 border-style: none;
3224 border-radius: 0; 3347 border-radius: 0;
3348 background-color: transparent;
3225 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); 3349 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
3226 min-height: 26px; 3350 min-height: 26px;
3227 min-width: 22px; 3351 min-width: 22px;
3228 margin-top: -14px; 3352 margin-top: -14px;
3229 background-position: top; 3353 background-position: top;
3234 margin-top: -11px; } 3358 margin-top: -11px; }
3235 scale.horizontal.marks-before:not(.marks-after) slider:disabled { 3359 scale.horizontal.marks-before:not(.marks-after) slider:disabled {
3236 margin: -10px; 3360 margin: -10px;
3237 border-style: none; 3361 border-style: none;
3238 border-radius: 0; 3362 border-radius: 0;
3363 background-color: transparent;
3239 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); 3364 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
3240 min-height: 26px; 3365 min-height: 26px;
3241 min-width: 22px; 3366 min-width: 22px;
3242 margin-top: -14px; 3367 margin-top: -14px;
3243 background-position: top; 3368 background-position: top;
3248 margin-top: -11px; } 3373 margin-top: -11px; }
3249 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { 3374 scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
3250 margin: -10px; 3375 margin: -10px;
3251 border-style: none; 3376 border-style: none;
3252 border-radius: 0; 3377 border-radius: 0;
3378 background-color: transparent;
3253 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png")); 3379 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
3254 min-height: 26px; 3380 min-height: 26px;
3255 min-width: 22px; 3381 min-width: 22px;
3256 margin-top: -14px; 3382 margin-top: -14px;
3257 background-position: top; 3383 background-position: top;
3262 margin-top: -11px; } 3388 margin-top: -11px; }
3263 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { 3389 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
3264 margin: -10px; 3390 margin: -10px;
3265 border-style: none; 3391 border-style: none;
3266 border-radius: 0; 3392 border-radius: 0;
3393 background-color: transparent;
3267 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png")); 3394 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
3268 min-height: 26px; 3395 min-height: 26px;
3269 min-width: 22px; 3396 min-width: 22px;
3270 margin-top: -14px; 3397 margin-top: -14px;
3271 background-position: top; 3398 background-position: top;
3276 margin-top: -11px; } 3403 margin-top: -11px; }
3277 scale.horizontal.marks-after:not(.marks-before) slider { 3404 scale.horizontal.marks-after:not(.marks-before) slider {
3278 margin: -10px; 3405 margin: -10px;
3279 border-style: none; 3406 border-style: none;
3280 border-radius: 0; 3407 border-radius: 0;
3408 background-color: transparent;
3281 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); 3409 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
3282 min-height: 26px; 3410 min-height: 26px;
3283 min-width: 22px; 3411 min-width: 22px;
3284 margin-bottom: -14px; 3412 margin-bottom: -14px;
3285 background-position: bottom; 3413 background-position: bottom;
3290 margin-bottom: -11px; } 3418 margin-bottom: -11px; }
3291 scale.horizontal.marks-after:not(.marks-before) slider:hover { 3419 scale.horizontal.marks-after:not(.marks-before) slider:hover {
3292 margin: -10px; 3420 margin: -10px;
3293 border-style: none; 3421 border-style: none;
3294 border-radius: 0; 3422 border-radius: 0;
3423 background-color: transparent;
3295 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); 3424 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
3296 min-height: 26px; 3425 min-height: 26px;
3297 min-width: 22px; 3426 min-width: 22px;
3298 margin-bottom: -14px; 3427 margin-bottom: -14px;
3299 background-position: bottom; 3428 background-position: bottom;
3304 margin-bottom: -11px; } 3433 margin-bottom: -11px; }
3305 scale.horizontal.marks-after:not(.marks-before) slider:active { 3434 scale.horizontal.marks-after:not(.marks-before) slider:active {
3306 margin: -10px; 3435 margin: -10px;
3307 border-style: none; 3436 border-style: none;
3308 border-radius: 0; 3437 border-radius: 0;
3438 background-color: transparent;
3309 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); 3439 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
3310 min-height: 26px; 3440 min-height: 26px;
3311 min-width: 22px; 3441 min-width: 22px;
3312 margin-bottom: -14px; 3442 margin-bottom: -14px;
3313 background-position: bottom; 3443 background-position: bottom;
3318 margin-bottom: -11px; } 3448 margin-bottom: -11px; }
3319 scale.horizontal.marks-after:not(.marks-before) slider:disabled { 3449 scale.horizontal.marks-after:not(.marks-before) slider:disabled {
3320 margin: -10px; 3450 margin: -10px;
3321 border-style: none; 3451 border-style: none;
3322 border-radius: 0; 3452 border-radius: 0;
3453 background-color: transparent;
3323 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); 3454 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
3324 min-height: 26px; 3455 min-height: 26px;
3325 min-width: 22px; 3456 min-width: 22px;
3326 margin-bottom: -14px; 3457 margin-bottom: -14px;
3327 background-position: bottom; 3458 background-position: bottom;
3332 margin-bottom: -11px; } 3463 margin-bottom: -11px; }
3333 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { 3464 scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
3334 margin: -10px; 3465 margin: -10px;
3335 border-style: none; 3466 border-style: none;
3336 border-radius: 0; 3467 border-radius: 0;
3468 background-color: transparent;
3337 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png")); 3469 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
3338 min-height: 26px; 3470 min-height: 26px;
3339 min-width: 22px; 3471 min-width: 22px;
3340 margin-bottom: -14px; 3472 margin-bottom: -14px;
3341 background-position: bottom; 3473 background-position: bottom;
3346 margin-bottom: -11px; } 3478 margin-bottom: -11px; }
3347 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { 3479 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
3348 margin: -10px; 3480 margin: -10px;
3349 border-style: none; 3481 border-style: none;
3350 border-radius: 0; 3482 border-radius: 0;
3483 background-color: transparent;
3351 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png")); 3484 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
3352 min-height: 26px; 3485 min-height: 26px;
3353 min-width: 22px; 3486 min-width: 22px;
3354 margin-bottom: -14px; 3487 margin-bottom: -14px;
3355 background-position: bottom; 3488 background-position: bottom;
3360 margin-bottom: -11px; } 3493 margin-bottom: -11px; }
3361 scale.vertical.marks-before:not(.marks-after) slider { 3494 scale.vertical.marks-before:not(.marks-after) slider {
3362 margin: -10px; 3495 margin: -10px;
3363 border-style: none; 3496 border-style: none;
3364 border-radius: 0; 3497 border-radius: 0;
3498 background-color: transparent;
3365 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); 3499 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
3366 min-height: 22px; 3500 min-height: 22px;
3367 min-width: 26px; 3501 min-width: 26px;
3368 margin-left: -14px; 3502 margin-left: -14px;
3369 background-position: left bottom; 3503 background-position: left bottom;
3374 margin-left: -11px; } 3508 margin-left: -11px; }
3375 scale.vertical.marks-before:not(.marks-after) slider:hover { 3509 scale.vertical.marks-before:not(.marks-after) slider:hover {
3376 margin: -10px; 3510 margin: -10px;
3377 border-style: none; 3511 border-style: none;
3378 border-radius: 0; 3512 border-radius: 0;
3513 background-color: transparent;
3379 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); 3514 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
3380 min-height: 22px; 3515 min-height: 22px;
3381 min-width: 26px; 3516 min-width: 26px;
3382 margin-left: -14px; 3517 margin-left: -14px;
3383 background-position: left bottom; 3518 background-position: left bottom;
3388 margin-left: -11px; } 3523 margin-left: -11px; }
3389 scale.vertical.marks-before:not(.marks-after) slider:active { 3524 scale.vertical.marks-before:not(.marks-after) slider:active {
3390 margin: -10px; 3525 margin: -10px;
3391 border-style: none; 3526 border-style: none;
3392 border-radius: 0; 3527 border-radius: 0;
3528 background-color: transparent;
3393 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); 3529 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
3394 min-height: 22px; 3530 min-height: 22px;
3395 min-width: 26px; 3531 min-width: 26px;
3396 margin-left: -14px; 3532 margin-left: -14px;
3397 background-position: left bottom; 3533 background-position: left bottom;
3402 margin-left: -11px; } 3538 margin-left: -11px; }
3403 scale.vertical.marks-before:not(.marks-after) slider:disabled { 3539 scale.vertical.marks-before:not(.marks-after) slider:disabled {
3404 margin: -10px; 3540 margin: -10px;
3405 border-style: none; 3541 border-style: none;
3406 border-radius: 0; 3542 border-radius: 0;
3543 background-color: transparent;
3407 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); 3544 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
3408 min-height: 22px; 3545 min-height: 22px;
3409 min-width: 26px; 3546 min-width: 26px;
3410 margin-left: -14px; 3547 margin-left: -14px;
3411 background-position: left bottom; 3548 background-position: left bottom;
3416 margin-left: -11px; } 3553 margin-left: -11px; }
3417 scale.vertical.marks-before:not(.marks-after) slider:backdrop { 3554 scale.vertical.marks-before:not(.marks-after) slider:backdrop {
3418 margin: -10px; 3555 margin: -10px;
3419 border-style: none; 3556 border-style: none;
3420 border-radius: 0; 3557 border-radius: 0;
3558 background-color: transparent;
3421 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png")); 3559 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
3422 min-height: 22px; 3560 min-height: 22px;
3423 min-width: 26px; 3561 min-width: 26px;
3424 margin-left: -14px; 3562 margin-left: -14px;
3425 background-position: left bottom; 3563 background-position: left bottom;
3430 margin-left: -11px; } 3568 margin-left: -11px; }
3431 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { 3569 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
3432 margin: -10px; 3570 margin: -10px;
3433 border-style: none; 3571 border-style: none;
3434 border-radius: 0; 3572 border-radius: 0;
3573 background-color: transparent;
3435 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png")); 3574 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
3436 min-height: 22px; 3575 min-height: 22px;
3437 min-width: 26px; 3576 min-width: 26px;
3438 margin-left: -14px; 3577 margin-left: -14px;
3439 background-position: left bottom; 3578 background-position: left bottom;
3444 margin-left: -11px; } 3583 margin-left: -11px; }
3445 scale.vertical.marks-after:not(.marks-before) slider { 3584 scale.vertical.marks-after:not(.marks-before) slider {
3446 margin: -10px; 3585 margin: -10px;
3447 border-style: none; 3586 border-style: none;
3448 border-radius: 0; 3587 border-radius: 0;
3588 background-color: transparent;
3449 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); 3589 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
3450 min-height: 22px; 3590 min-height: 22px;
3451 min-width: 26px; 3591 min-width: 26px;
3452 margin-right: -14px; 3592 margin-right: -14px;
3453 background-position: right bottom; 3593 background-position: right bottom;
3458 margin-right: -11px; } 3598 margin-right: -11px; }
3459 scale.vertical.marks-after:not(.marks-before) slider:hover { 3599 scale.vertical.marks-after:not(.marks-before) slider:hover {
3460 margin: -10px; 3600 margin: -10px;
3461 border-style: none; 3601 border-style: none;
3462 border-radius: 0; 3602 border-radius: 0;
3603 background-color: transparent;
3463 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); 3604 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
3464 min-height: 22px; 3605 min-height: 22px;
3465 min-width: 26px; 3606 min-width: 26px;
3466 margin-right: -14px; 3607 margin-right: -14px;
3467 background-position: right bottom; 3608 background-position: right bottom;
3472 margin-right: -11px; } 3613 margin-right: -11px; }
3473 scale.vertical.marks-after:not(.marks-before) slider:active { 3614 scale.vertical.marks-after:not(.marks-before) slider:active {
3474 margin: -10px; 3615 margin: -10px;
3475 border-style: none; 3616 border-style: none;
3476 border-radius: 0; 3617 border-radius: 0;
3618 background-color: transparent;
3477 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); 3619 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
3478 min-height: 22px; 3620 min-height: 22px;
3479 min-width: 26px; 3621 min-width: 26px;
3480 margin-right: -14px; 3622 margin-right: -14px;
3481 background-position: right bottom; 3623 background-position: right bottom;
3486 margin-right: -11px; } 3628 margin-right: -11px; }
3487 scale.vertical.marks-after:not(.marks-before) slider:disabled { 3629 scale.vertical.marks-after:not(.marks-before) slider:disabled {
3488 margin: -10px; 3630 margin: -10px;
3489 border-style: none; 3631 border-style: none;
3490 border-radius: 0; 3632 border-radius: 0;
3633 background-color: transparent;
3491 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); 3634 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
3492 min-height: 22px; 3635 min-height: 22px;
3493 min-width: 26px; 3636 min-width: 26px;
3494 margin-right: -14px; 3637 margin-right: -14px;
3495 background-position: right bottom; 3638 background-position: right bottom;
3500 margin-right: -11px; } 3643 margin-right: -11px; }
3501 scale.vertical.marks-after:not(.marks-before) slider:backdrop { 3644 scale.vertical.marks-after:not(.marks-before) slider:backdrop {
3502 margin: -10px; 3645 margin: -10px;
3503 border-style: none; 3646 border-style: none;
3504 border-radius: 0; 3647 border-radius: 0;
3648 background-color: transparent;
3505 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png")); 3649 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
3506 min-height: 22px; 3650 min-height: 22px;
3507 min-width: 26px; 3651 min-width: 26px;
3508 margin-right: -14px; 3652 margin-right: -14px;
3509 background-position: right bottom; 3653 background-position: right bottom;
3514 margin-right: -11px; } 3658 margin-right: -11px; }
3515 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { 3659 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
3516 margin: -10px; 3660 margin: -10px;
3517 border-style: none; 3661 border-style: none;
3518 border-radius: 0; 3662 border-radius: 0;
3663 background-color: transparent;
3519 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png")); 3664 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
3520 min-height: 22px; 3665 min-height: 22px;
3521 min-width: 26px; 3666 min-width: 26px;
3522 margin-right: -14px; 3667 margin-right: -14px;
3523 background-position: right bottom; 3668 background-position: right bottom;
3528 margin-right: -11px; } 3673 margin-right: -11px; }
3529 scale.color { 3674 scale.color {
3530 min-height: 0; 3675 min-height: 0;
3531 min-width: 0; } 3676 min-width: 0; }
3532 scale.color trough { 3677 scale.color trough {
3533 background-image: linear-gradient(to top, #1b1f20); 3678 background-image: image(#1b1f20);
3534 background-repeat: no-repeat; } 3679 background-repeat: no-repeat; }
3535 scale.color.horizontal { 3680 scale.color.horizontal {
3536 padding: 0 0 15px 0; } 3681 padding: 0 0 15px 0; }
3537 scale.color.horizontal trough { 3682 scale.color.horizontal trough {
3538 padding-bottom: 4px; 3683 padding-bottom: 4px;
3630 background-color: transparent; 3775 background-color: transparent;
3631 box-shadow: none; } 3776 box-shadow: none; }
3632 progressbar.osd progress { 3777 progressbar.osd progress {
3633 border-style: none; 3778 border-style: none;
3634 border-radius: 0; } 3779 border-radius: 0; }
3780 progressbar trough.empty progress {
3781 all: unset; }
3635 3782
3636 /************* 3783 /*************
3637 * Level Bar * 3784 * Level Bar *
3638 *************/ 3785 *************/
3639 levelbar block { 3786 levelbar block {
3661 margin: 0 1px; } 3808 margin: 0 1px; }
3662 levelbar.vertical.discrete block { 3809 levelbar.vertical.discrete block {
3663 margin: 1px 0; } 3810 margin: 1px 0; }
3664 levelbar block { 3811 levelbar block {
3665 border: 1px solid; 3812 border: 1px solid;
3666 border-radius: 1px; 3813 border-radius: 1px; }
3667 box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
3668 levelbar block:backdrop {
3669 box-shadow: none; }
3670 levelbar block.low { 3814 levelbar block.low {
3671 border-color: #f57900; 3815 border-color: #f57900;
3672 background-color: #f57900; } 3816 background-color: #f57900; }
3673 levelbar block.low:backdrop { 3817 levelbar block.low:backdrop {
3674 border-color: #f57900; } 3818 border-color: #f57900; }
3682 background-color: #5aa411; } 3826 background-color: #5aa411; }
3683 levelbar block.full:backdrop { 3827 levelbar block.full:backdrop {
3684 border-color: #5aa411; } 3828 border-color: #5aa411; }
3685 levelbar block.empty { 3829 levelbar block.empty {
3686 background-color: transparent; 3830 background-color: transparent;
3687 border-color: rgba(238, 238, 236, 0.1); 3831 border-color: rgba(238, 238, 236, 0.1); }
3688 box-shadow: none; }
3689 levelbar block.empty:backdrop { 3832 levelbar block.empty:backdrop {
3690 border-color: rgba(145, 148, 148, 0.15); } 3833 border-color: rgba(145, 148, 148, 0.15); }
3691 3834
3692 /**************** 3835 /****************
3693 * Print dialog * 3836 * Print dialog *
4219 color: white; } 4362 color: white; }
4220 4363
4221 /***************** 4364 /*****************
4222 * Color Chooser * 4365 * Color Chooser *
4223 *****************/ 4366 *****************/
4224 colorswatch, colorswatch:drop(active) { 4367 colorswatch:drop(active), colorswatch {
4225 border-style: none; } 4368 border-style: none; }
4226 colorswatch.top { 4369 colorswatch.top {
4227 border-top-left-radius: 5.5px; 4370 border-top-left-radius: 5.5px;
4228 border-top-right-radius: 5.5px; } 4371 border-top-right-radius: 5.5px; }
4229 colorswatch.top overlay { 4372 colorswatch.top overlay {
4266 box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; } 4409 box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; }
4267 colorswatch:drop(active).dark overlay { 4410 colorswatch:drop(active).dark overlay {
4268 border-color: #4e9a06; 4411 border-color: #4e9a06;
4269 box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; } 4412 box-shadow: inset 0 0 0 2px #1b1f20, inset 0 0 0 1px #4e9a06; }
4270 colorswatch overlay { 4413 colorswatch overlay {
4271 box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5);
4272 border: 1px solid #1b1f20; } 4414 border: 1px solid #1b1f20; }
4273 colorswatch overlay:hover { 4415 colorswatch overlay:hover {
4274 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } 4416 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
4275 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { 4417 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
4276 border-color: #1b1f20; 4418 border-color: #1b1f20;
4277 box-shadow: none; } 4419 box-shadow: none; }
4278 colorswatch#add-color-button { 4420 colorswatch#add-color-button {
4279 border-radius: 5px 5px 0 0; } 4421 border-radius: 5px 5px 0 0; }
4362 box-shadow: none; } 4504 box-shadow: none; }
4363 messagedialog.csd decoration { 4505 messagedialog.csd decoration {
4364 border-radius: 7px; 4506 border-radius: 7px;
4365 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.8); } 4507 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(27, 31, 32, 0.8); }
4366 .solid-csd decoration { 4508 .solid-csd decoration {
4509 margin: 0;
4510 padding: 4px;
4511 background-color: #1b1f20;
4512 border: solid 1px #1b1f20;
4367 border-radius: 0; 4513 border-radius: 0;
4368 margin: 4px; 4514 box-shadow: inset 0 0 0 3px #2c3133, inset 0 1px rgba(238, 238, 236, 0.07); }
4369 background-color: #33393b; 4515 .solid-csd decoration:backdrop {
4370 border: solid 1px #202425; 4516 box-shadow: inset 0 0 0 3px #33393b, inset 0 1px rgba(238, 238, 236, 0.07); }
4371 box-shadow: none; }
4372 4517
4373 button.titlebutton { 4518 button.titlebutton {
4374 text-shadow: 0 -1px rgba(0, 0, 0, 0.82745); 4519 text-shadow: 0 -1px rgba(0, 0, 0, 0.82745);
4375 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); } 4520 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.82745); }
4376 button.titlebutton:backdrop { 4521 button.titlebutton:backdrop {
4391 .view text:selected, 4536 .view text:selected,
4392 iconview text:selected, 4537 iconview text:selected,
4393 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, 4538 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
4394 textview text selection:focus, 4539 textview text selection:focus,
4395 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, 4540 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
4396 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, 4541 entry selection, modelbutton.flat:selected,
4397 popover.background radiobutton:selected,
4398 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { 4542 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
4399 background-color: #5E7F3E; } 4543 background-color: #5E7F3E; }
4400 row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, 4544 row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
4401 .view text:selected:focus, 4545 .view text:selected:focus,
4402 iconview text:selected:focus, 4546 iconview text:selected:focus,
4404 .view text:selected, 4548 .view text:selected,
4405 iconview text:selected, 4549 iconview text:selected,
4406 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, 4550 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
4407 textview text selection:focus, 4551 textview text selection:focus,
4408 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, 4552 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
4409 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, 4553 entry selection, modelbutton.flat:selected,
4410 popover.background radiobutton:selected,
4411 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { 4554 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
4412 color: #ffffff; } 4555 color: #ffffff; }
4413 row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, 4556 row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
4414 iconview text:disabled:selected:focus, 4557 iconview text:disabled:selected:focus,
4415 textview text:disabled:selected:focus, 4558 textview text:disabled:selected:focus,
4416 .view text:disabled:selected, 4559 .view text:disabled:selected,
4417 iconview text:disabled:selected, 4560 iconview text:disabled:selected,
4418 textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, 4561 textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
4419 textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, 4562 textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
4420 entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, 4563 entry selection:disabled, modelbutton.flat:disabled:selected,
4421 popover.background radiobutton:disabled:selected,
4422 .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { 4564 .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected {
4423 color: #afbf9f; } 4565 color: #afbf9f; }
4424 row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, 4566 row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
4425 iconview text:backdrop:selected:focus, 4567 iconview text:backdrop:selected:focus,
4426 textview text:backdrop:selected:focus, 4568 textview text:backdrop:selected:focus,
4427 .view text:backdrop:selected, 4569 .view text:backdrop:selected,
4428 iconview text:backdrop:selected, 4570 iconview text:backdrop:selected,
4429 textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, 4571 textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
4430 textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, 4572 textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop,
4431 entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, 4573 entry selection:backdrop, modelbutton.flat:backdrop:selected,
4432 popover.background radiobutton:backdrop:selected,
4433 .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { 4574 .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
4434 color: #ffffff; } 4575 color: #ffffff; }
4435 row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, 4576 row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
4436 .view text:backdrop:disabled:selected, 4577 .view text:backdrop:disabled:selected,
4437 iconview text:backdrop:disabled:selected, 4578 iconview text:backdrop:disabled:selected,
4438 textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, 4579 textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
4439 textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, 4580 textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled,
4440 entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, 4581 entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected,
4441 popover.background radiobutton:backdrop:disabled:selected,
4442 .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { 4582 .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected {
4443 color: #8ea578; } 4583 color: #8ea578; }
4444 4584
4445 .monospace { 4585 .monospace {
4446 font: Monospace; } 4586 font-family: monospace; }
4447 4587
4448 /********************** 4588 /**********************
4449 * Touch Copy & Paste * 4589 * Touch Copy & Paste *
4450 *********************/ 4590 *********************/
4451 cursor-handle { 4591 cursor-handle {
4479 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } 4619 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); }
4480 4620
4481 .context-menu { 4621 .context-menu {
4482 font: initial; } 4622 font: initial; }
4483 4623
4484 button.circular {
4485 border-radius: 9999px;
4486 -gtk-outline-radius: 9999px; }
4487 button.circular label {
4488 padding: 0; }
4489
4490 .keycap { 4624 .keycap {
4491 min-width: 20px; 4625 min-width: 20px;
4492 min-height: 25px; 4626 min-height: 25px;
4493 margin-top: 2px; 4627 margin-top: 2px;
4494 padding-bottom: 3px; 4628 padding-bottom: 3px;
4507 transition: 200ms ease-out; } 4641 transition: 200ms ease-out; }
4508 4642
4509 :not(decoration):not(window):drop(active):focus, 4643 :not(decoration):not(window):drop(active):focus,
4510 :not(decoration):not(window):drop(active) { 4644 :not(decoration):not(window):drop(active) {
4511 border-color: #4e9a06; 4645 border-color: #4e9a06;
4512 box-shadow: inset 0 0 0 1px #4e9a06; } 4646 box-shadow: inset 0 0 0 1px #4e9a06;
4647 caret-color: #4e9a06; }
4513 4648
4514 stackswitcher button.text-button { 4649 stackswitcher button.text-button {
4515 min-width: 100px; } 4650 min-width: 100px; }
4516 4651
4517 stackswitcher button.circular, 4652 stackswitcher button.circular,