diff --git a/assets/calendar-selected@2.png b/assets/calendar-selected@2.png new file mode 100644 index 0000000..91912a7 Binary files /dev/null and b/assets/calendar-selected@2.png differ diff --git a/assets/checkbox-checked-active-dark.png b/assets/checkbox-checked-active-dark.png index 91974a8..fdfa30b 100644 Binary files a/assets/checkbox-checked-active-dark.png and b/assets/checkbox-checked-active-dark.png differ diff --git a/assets/checkbox-checked-active-dark@2.png b/assets/checkbox-checked-active-dark@2.png new file mode 100644 index 0000000..4791987 Binary files /dev/null and b/assets/checkbox-checked-active-dark@2.png differ diff --git a/assets/checkbox-checked-backdrop-dark.png b/assets/checkbox-checked-backdrop-dark.png index 84bb29b..788e284 100644 Binary files a/assets/checkbox-checked-backdrop-dark.png and b/assets/checkbox-checked-backdrop-dark.png differ diff --git a/assets/checkbox-checked-backdrop-dark@2.png b/assets/checkbox-checked-backdrop-dark@2.png new file mode 100644 index 0000000..2b9d2a0 Binary files /dev/null and b/assets/checkbox-checked-backdrop-dark@2.png differ diff --git a/assets/checkbox-checked-dark.png b/assets/checkbox-checked-dark.png index 86b9bef..d67e539 100644 Binary files a/assets/checkbox-checked-dark.png and b/assets/checkbox-checked-dark.png differ diff --git a/assets/checkbox-checked-dark@2.png b/assets/checkbox-checked-dark@2.png new file mode 100644 index 0000000..8939f42 Binary files /dev/null and b/assets/checkbox-checked-dark@2.png differ diff --git a/assets/checkbox-checked-hover-dark.png b/assets/checkbox-checked-hover-dark.png index 84bb29b..788e284 100644 Binary files a/assets/checkbox-checked-hover-dark.png and b/assets/checkbox-checked-hover-dark.png differ diff --git a/assets/checkbox-checked-hover-dark@2.png b/assets/checkbox-checked-hover-dark@2.png new file mode 100644 index 0000000..2b9d2a0 Binary files /dev/null and b/assets/checkbox-checked-hover-dark@2.png differ diff --git a/assets/checkbox-checked-insensitive-backdrop-dark@2.png b/assets/checkbox-checked-insensitive-backdrop-dark@2.png new file mode 100644 index 0000000..1fe9874 Binary files /dev/null and b/assets/checkbox-checked-insensitive-backdrop-dark@2.png differ diff --git a/assets/checkbox-checked-insensitive-dark@2.png b/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000..1fe9874 Binary files /dev/null and b/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/assets/checkbox-mixed-active-dark.png b/assets/checkbox-mixed-active-dark.png index 46f3294..ce5da65 100644 Binary files a/assets/checkbox-mixed-active-dark.png and b/assets/checkbox-mixed-active-dark.png differ diff --git a/assets/checkbox-mixed-active-dark@2.png b/assets/checkbox-mixed-active-dark@2.png new file mode 100644 index 0000000..cf04a0f Binary files /dev/null and b/assets/checkbox-mixed-active-dark@2.png differ diff --git a/assets/checkbox-mixed-backdrop-dark.png b/assets/checkbox-mixed-backdrop-dark.png index e72a86d..0372783 100644 Binary files a/assets/checkbox-mixed-backdrop-dark.png and b/assets/checkbox-mixed-backdrop-dark.png differ diff --git a/assets/checkbox-mixed-backdrop-dark@2.png b/assets/checkbox-mixed-backdrop-dark@2.png new file mode 100644 index 0000000..0b22fff Binary files /dev/null and b/assets/checkbox-mixed-backdrop-dark@2.png differ diff --git a/assets/checkbox-mixed-dark.png b/assets/checkbox-mixed-dark.png index e72a86d..0372783 100644 Binary files a/assets/checkbox-mixed-dark.png and b/assets/checkbox-mixed-dark.png differ diff --git a/assets/checkbox-mixed-dark@2.png b/assets/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..0b22fff Binary files /dev/null and b/assets/checkbox-mixed-dark@2.png differ diff --git a/assets/checkbox-mixed-hover-dark.png b/assets/checkbox-mixed-hover-dark.png index e72a86d..0372783 100644 Binary files a/assets/checkbox-mixed-hover-dark.png and b/assets/checkbox-mixed-hover-dark.png differ diff --git a/assets/checkbox-mixed-hover-dark@2.png b/assets/checkbox-mixed-hover-dark@2.png new file mode 100644 index 0000000..0b22fff Binary files /dev/null and b/assets/checkbox-mixed-hover-dark@2.png differ diff --git a/assets/checkbox-mixed-insensitive-backdrop-dark@2.png b/assets/checkbox-mixed-insensitive-backdrop-dark@2.png new file mode 100644 index 0000000..4000f4f Binary files /dev/null and b/assets/checkbox-mixed-insensitive-backdrop-dark@2.png differ diff --git a/assets/checkbox-mixed-insensitive-dark@2.png b/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..4000f4f Binary files /dev/null and b/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/assets/checkbox-unchecked-active-dark.png b/assets/checkbox-unchecked-active-dark.png index 0777ec7..b00851d 100644 Binary files a/assets/checkbox-unchecked-active-dark.png and b/assets/checkbox-unchecked-active-dark.png differ diff --git a/assets/checkbox-unchecked-active-dark@2.png b/assets/checkbox-unchecked-active-dark@2.png new file mode 100644 index 0000000..a719669 Binary files /dev/null and b/assets/checkbox-unchecked-active-dark@2.png differ diff --git a/assets/checkbox-unchecked-backdrop-dark@2.png b/assets/checkbox-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000..560e486 Binary files /dev/null and b/assets/checkbox-unchecked-backdrop-dark@2.png differ diff --git a/assets/checkbox-unchecked-dark@2.png b/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..560e486 Binary files /dev/null and b/assets/checkbox-unchecked-dark@2.png differ diff --git a/assets/checkbox-unchecked-hover-dark.png b/assets/checkbox-unchecked-hover-dark.png index 134df56..401741d 100644 Binary files a/assets/checkbox-unchecked-hover-dark.png and b/assets/checkbox-unchecked-hover-dark.png differ diff --git a/assets/checkbox-unchecked-hover-dark@2.png b/assets/checkbox-unchecked-hover-dark@2.png new file mode 100644 index 0000000..c6c6c7b Binary files /dev/null and b/assets/checkbox-unchecked-hover-dark@2.png differ diff --git a/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png b/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png new file mode 100644 index 0000000..f7ff9b5 Binary files /dev/null and b/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png differ diff --git a/assets/checkbox-unchecked-insensitive-dark@2.png b/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..f7ff9b5 Binary files /dev/null and b/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/assets/close.png b/assets/close.png index a997df6..06915e2 100644 Binary files a/assets/close.png and b/assets/close.png differ diff --git a/assets/close.svg b/assets/close.svg index ae977f3..331e56d 100755 --- a/assets/close.svg +++ b/assets/close.svg @@ -16,32 +16,41 @@ version="1.1" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="close.svg" - inkscape:export-filename="/home/lara/github/Blitz/assets/close.png" - inkscape:export-xdpi="92.606628" - inkscape:export-ydpi="92.606628"> + inkscape:export-filename="/home/lara/github/shell/assets/close.png" + inkscape:export-xdpi="96" + inkscape:export-ydpi="96"> + xlink:href="#linearGradient822" + id="linearGradient824" + x1="41.921902" + y1="521.56696" + x2="1003.6516" + y2="521.56696" + gradientUnits="userSpaceOnUse" /> + + id="stop818" /> + id="stop820" /> + xlink:href="#linearGradient822" + id="linearGradient847" + gradientUnits="userSpaceOnUse" + x1="41.921902" + y1="521.56696" + x2="1003.6516" + y2="521.56696" /> @@ -91,11 +100,24 @@ id="g4092"> + style="fill:#d52735;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1" + d="m 566.69348,-34.526078 c 305.45603,0 553.08142,247.625868 553.08142,553.085848 0,305.46126 -247.62539,553.08673 -553.08142,553.08673 -305.46513,0 -553.091323,-247.62547 -553.091323,-553.08673 0,-305.45998 247.626193,-553.085848 553.091323,-553.085848" + inkscape:connector-curvature="0" /> + + + + diff --git a/assets/close@2.png b/assets/close@2.png index 1aeb299..8da8c62 100755 Binary files a/assets/close@2.png and b/assets/close@2.png differ diff --git a/assets/close_prelight.png b/assets/close_prelight.png index 73405fc..2312f69 100644 Binary files a/assets/close_prelight.png and b/assets/close_prelight.png differ diff --git a/assets/close_prelight.svg b/assets/close_prelight.svg index d1d5e57..ffb2b42 100755 --- a/assets/close_prelight.svg +++ b/assets/close_prelight.svg @@ -7,16 +7,42 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" id="svg2" version="1.1" - inkscape:version="0.91 r13725" - sodipodi:docname="close_prelight.svg"> + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="close_prelight.svg" + inkscape:export-filename="/home/lara/github/shell/assets/close_prelight.png" + inkscape:export-xdpi="96.000008" + inkscape:export-ydpi="96.000008"> + id="defs4"> + + + + + + @@ -47,7 +73,7 @@ image/svg+xml - + @@ -70,17 +96,18 @@ inkscape:connector-curvature="0" /> + transform="matrix(1.0680345,0,0,1.0680345,0.41786301,-41.900484)" + style="fill-opacity:1;fill:url(#linearGradient824)"> + style="fill:#d52735;fill-opacity:1;fill-rule:evenodd;stroke:none" /> diff --git a/assets/close_prelight@2.png b/assets/close_prelight@2.png index 7314e97..a9142be 100644 Binary files a/assets/close_prelight@2.png and b/assets/close_prelight@2.png differ diff --git a/assets/maximize.png b/assets/maximize.png index 23af861..7af0dde 100644 Binary files a/assets/maximize.png and b/assets/maximize.png differ diff --git a/assets/maximize.svg b/assets/maximize.svg index 2e6bd60..f42710f 100755 --- a/assets/maximize.svg +++ b/assets/maximize.svg @@ -16,7 +16,7 @@ version="1.1" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="maximize.svg" - inkscape:export-filename="/home/lara/github/Blitz/assets/maximize.png" + inkscape:export-filename="/home/lara/github/shell/assets/maximize.png" inkscape:export-xdpi="96" inkscape:export-ydpi="96"> @@ -50,9 +50,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="19.261384" - inkscape:cx="4.6054322" - inkscape:cy="8.0100111" + inkscape:zoom="22.552836" + inkscape:cx="-0.53336225" + inkscape:cy="7.9420502" inkscape:document-units="px" inkscape:current-layer="g4287" showgrid="true" @@ -61,7 +61,7 @@ fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1366" - inkscape:window-height="713" + inkscape:window-height="712" inkscape:window-x="0" inkscape:window-y="25" inkscape:window-maximized="1" /> @@ -98,7 +98,7 @@ id="g4287"> @@ -51,9 +51,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="16.875" - inkscape:cx="5.3647948" - inkscape:cy="3.2140049" + inkscape:zoom="26.595424" + inkscape:cx="9.026514" + inkscape:cy="9.9563917" inkscape:document-units="px" inkscape:current-layer="g4092" showgrid="true" @@ -62,7 +62,7 @@ fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1366" - inkscape:window-height="713" + inkscape:window-height="712" inkscape:window-x="0" inkscape:window-y="25" inkscape:window-maximized="1" /> @@ -92,7 +92,7 @@ id="g4092"> diff --git a/assets/maximize_prelight@2.png b/assets/maximize_prelight@2.png old mode 100755 new mode 100644 index 16ca392..6a10e09 Binary files a/assets/maximize_prelight@2.png and b/assets/maximize_prelight@2.png differ diff --git a/assets/min.png b/assets/min.png index 9498c25..be1de0b 100644 Binary files a/assets/min.png and b/assets/min.png differ diff --git a/assets/min.svg b/assets/min.svg index ad3f553..4d9b75b 100755 --- a/assets/min.svg +++ b/assets/min.svg @@ -16,7 +16,7 @@ version="1.1" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="min.svg" - inkscape:export-filename="/home/lara/github/Blitz/assets/min.png" + inkscape:export-filename="/home/lara/github/shell/assets/min.png" inkscape:export-xdpi="95.99958" inkscape:export-ydpi="95.99958"> @@ -50,9 +50,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="19.261386" - inkscape:cx="0.25030614" - inkscape:cy="4.6721753" + inkscape:zoom="22.555576" + inkscape:cx="2.4840015" + inkscape:cy="9.5282062" inkscape:document-units="px" inkscape:current-layer="g4415" showgrid="true" @@ -61,7 +61,7 @@ fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1366" - inkscape:window-height="713" + inkscape:window-height="712" inkscape:window-x="0" inkscape:window-y="25" inkscape:window-maximized="1" /> @@ -73,7 +73,7 @@ image/svg+xml - + diff --git a/assets/min@2.png b/assets/min@2.png old mode 100755 new mode 100644 index ef0574c..05bd698 Binary files a/assets/min@2.png and b/assets/min@2.png differ diff --git a/assets/min_prelight.png b/assets/min_prelight.png index 0179918..3fea6a9 100644 Binary files a/assets/min_prelight.png and b/assets/min_prelight.png differ diff --git a/assets/min_prelight.svg b/assets/min_prelight.svg index 28c6dc5..09ab63d 100755 --- a/assets/min_prelight.svg +++ b/assets/min_prelight.svg @@ -7,16 +7,42 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="16" height="16" id="svg2" version="1.1" - inkscape:version="0.91 r13725" - sodipodi:docname="min_prelight.svg"> + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="min_prelight.svg" + inkscape:export-filename="/home/lara/github/shell/assets/min_prelight.png" + inkscape:export-xdpi="96" + inkscape:export-ydpi="96"> + id="defs4"> + + + + + + @@ -47,7 +73,7 @@ image/svg+xml - + @@ -70,19 +96,20 @@ + transform="matrix(1.0148899,0,0,1.0148899,-0.8432698,-5.0312058)" + style="fill-opacity:1;fill:url(#linearGradient828)"> diff --git a/assets/min_prelight@2.png b/assets/min_prelight@2.png index a58f31e..14bf9ff 100644 Binary files a/assets/min_prelight@2.png and b/assets/min_prelight@2.png differ diff --git a/assets/radio-checked-active-dark.png b/assets/radio-checked-active-dark.png index d400582..c0136ba 100644 Binary files a/assets/radio-checked-active-dark.png and b/assets/radio-checked-active-dark.png differ diff --git a/assets/radio-checked-active-dark@2.png b/assets/radio-checked-active-dark@2.png new file mode 100644 index 0000000..652119a Binary files /dev/null and b/assets/radio-checked-active-dark@2.png differ diff --git a/assets/radio-checked-backdrop-dark.png b/assets/radio-checked-backdrop-dark.png index d400582..c0136ba 100644 Binary files a/assets/radio-checked-backdrop-dark.png and b/assets/radio-checked-backdrop-dark.png differ diff --git a/assets/radio-checked-backdrop-dark@2.png b/assets/radio-checked-backdrop-dark@2.png new file mode 100644 index 0000000..652119a Binary files /dev/null and b/assets/radio-checked-backdrop-dark@2.png differ diff --git a/assets/radio-checked-dark.png b/assets/radio-checked-dark.png index d400582..c0136ba 100644 Binary files a/assets/radio-checked-dark.png and b/assets/radio-checked-dark.png differ diff --git a/assets/radio-checked-dark@2.png b/assets/radio-checked-dark@2.png new file mode 100644 index 0000000..652119a Binary files /dev/null and b/assets/radio-checked-dark@2.png differ diff --git a/assets/radio-checked-hover-dark.png b/assets/radio-checked-hover-dark.png index d400582..c0136ba 100644 Binary files a/assets/radio-checked-hover-dark.png and b/assets/radio-checked-hover-dark.png differ diff --git a/assets/radio-checked-hover-dark@2.png b/assets/radio-checked-hover-dark@2.png new file mode 100644 index 0000000..652119a Binary files /dev/null and b/assets/radio-checked-hover-dark@2.png differ diff --git a/assets/radio-checked-insensitive-backdrop-dark@2.png b/assets/radio-checked-insensitive-backdrop-dark@2.png new file mode 100644 index 0000000..b4c0af7 Binary files /dev/null and b/assets/radio-checked-insensitive-backdrop-dark@2.png differ diff --git a/assets/radio-checked-insensitive-dark@2.png b/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000..be4e5cc Binary files /dev/null and b/assets/radio-checked-insensitive-dark@2.png differ diff --git a/assets/radio-mixed-active-dark.png b/assets/radio-mixed-active-dark.png index ef8cb69..d20eb64 100644 Binary files a/assets/radio-mixed-active-dark.png and b/assets/radio-mixed-active-dark.png differ diff --git a/assets/radio-mixed-active-dark@2.png b/assets/radio-mixed-active-dark@2.png new file mode 100644 index 0000000..5abcc8e Binary files /dev/null and b/assets/radio-mixed-active-dark@2.png differ diff --git a/assets/radio-mixed-backdrop-dark.png b/assets/radio-mixed-backdrop-dark.png index ef8cb69..d20eb64 100644 Binary files a/assets/radio-mixed-backdrop-dark.png and b/assets/radio-mixed-backdrop-dark.png differ diff --git a/assets/radio-mixed-backdrop-dark@2.png b/assets/radio-mixed-backdrop-dark@2.png new file mode 100644 index 0000000..5abcc8e Binary files /dev/null and b/assets/radio-mixed-backdrop-dark@2.png differ diff --git a/assets/radio-mixed-dark.png b/assets/radio-mixed-dark.png index ef8cb69..d20eb64 100644 Binary files a/assets/radio-mixed-dark.png and b/assets/radio-mixed-dark.png differ diff --git a/assets/radio-mixed-dark@2.png b/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000..5abcc8e Binary files /dev/null and b/assets/radio-mixed-dark@2.png differ diff --git a/assets/radio-mixed-hover-dark.png b/assets/radio-mixed-hover-dark.png index ef8cb69..d20eb64 100644 Binary files a/assets/radio-mixed-hover-dark.png and b/assets/radio-mixed-hover-dark.png differ diff --git a/assets/radio-mixed-hover-dark@2.png b/assets/radio-mixed-hover-dark@2.png new file mode 100644 index 0000000..5abcc8e Binary files /dev/null and b/assets/radio-mixed-hover-dark@2.png differ diff --git a/assets/radio-mixed-insensitive-backdrop-dark@2.png b/assets/radio-mixed-insensitive-backdrop-dark@2.png new file mode 100644 index 0000000..bf13781 Binary files /dev/null and b/assets/radio-mixed-insensitive-backdrop-dark@2.png differ diff --git a/assets/radio-mixed-insensitive-dark@2.png b/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..bf13781 Binary files /dev/null and b/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/assets/radio-unchecked-active-dark.png b/assets/radio-unchecked-active-dark.png index ee0d9f1..3648c58 100644 Binary files a/assets/radio-unchecked-active-dark.png and b/assets/radio-unchecked-active-dark.png differ diff --git a/assets/radio-unchecked-active-dark@2.png b/assets/radio-unchecked-active-dark@2.png new file mode 100644 index 0000000..b0980f8 Binary files /dev/null and b/assets/radio-unchecked-active-dark@2.png differ diff --git a/assets/radio-unchecked-backdrop-dark@2.png b/assets/radio-unchecked-backdrop-dark@2.png new file mode 100644 index 0000000..5c6575a Binary files /dev/null and b/assets/radio-unchecked-backdrop-dark@2.png differ diff --git a/assets/radio-unchecked-dark@2.png b/assets/radio-unchecked-dark@2.png new file mode 100644 index 0000000..8adccd5 Binary files /dev/null and b/assets/radio-unchecked-dark@2.png differ diff --git a/assets/radio-unchecked-hover-dark.png b/assets/radio-unchecked-hover-dark.png index ee0d9f1..3648c58 100644 Binary files a/assets/radio-unchecked-hover-dark.png and b/assets/radio-unchecked-hover-dark.png differ diff --git a/assets/radio-unchecked-hover-dark@2.png b/assets/radio-unchecked-hover-dark@2.png new file mode 100644 index 0000000..b0980f8 Binary files /dev/null and b/assets/radio-unchecked-hover-dark@2.png differ diff --git a/assets/radio-unchecked-insensitive-backdrop-dark@2.png b/assets/radio-unchecked-insensitive-backdrop-dark@2.png new file mode 100644 index 0000000..5d107a4 Binary files /dev/null and b/assets/radio-unchecked-insensitive-backdrop-dark@2.png differ diff --git a/assets/radio-unchecked-insensitive-dark@2.png b/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..7494b83 Binary files /dev/null and b/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/assets/selected-checkbox-checked-dark.png b/assets/selected-checkbox-checked-dark.png index 91974a8..fdfa30b 100644 Binary files a/assets/selected-checkbox-checked-dark.png and b/assets/selected-checkbox-checked-dark.png differ diff --git a/assets/selected-checkbox-checked-dark@2.png b/assets/selected-checkbox-checked-dark@2.png new file mode 100644 index 0000000..4791987 Binary files /dev/null and b/assets/selected-checkbox-checked-dark@2.png differ diff --git a/assets/selected-checkbox-mixed-dark.png b/assets/selected-checkbox-mixed-dark.png index 46f3294..ce5da65 100644 Binary files a/assets/selected-checkbox-mixed-dark.png and b/assets/selected-checkbox-mixed-dark.png differ diff --git a/assets/selected-checkbox-mixed-dark@2.png b/assets/selected-checkbox-mixed-dark@2.png new file mode 100644 index 0000000..cf04a0f Binary files /dev/null and b/assets/selected-checkbox-mixed-dark@2.png differ diff --git a/assets/selected-checkbox-unchecked-dark.png b/assets/selected-checkbox-unchecked-dark.png index 0777ec7..b00851d 100644 Binary files a/assets/selected-checkbox-unchecked-dark.png and b/assets/selected-checkbox-unchecked-dark.png differ diff --git a/assets/selected-checkbox-unchecked-dark@2.png b/assets/selected-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..a719669 Binary files /dev/null and b/assets/selected-checkbox-unchecked-dark@2.png differ diff --git a/assets/selected-radio-checked-dark.png b/assets/selected-radio-checked-dark.png index d400582..c0136ba 100644 Binary files a/assets/selected-radio-checked-dark.png and b/assets/selected-radio-checked-dark.png differ diff --git a/assets/selected-radio-checked-dark@2.png b/assets/selected-radio-checked-dark@2.png new file mode 100644 index 0000000..652119a Binary files /dev/null and b/assets/selected-radio-checked-dark@2.png differ diff --git a/assets/selected-radio-mixed-dark.png b/assets/selected-radio-mixed-dark.png index ef8cb69..d20eb64 100644 Binary files a/assets/selected-radio-mixed-dark.png and b/assets/selected-radio-mixed-dark.png differ diff --git a/assets/selected-radio-mixed-dark@2.png b/assets/selected-radio-mixed-dark@2.png new file mode 100644 index 0000000..5abcc8e Binary files /dev/null and b/assets/selected-radio-mixed-dark@2.png differ diff --git a/assets/selected-radio-unchecked-dark.png b/assets/selected-radio-unchecked-dark.png index ee0d9f1..3648c58 100644 Binary files a/assets/selected-radio-unchecked-dark.png and b/assets/selected-radio-unchecked-dark.png differ diff --git a/assets/selected-radio-unchecked-dark@2.png b/assets/selected-radio-unchecked-dark@2.png new file mode 100644 index 0000000..b0980f8 Binary files /dev/null and b/assets/selected-radio-unchecked-dark@2.png differ diff --git a/gnome-shell/_colors.scss b/gnome-shell/_colors.scss index 1385321..752651d 100644 --- a/gnome-shell/_colors.scss +++ b/gnome-shell/_colors.scss @@ -1,24 +1,24 @@ -$base_color:#181b28; -$bg_color:#181b28; //252b2f +$base_color:#1E2326; +$bg_color:#1A1E21; //252b2f $main_dark: darken($bg_color, 5%); $gray: lighten($bg_color, 7%); -$fg_color: #98abb2; -$dracula: #161925; +$fg_color: #5D5E60; +$dracula: #1e2326; $topbar_color: lighten($fg_color, 40%); -$lime: #84ff39; -$red: #ff007a; -$purple: #c74ded; -$cyan: #00e8c6; -$yellow: #FED766; +$lime: #CAE7B9; +$red: #F67E7D; +$purple: #D7BCC8; +$cyan: #A0C1B9; +$yellow: #E1DD8F; $orange: #F79F79; -$g1: #c50ed2; -$g2: #8500f7; +$g1: $red; +$g2: $yellow; $selected_fg_color: #f7f7f7; -$selected_bg_color:#c50ed2; +$selected_bg_color:$red; $selected_borders_color: darken($selected_bg_color, 10%); -$borders_color: darken(#181b28, 3%); +$borders_color: darken(#1d2021, 3%); $borders_edge: transparentize(white, 0.9); $link_color: #A0C1B9; $link_visited_color: transparentize($link_color,0.5); diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss index c3e4ad8..a9f2633 100644 --- a/gnome-shell/_common.scss +++ b/gnome-shell/_common.scss @@ -118,7 +118,7 @@ StScrollBar { -slider-height: 0.1em; -slider-background-color: $gray; //background of the trough -slider-border-color: black; //trough border color - -slider-active-background-color: $yellow; //active trough fill + -slider-active-background-color: $cyan; //active trough fill -slider-active-border-color: $lime; //active trough border -slider-border-width: 0; -slider-handle-radius: 6px; @@ -126,11 +126,11 @@ StScrollBar { -barlevel-height: 0.1em; -barlevel-background-color: $gray; -barlevel-border-color: black; - -barlevel-active-background-color: $yellow; + -barlevel-active-background-color: $cyan; -barlevel-active-border-color: $lime; -barlevel-border-width: 0; -barlevel-handle-radius: 6px; - -barlevel-overdrive-color: $yellow; + -barlevel-overdrive-color: $cyan; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 0px; } diff --git a/gnome-shell/assets/checkbox-focused.svg b/gnome-shell/assets/checkbox-focused.svg index 128aae7..3199fbd 100755 --- a/gnome-shell/assets/checkbox-focused.svg +++ b/gnome-shell/assets/checkbox-focused.svg @@ -15,9 +15,21 @@ id="svg3199" version="1.1" inkscape:version="0.92.3 (2405546, 2018-03-11)" - sodipodi:docname="checkbox-focused.svg"> + sodipodi:docname="checkbox.svg"> + + + + @@ -159,6 +171,15 @@ stdDeviation="0.1804285" id="feGaussianBlur4590" /> + + + + + @@ -146,6 +158,15 @@ offset="1" style="stop-color:#2d3232;stop-opacity:1;" /> + diff --git a/gnome-shell/assets/checkbox-off.svg b/gnome-shell/assets/checkbox-off.svg index e817305..75ae6b8 100755 --- a/gnome-shell/assets/checkbox-off.svg +++ b/gnome-shell/assets/checkbox-off.svg @@ -155,8 +155,8 @@ inkscape:pageopacity="1" inkscape:pageshadow="2" inkscape:zoom="8.4374996" - inkscape:cx="-10.071158" - inkscape:cy="-0.65027552" + inkscape:cx="6.6898922" + inkscape:cy="6.0541446" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" @@ -203,7 +203,7 @@ x="342.29913" y="521.58435" /> diff --git a/gnome-shell/assets/checkbox.svg b/gnome-shell/assets/checkbox.svg index 1b1410c..3199fbd 100755 --- a/gnome-shell/assets/checkbox.svg +++ b/gnome-shell/assets/checkbox.svg @@ -18,6 +18,18 @@ sodipodi:docname="checkbox.svg"> + + + + @@ -159,6 +171,15 @@ stdDeviation="0.1804285" id="feGaussianBlur4590" /> + - - - - - - - - - - - - - @@ -221,7 +179,7 @@ id="rect912" style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#000000;fill-opacity:0.2;fill-rule:nonzero;stroke:none;stroke-width:1.76470685;stroke-opacity:1;marker:none;filter:url(#filter930);enable-background:new" /> + inkscape:collect="always" + id="linearGradient836"> + id="stop832" /> + id="stop834" /> @@ -111,20 +112,11 @@ - @@ -136,7 +128,7 @@ inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:zoom="11.826962" - inkscape:cx="30.007788" + inkscape:cx="29.678955" inkscape:cy="9.1634726" inkscape:document-units="px" inkscape:current-layer="layer1" @@ -187,7 +179,7 @@ transform="translate(444.64286,782.36218)" id="path900" /> @@ -208,7 +200,7 @@ id="rect912" style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#000000;fill-opacity:0.2;fill-rule:nonzero;stroke:none;stroke-width:1.76470685;stroke-opacity:1;marker:none;enable-background:new;filter:url(#filter930)" /> StIcon, .message-list-section-close:focus > StIcon .message-list-section-close:active > StIcon { - color: #ff007a; + color: #F67E7D; background: transparent; } .message { border-radius: 1px; background: transparent; } .message:hover, .message:focus { - background-color: #161925; - box-shadow: 3px 0px 0px 0px #c50ed2 inset; } + background-color: #181b1e; + box-shadow: 3px 0px 0px 0px #F67E7D inset; } .message-icon-bin { padding: 10px 3px 10px 10px; } @@ -1009,7 +1009,7 @@ StScrollBar { padding: 0 12px; } .message-secondary-bin > .event-time { - color: #6c8791; + color: #373839; font-size: 0.7em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1022,26 +1022,26 @@ StScrollBar { padding: 10px; } .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #ff007a; } + color: #F67E7D; } .message-media-control { padding: 12px; - color: #627a82; } + color: #2b2b2c; } .message-media-control:last-child:ltr { padding-right: 18px; } .message-media-control:last-child:rtl { padding-left: 18px; } .message-media-control:hover { - color: #98abb2; } + color: #5D5E60; } .message-media-control:insensitive { - color: #364348; } + color: black; } .media-message-cover-icon { icon-size: 48px !important; } .media-message-cover-icon.fallback { - color: #2b3148; - background-color: #181b28; - border: 2px solid #181b28; + color: #30383e; + background-color: #1A1E21; + border: 2px solid #1A1E21; border-radius: 2px; icon-size: 16px; padding: 8px; } @@ -1066,20 +1066,20 @@ StScrollBar { padding: 0 4px; } .system-menu-action { - color: #98abb2; + color: #5D5E60; border-radius: 32px; /* wish we could do 50% */ - border: 1px solid #12151e; - background: #12151e; + border: 1px solid #161819; + background: #131618; padding: 13px; } .system-menu-action:hover, .system-menu-action:focus { - border: 1px solid #c50ed2; - color: #c50ed2; + border: 1px solid #F67E7D; + color: #F67E7D; background: transparent; } .system-menu-action:active { - background-color: #980ba2; + background-color: #f34f4d; color: #f7f7f7; - border: 1px solid #980ba2; } + border: 1px solid #f34f4d; } .system-menu-action > StIcon { icon-size: 16px; } @@ -1131,25 +1131,25 @@ StScrollBar { text-align: center; } .nm-dialog-airplane-text { - color: #98abb2; } + color: #5D5E60; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { - border: 2px solid #12151e; } + border: 2px solid #161819; } .nm-dialog-header { font-weight: bold; } .nm-dialog-item { font-size: 110%; - border-bottom: 1px solid #12151e; + border-bottom: 1px solid #161819; padding: 12px; spacing: 20px; } .nm-dialog-item:selected { - background-color: #c50ed2; + background-color: #F67E7D; color: #f7f7f7; } .nm-dialog-icons { @@ -1179,14 +1179,14 @@ StScrollBar { padding: 16px; } .window-clone-border { - border: 4px solid rgba(197, 14, 210, 0.3); + border: 4px solid rgba(246, 126, 125, 0.3); border-radius: 0px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .window-caption { spacing: 20px; - color: white; - background-color: rgba(24, 27, 40, 0.65); + color: #c4c4c5; + background-color: rgba(26, 30, 33, 0.65); border-radius: 2px; padding: 4px 8px; } @@ -1195,22 +1195,22 @@ StScrollBar { padding: 9px; border-radius: 100px; border: none; - color: #98abb2; - background-color: rgba(24, 27, 40, 0.6); + color: #5D5E60; + background-color: rgba(26, 30, 33, 0.6); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); } .search-entry:focus { border-width: 0; - color: #98abb2; - background-color: rgba(24, 27, 40, 0.8); + color: #5D5E60; + background-color: rgba(26, 30, 33, 0.8); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3); } .search-entry .search-entry-icon { icon-size: 1em; padding: 0 4px; - color: rgba(152, 171, 178, 0.7); } + color: rgba(93, 94, 96, 0.7); } .search-entry:hover, .search-entry:focus { - background-color: rgba(24, 27, 40, 0.8); } + background-color: rgba(26, 30, 33, 0.8); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #98abb2; } + color: #5D5E60; } #searchResultsBin { max-width: 1000px; } @@ -1237,15 +1237,15 @@ StScrollBar { spacing: 30px; } .list-search-result-title { - color: white; + color: #d1d1d2; spacing: 12px; } .list-search-result-description { - color: rgba(255, 255, 255, 0.5); } + color: rgba(234, 235, 235, 0.5); } .list-search-provider-details { width: 150px; - color: white; + color: #d1d1d2; margin-top: 0.24em; } .list-search-provider-content { @@ -1257,10 +1257,10 @@ StScrollBar { /* DASHBOARD */ #dash { font-size: 9pt; - color: white; - background-color: rgba(22, 25, 37, 0.65); + color: #c4c4c5; + background-color: rgba(30, 35, 38, 0.65); padding: 6px 0; - border: 1px solid #12151e; + border: 1px solid #161819; border-left: 0px; border-radius: 0px 5px 5px 0px; } #dash:rtl { @@ -1279,8 +1279,8 @@ StScrollBar { .dash-label { border-radius: 7px; padding: 4px 12px; - color: white; - background-color: rgba(22, 25, 37, 0.65); + color: #c4c4c5; + background-color: rgba(30, 35, 38, 0.65); text-align: center; -x-offset: 8px; } @@ -1304,9 +1304,9 @@ StScrollBar { .app-view-control { padding: 4px 32px; } .app-view-control:checked { - color: #c50ed2; - background-color: rgba(24, 27, 40, 0.95); - border: 1px solid #12151e; + color: #F67E7D; + background-color: rgba(26, 30, 33, 0.95); + border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .app-view-control:first-child { @@ -1318,13 +1318,13 @@ StScrollBar { .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(5, 5, 8, 0.85); } + background-color: rgba(4, 4, 4, 0.85); } .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(24, 27, 40, 0.3); + background-color: rgba(26, 30, 33, 0.3); transition-duration: 200ms; } .app-well-app, @@ -1340,9 +1340,9 @@ StScrollBar { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(11, 12, 18, 0.85); + background-color: rgba(10, 12, 13, 0.85); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 2px 3px rgba(0, 0, 0, 0.3); - color: #98abb2; } + color: #5D5E60; } .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, @@ -1355,7 +1355,7 @@ StScrollBar { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(24, 27, 40, 0.5); + background-color: rgba(26, 30, 33, 0.5); transition-duration: 0ms; border-image: none; background-image: none; } @@ -1363,9 +1363,9 @@ StScrollBar { .app-well-app-running-dot { width: 4px; height: 4px; - background-color: #c50ed2; + background-color: #F67E7D; border-radius: 10px !important; - box-shadow: 0px 0px 5px 4px rgba(197, 14, 210, 0.8); + box-shadow: 0px 0px 5px 4px rgba(246, 126, 125, 0.8); margin-bottom: 0px; } .search-provider-icon, @@ -1382,25 +1382,25 @@ StScrollBar { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); } .app-well-app.app-folder > .overview-icon { - background-color: rgba(24, 27, 40, 0.35); } + background-color: rgba(26, 30, 33, 0.35); } .show-apps .show-apps-icon { - color: white; } + color: #c4c4c5; } .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #98abb2; + color: #5D5E60; transition-duration: 100ms; } .app-folder-popup { -arrow-border-radius: 8px; - -arrow-background-color: rgba(24, 27, 40, 0.5); + -arrow-background-color: rgba(26, 30, 33, 0.5); -arrow-base: 24px; -arrow-rise: 11px; } .app-folder-popup-bin { padding: 5px; - background: rgba(24, 27, 40, 0.5); } + background: rgba(26, 30, 33, 0.5); } .app-folder-icon { padding: 5px; @@ -1440,7 +1440,7 @@ StScrollBar { border-radius: 0; } .workspace-thumbnail-indicator { - border: 4px solid rgba(197, 14, 210, 0.5); + border: 4px solid rgba(246, 126, 125, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.22); padding: 0; } @@ -1450,32 +1450,32 @@ StScrollBar { padding: 0px 88px 10px 88px; } .workspace-thumbnails { - color: #98abb2; + color: #5D5E60; background-color: transparent; border: none; } .search-statustext, .no-frequent-applications-label { font-size: 2em; font-weight: bold; - color: #98abb2; } + color: #5D5E60; } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #e323f0; } + link-color: #f9adad; } .notification-banner { font-size: 11pt; width: 34em; margin: 5px; border-radius: 3px; - color: white; - background-color: #181b28; - border: 1px solid #12151e; + color: #c4c4c5; + background-color: #1A1E21; + border: 1px solid #161819; box-shadow: 0 1px 4px black; } .notification-banner:hover { - background-color: rgba(24, 27, 40, 0.96); } + background-color: rgba(26, 30, 33, 0.96); } .notification-banner:focus { - background-color: rgba(24, 27, 40, 0.96); } + background-color: rgba(26, 30, 33, 0.96); } .notification-banner .notification-icon { padding: 5px; } .notification-banner .notification-content { @@ -1484,19 +1484,19 @@ StScrollBar { .notification-banner .secondary-icon { icon-size: 1.09em; } .notification-banner .notification-actions { - background-color: #141722; + background-color: #16191b; padding-top: 2px; spacing: 1px; } .notification-banner .notification-button { padding: 4px 4px 5px; - background-color: rgba(24, 27, 40, 0.9); } + background-color: rgba(26, 30, 33, 0.9); } .notification-banner .notification-button:first-child { border-radius: 0 0 0 3px; } .notification-banner .notification-button:last-child { border-radius: 0 0 3px 0; } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: #141722; - color: #c50ed2; } + background-color: #16191b; + color: #F67E7D; } .summary-source-counter { font-size: 10pt; @@ -1505,9 +1505,9 @@ StScrollBar { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #c50ed2; + background-color: #F67E7D; color: #f7f7f7; - border: 2px solid #98abb2; + border: 2px solid #5D5E60; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -1521,7 +1521,7 @@ StScrollBar { margin: 5px; } .chat-log-message { - color: #7b939c; } + color: #444546; } .chat-new-group { padding-top: 1em; } @@ -1534,7 +1534,7 @@ StScrollBar { .chat-sent { padding-left: 18pt; - color: #6c8791; } + color: #373839; } .chat-sent:rtl { padding-left: 0; padding-right: 18pt; } @@ -1543,7 +1543,7 @@ StScrollBar { padding-left: 4px; font-size: 9pt; font-weight: bold; - color: #627a82; } + color: #2b2b2c; } .chat-meta-message:rtl { padding-left: 0; padding-right: 4px; } @@ -1568,7 +1568,7 @@ StScrollBar { spacing: 8px; border-radius: 4px; } .hotplug-resident-mount:hover { - background-color: rgba(24, 27, 40, 0.3); } + background-color: rgba(26, 30, 33, 0.3); } .hotplug-resident-mount-label { color: inherit; @@ -1588,13 +1588,13 @@ StScrollBar { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #c50ed2; } + border: 2px solid #F67E7D; } .magnifier-zoom-region.full-screen { border-width: 0; } /* On-screen Keyboard */ #keyboard { - background-color: rgba(24, 27, 40, 0.65); } + background-color: rgba(26, 30, 33, 0.65); } .keyboard-layout { spacing: 10px; @@ -1604,49 +1604,49 @@ StScrollBar { spacing: 15px; } .keyboard-key { - color: #98abb2; - background-color: #0e1018; + color: #5D5E60; + background-color: #0f1113; box-shadow: none; - border: 1px solid #12151e; + border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; - border: 1px solid #12151e; - background-color: #181b28; + border: 1px solid #161819; + background-color: #1E2326; min-height: 2em; min-width: 2em; font-size: 14pt; font-weight: bold; border-radius: 5px; } .keyboard-key:focus { - color: #c50ed2; + color: #F67E7D; text-shadow: 0 1px black; icon-shadow: 0 1px black; box-shadow: none; - border: 1px solid #12151e; } + border: 1px solid #161819; } .keyboard-key:hover, .keyboard-key:checked { - color: #c50ed2; - background-color: #12151e; - border: 1px solid #12151e; + color: #F67E7D; + background-color: #131618; + border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .keyboard-key:active { - color: #c50ed2; - background-color: rgba(24, 27, 40, 0.95); - border: 1px solid #12151e; + color: #F67E7D; + background-color: rgba(26, 30, 33, 0.95); + border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .keyboard-key:grayed { - background-color: rgba(24, 27, 40, 0.95); - color: #98abb2; + background-color: rgba(26, 30, 33, 0.95); + color: #5D5E60; border-color: rgba(0, 0, 0, 0.7); } .keyboard-subkeys { color: white; padding: 5px; -arrow-border-radius: 10px; - -arrow-background-color: rgba(24, 27, 40, 0.65); + -arrow-background-color: rgba(26, 30, 33, 0.65); -arrow-border-width: 2px; - -arrow-border-color: #98abb2; + -arrow-border-color: #5D5E60; -arrow-base: 20px; -arrow-rise: 10px; -boxpointer-gap: 5px; } @@ -1657,13 +1657,13 @@ StScrollBar { .candidate-index { padding: 0 0.5em 0 0; - color: #7b939c; } + color: #444546; } .candidate-box { padding: 0.3em 0.5em 0.3em 0.5em; border-radius: 4px; } .candidate-box:selected, .candidate-box:hover { - background-color: #c50ed2; + background-color: #F67E7D; color: #f7f7f7; } .candidate-page-button-box { @@ -1689,12 +1689,12 @@ StScrollBar { /* Auth Dialogs & Screen Shield */ .framed-user-icon { background-size: contain; - border: 2px solid #98abb2; - color: #98abb2; + border: 2px solid #5D5E60; + color: #5D5E60; border-radius: 3px; } .framed-user-icon:hover { - border-color: #f0f2f3; - color: #f0f2f3; } + border-color: #aaabac; + color: #aaabac; } .login-dialog-banner-view { padding-top: 24px; @@ -1708,28 +1708,28 @@ StScrollBar { .login-dialog .modal-dialog-button { padding: 3px 18px; } .login-dialog .modal-dialog-button:default { - color: #98abb2; - background-color: #0e1018; + color: #5D5E60; + background-color: #0f1113; box-shadow: none; - border: 1px solid #12151e; + border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; - border: 1px solid #12151e; } + border: 1px solid #161819; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #c50ed2; - background-color: rgba(197, 14, 210, 0.7); - border: 1px solid #12151e; + color: #F67E7D; + background-color: rgba(246, 126, 125, 0.7); + border: 1px solid #161819; text-shadow: 0 1px black; icon-shadow: 0 1px black; } .login-dialog .modal-dialog-button:default:active { - color: #c50ed2; - background-color: #c50ed2; - border: 1px solid #12151e; + color: #F67E7D; + background-color: #F67E7D; + border: 1px solid #161819; text-shadow: none; icon-shadow: none; } .login-dialog .modal-dialog-button:default:insensitive { - color: #58636d; - background-color: rgba(38, 43, 55, 0.66); + color: #3c3e41; + background-color: rgba(33, 37, 40, 0.66); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 2px 3px rgba(0, 0, 0, 0.22); border: none; text-shadow: none; @@ -1739,7 +1739,7 @@ StScrollBar { padding: 24px 0px; } .login-dialog-banner { - color: #7b939c; } + color: #444546; } .login-dialog-button-box { spacing: 5px; } @@ -1758,12 +1758,12 @@ StScrollBar { padding-left: 2px; } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #98abb2; } + color: #5D5E60; } .login-dialog-not-listed-label { font-size: 90%; font-weight: bold; - color: #4c5e65; + color: #121212; padding-top: 1em; } .login-dialog-user-list-view { @@ -1774,15 +1774,15 @@ StScrollBar { padding: .2em; width: 23em; } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: #c50ed2; + background-color: #F67E7D; color: #f7f7f7; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #c50ed2; } + border-right: 2px solid #F67E7D; } .login-dialog-user-list-item { border-radius: 5px; padding: .2em; - color: #4c5e65; } + color: #121212; } .login-dialog-user-list-item:ltr { padding-right: 1em; } .login-dialog-user-list-item:rtl { @@ -1790,13 +1790,13 @@ StScrollBar { .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #98abb2; } + background-color: #5D5E60; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { background-color: #f7f7f7; } .login-dialog-username, .user-widget-label { - color: #98abb2; + color: #5D5E60; font-size: 120%; font-weight: bold; text-align: left; @@ -1815,7 +1815,7 @@ StScrollBar { width: 23em; } .login-dialog-prompt-label { - color: #627a82; + color: #2b2b2c; font-size: 110%; padding-top: 1em; } @@ -1823,11 +1823,11 @@ StScrollBar { icon-size: 1.25em; } .login-dialog-session-list-button { - color: #4c5e65; } + color: #121212; } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #98abb2; } + color: #5D5E60; } .login-dialog-session-list-button:active { - color: #20282b; } + color: black; } .screen-shield-arrows { padding-bottom: 3em; } @@ -1864,9 +1864,9 @@ StScrollBar { .screen-shield-notifications-container .notification, .screen-shield-notifications-container .screen-shield-notification-source { padding: 12px 6px; - border: 1px solid #98abb2; - background-color: rgba(24, 27, 40, 0.45); - color: #98abb2; + border: 1px solid #5D5E60; + background-color: rgba(26, 30, 33, 0.45); + color: #5D5E60; border-radius: 4px; } .screen-shield-notifications-container .notification { margin-right: 15px; } @@ -1879,7 +1879,7 @@ StScrollBar { padding: 0px 0px 0px 12px; } #panel.lock-screen { - background-color: rgba(24, 27, 40, 0.45); } + background-color: rgba(26, 30, 33, 0.45); } .screen-shield-background { background: black; @@ -1890,11 +1890,11 @@ StScrollBar { background-repeat: repeat; } #screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { - background-color: rgba(24, 27, 40, 0.3); } + background-color: rgba(26, 30, 33, 0.3); } #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(26, 30, 33, 0.5); } #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { - background-color: rgba(197, 14, 210, 0.5); } + background-color: rgba(246, 126, 125, 0.5); } #LookingGlassDialog { background-color: rgba(0, 0, 0, 0.8); @@ -1920,7 +1920,7 @@ StScrollBar { text-shadow: black 0px 2px 2px; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 2px; - border-color: #db10ea; + border-color: #f89695; color: white; text-shadow: black 0px 2px 2px; } #LookingGlassDialog StBoxLayout#EvalBox { @@ -1986,4 +1986,4 @@ StScrollBar { background: transparent; } .openweather-current-databox-captions, .openweather-forecast-day { - color: #00e8b7; } + color: #F67E7D; } diff --git a/gtk-2.0/assets.svg b/gtk-2.0/assets.svg index 55fca2e..896be94 100755 --- a/gtk-2.0/assets.svg +++ b/gtk-2.0/assets.svg @@ -20,6 +20,18 @@ id="title5071">EvoPop GTK2 Source + + + + @@ -419,6 +431,51 @@ y1="109.80856" x2="5" y2="82.123726" /> + + + + + @@ -546,7 +603,7 @@ rx="0" ry="0" /> + style="opacity:1;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.3" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#131619;fill-opacity:1;stroke:none;stroke-width:0.83666003;marker:none;enable-background:accumulate" /> @@ -873,7 +930,7 @@ height="32" width="10" id="rect3078-81" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#181b28;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> @@ -918,9 +975,9 @@ height="32" width="10" id="rect3078-81-1-6" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#181b28;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="fill:#999999;fill-opacity:0.49019608;stroke:none;stroke-width:0.30000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + style="fill:#F67E7D;fill-opacity:1;stroke:none;stroke-width:0.30000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + style="opacity:1;fill:#1c2124;fill-opacity:1;stroke:#0C0E15;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> @@ -1610,7 +1667,7 @@ + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#F67E7D;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + id="g5264" + style="stroke:#ff8b26;stroke-opacity:1"> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#0C0E15;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#0C0E15;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#linearGradient1553);fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:url(#linearGradient1569);stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="opacity:1;fill:#0C0E15;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> @@ -2302,7 +2360,7 @@ id="g7083" transform="translate(0,39)"> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> @@ -2596,7 +2654,7 @@ id="g7358" transform="translate(15,125)"> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> @@ -2809,7 +2867,7 @@ inkscape:connector-curvature="0" id="path4982" d="M 3.0000001,81.5 H 9.5 v 29 H 3.0000001 C 2,110.5 1.5,110 1.5,108.96875 V 83.03125 C 1.5,82 2,81.5 3.0000001,81.5 Z" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#c50ed2;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> @@ -3028,7 +3086,7 @@ id="rect5128" style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.30000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + style="fill:#F67E7D;fill-opacity:1;stroke:none;stroke-width:0.30000001;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="stroke:#F67E7D;stroke-opacity:1"> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="fill:#1c2124;fill-opacity:1"> + style="opacity:1;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.3" /> + style="fill:#1c2124;fill-opacity:1"> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;stroke:#0C0E15;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate;fill-opacity:1" /> + style="opacity:1;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.3" /> @@ -3745,7 +3803,7 @@ inkscape:connector-curvature="0" id="path5179" d="M 10,110.5 H 6.0194953 C 4.9999992,110.5 4.5,110 4.5,108.9805 V 96" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#c50ed2;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> @@ -3818,7 +3876,7 @@ id="path5202" d="m 40,199 h 4 v 14 h -4 z" clip-path="url(#clipPath5111-4)" - style="opacity:1;fill:#181b28;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.3" + style="opacity:1;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.3" transform="translate(-3,-72)" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#0C0E15;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:new" /> + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#0C0E15;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:new" /> + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#0C0E15;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:new" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> @@ -4177,13 +4235,13 @@ height="32" width="10" id="rect4989" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#181b28;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" /> @@ -4217,7 +4275,7 @@ height="32" width="10" id="rect5053" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#181b28;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#1c2124;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;stroke:#F67E7D;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /> @@ -4481,7 +4539,7 @@ id="path4977" transform="translate(240.0002,-491)" d="m 348,204 c -1.108,0 -2,0.892 -2,2 v 8 c 0,1.108 0.892,2 2,2 h 8 c 1.108,0 2,-0.892 2,-2 v -4.75 l -1,1.15625 V 214 c 0,0.554 -0.446,1 -1,1 h -8 c -0.554,0 -1,-0.446 -1,-1 V 210.03125 206 c 0,-0.554 0.446,-1 1,-1 h 8 c 0.12764,0 0.23171,0.0505 0.34375,0.0937 l 0.6875,-0.8125 C 356.73152,204.1024 356.3758,204 356,204 Z" - style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#c50ed2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> + style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#F67E7D;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:new" /> separator { background-image: none; } } @@ -59,6 +50,13 @@ background-color: $base_color; &:backdrop { background-color: $backdrop_base_color; } } + *:selected, *:selected:backdrop{ + background: transparent; + color: $selected_bg_color; + label { + color: $selected_bg_color; + } + } } searchbar { @@ -77,13 +75,13 @@ button { &:active, &:checked { border-radius: 23px; - background: linear-gradient(to right, #c50ed2, #8500f7); - box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02); - color: rgb(250, 250, 250); + background: linear-gradient(to right, $red, $yellow); + color: $selected_fg_color; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); &:backdrop{ - color: darken(rgb(250, 250, 250), 4%); + color: darken($selected_fg_color, 4%); label{ - color: darken(rgb(250, 250, 250), 4%);; + color: darken($selected_fg_color, 4%);; } } } diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index b7bcd78..43f693e 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -3,59 +3,59 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #C3C7D1; +@define-color theme_fg_color #5D5E60; /* text color for entries, views and content in general */ -@define-color theme_text_color #C3C7D1; +@define-color theme_text_color #5D5E60; /* widget base background color */ -@define-color theme_bg_color #161925; +@define-color theme_bg_color #1A1E21; /* text widgets and the like base background color */ -@define-color theme_base_color #181b28; +@define-color theme_base_color #1c2124; /* base background color of selections */ -@define-color theme_selected_bg_color #c50ed2; +@define-color theme_selected_bg_color #F67E7D; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #fefefe; +@define-color theme_selected_fg_color #f7f7f7; /* base background color of disabled widgets */ -@define-color insensitive_bg_color #171a26; +@define-color insensitive_bg_color #1b1f22; /* text foreground color of disabled widgets */ -@define-color insensitive_fg_color #6d707b; +@define-color insensitive_fg_color #3c3e41; /* disabled text widgets and the like base background color */ -@define-color insensitive_base_color #181b28; +@define-color insensitive_base_color #1c2124; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #6d707b; +@define-color theme_unfocused_fg_color #3c3e41; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #C3C7D1; +@define-color theme_unfocused_text_color #5D5E60; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #161925; +@define-color theme_unfocused_bg_color #1A1E21; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #1a1d2b; +@define-color theme_unfocused_base_color #1e2327; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #c50ed2; +@define-color theme_unfocused_selected_bg_color #F67E7D; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #fefefe; +@define-color theme_unfocused_selected_fg_color #f7f7f7; /* widgets main borders color */ @define-color borders rgba(12, 14, 21, 0.8); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(13, 16, 23, 0.82); +@define-color unfocused_borders rgba(14, 16, 23, 0.82); /* these are pretty self explicative */ -@define-color warning_color #cc5500; -@define-color error_color #e6133e; +@define-color warning_color #f47d49; +@define-color error_color #f46665; @define-color success_color #0096b1; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#C3C7D1, 1.8); -@define-color wm_unfocused_title #6d707b; +@define-color wm_title shade(#5D5E60, 1.8); +@define-color wm_unfocused_title #3c3e41; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); -@define-color wm_bg_a shade(#161925, 1.2); -@define-color wm_bg_b #161925; +@define-color wm_bg_a shade(#1A1E21, 1.2); +@define-color wm_bg_b #1A1E21; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#161925, 1.3); -@define-color wm_button_hover_color_b #161925; -@define-color wm_button_active_color_a shade(#161925, 0.85); -@define-color wm_button_active_color_b shade(#161925, 0.89); -@define-color wm_button_active_color_c shade(#161925, 0.9); -@define-color content_view_bg #181b28; +@define-color wm_button_hover_color_a shade(#1A1E21, 1.3); +@define-color wm_button_hover_color_b #1A1E21; +@define-color wm_button_active_color_a shade(#1A1E21, 0.85); +@define-color wm_button_active_color_b shade(#1A1E21, 0.89); +@define-color wm_button_active_color_c shade(#1A1E21, 0.9); +@define-color content_view_bg #1c2124; /***************** * Drawing mixins * *****************/ @@ -65,19 +65,19 @@ read if you used those and something break with a version upgrade you're on your * { padding: 0; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #e6133e; + -GtkTextView-error-underline-color: #f46665; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; - outline-color: rgba(195, 199, 209, 0.3); + outline-color: rgba(93, 94, 96, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #c50ed2; } + -gtk-secondary-caret-color: #F67E7D; } /*********** * Widgets * @@ -86,13 +86,13 @@ read if you used those and something break with a version upgrade you're on your * Action bars * ***************/ .action-bar { - background-color: #030305; + background-color: #040404; border: solid rgba(12, 14, 21, 0.8); border-width: 1px 0 0 0; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; } .action-bar:backdrop { - background-color: #030305; + background-color: #040404; box-shadow: none; -gtk-icon-effect: dim; } .action-bar:first-child { @@ -124,11 +124,11 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #C3C7D1; - background-color: #161925; } + color: #5D5E60; + background-color: #1A1E21; } .background:backdrop { - color: #6d707b; - background-color: #161925; + color: #3c3e41; + background-color: #1A1E21; text-shadow: none; -gtk-icon-shadow: none; } @@ -142,33 +142,33 @@ read if you used those and something break with a version upgrade you're on your -gtk-icon-effect: dim; } .gtkstyle-fallback { - color: #C3C7D1; - background-color: #161925; } + color: #5D5E60; + background-color: #1A1E21; } .gtkstyle-fallback:hover { - color: #C3C7D1; - background-color: #292f45; } + color: #5D5E60; + background-color: #30383e; } .gtkstyle-fallback:active { - color: #C3C7D1; - background-color: #030305; } + color: #5D5E60; + background-color: #040404; } .gtkstyle-fallback:disabled { - color: #6d707b; - background-color: #171a26; } + color: #3c3e41; + background-color: #1b1f22; } .gtkstyle-fallback:selected { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } .view, iconview, .view text, iconview text, textview text { - color: #C3C7D1; - background-color: #181b28; } + color: #5D5E60; + background-color: #1c2124; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { - color: #a1a5b0; - background-color: #1a1d2b; } + color: #505255; + background-color: #1e2327; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -179,15 +179,15 @@ textview text { border-radius: 3px; } textview border { - background-color: #171a27; } + background-color: #1b1f22; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, treeview.view rubberband { - border: 1px solid #980ba2; - background-color: rgba(152, 11, 162, 0.2); } + border: 1px solid #f34f4d; + background-color: rgba(243, 79, 77, 0.2); } flowbox flowboxchild { padding: 3px; @@ -198,18 +198,18 @@ flowbox flowboxchild { label { caret-color: currentColor; } label.separator { - color: #C3C7D1; } + color: #5D5E60; } label.separator:backdrop { - color: #6d707b; } + color: #3c3e41; } label selection { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } label:disabled { - color: #6d707b; } + color: #3c3e41; } label:disabled:backdrop { - color: #333955; } + color: #3c454c; } label:backdrop { - color: #6d707b; } + color: #3c3e41; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { @@ -217,11 +217,11 @@ headerbar .subtitle { text-shadow: none; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } @@ -230,7 +230,7 @@ assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #272b2e; } .app-notification, .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { @@ -246,17 +246,17 @@ assistant .sidebar label.highlight { -gtk-icon-shadow: none; } *:selected { - background: #c50ed2; - color: #fefefe; } + background: #F67E7D; + color: #f7f7f7; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); } + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#fbc5c5), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c50ed2), to(transparent)); } } + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F67E7D), to(transparent)); } } notebook > header > tabs > arrow, button { @@ -267,14 +267,14 @@ button { border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } notebook > header > tabs > arrow, button.flat { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -288,25 +288,25 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #af0cba; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #f46665; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1e2327; text-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } @@ -315,31 +315,31 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, @@ -347,27 +347,27 @@ button { button.flat:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; @@ -381,11 +381,11 @@ button { box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { - background-color: #252a3e; + background-color: #272d31; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; @@ -407,11 +407,11 @@ button { row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #fefefe; + color: #f7f7f7; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #6d707b; } + color: #3c3e41; } button.osd { @@ -547,7 +547,7 @@ button { button.flat { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -583,7 +583,7 @@ button { button.flat:backdrop { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -605,34 +605,36 @@ button { button.suggested-action { border: none; box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .selection-mode button.titlebutton, button.suggested-action.flat { box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, @@ -643,22 +645,22 @@ button.suggested-action { button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, @@ -669,9 +671,9 @@ button.suggested-action { button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, @@ -679,7 +681,7 @@ button.suggested-action { button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -688,19 +690,22 @@ button.suggested-action { button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } + button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.3); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.suggested-action { color: #fefefe; @@ -758,34 +763,36 @@ button.suggested-action { button.destructive-action { border: none; box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } button.destructive-action.flat { box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:backdrop label, @@ -796,22 +803,22 @@ button.destructive-action { button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:backdrop:disabled label, @@ -822,9 +829,9 @@ button.destructive-action { button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action.flat:backdrop, @@ -832,33 +839,36 @@ button.destructive-action { button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(206, 17, 56, 0.8); } + color: rgba(243, 79, 77, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } + button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.3); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(206, 17, 56, 0.5); + background-color: rgba(243, 79, 77, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -868,7 +878,7 @@ button.destructive-action { button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.7), rgba(243, 79, 77, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -881,7 +891,7 @@ button.destructive-action { button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ce1138, #ce1138); + background-image: linear-gradient(to bottom, #f34f4d, #f34f4d); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -901,7 +911,7 @@ button.destructive-action { button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.5), rgba(243, 79, 77, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -951,7 +961,7 @@ button { .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.907451)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fbc5c5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -964,39 +974,39 @@ button { toolbar button:hover { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } toolbar button:active { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } .inline-toolbar toolbutton > button { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { - color: #c50ed2; } + color: #F67E7D; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:disabled { - color: #a1a5b0; } + color: #505255; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } .inline-toolbar toolbutton > button:backdrop { - color: #a1a5b0; } + color: #505255; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a1a5b0; } + color: #505255; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { @@ -1077,7 +1087,7 @@ popover.background radiobutton, modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { - background-color: #202435; } + background-color: #252b2f; } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, @@ -1119,7 +1129,7 @@ notebook .linked > button, list .linked > button, .view .linked > button, iconvi * Calendar * ***********/ calendar { - color: #C3C7D1; + color: #5D5E60; border: 1px solid rgba(12, 14, 21, 0.8); } calendar:selected { border-radius: 3px; } @@ -1129,21 +1139,21 @@ calendar { calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { - color: rgba(195, 199, 209, 0.45); } + color: rgba(93, 94, 96, 0.45); } calendar.button:hover { - color: #C3C7D1; } + color: #5D5E60; } calendar.button:backdrop { - color: rgba(109, 112, 123, 0.45); } + color: rgba(60, 62, 65, 0.45); } calendar.button:disabled { - color: rgba(109, 112, 123, 0.45); } + color: rgba(60, 62, 65, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; - color: #C3C7D1; } + color: #5D5E60; } calendar:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); } + color: #505255; + border-color: rgba(14, 16, 23, 0.82); } /************************* * Check and Radio Items * @@ -1574,18 +1584,18 @@ colorswatch.right, colorswatch:last-child:not(.bottom) { border-bottom-right-radius: 5px; } colorswatch.dark overlay { - color: #fefefe; } + color: #f7f7f7; } colorswatch.dark overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.dark overlay:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } colorswatch.light overlay { - color: #C3C7D1; } + color: #5D5E60; } colorswatch.light overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.light overlay:backdrop { - color: #a1a5b0; } + color: #505255; } colorswatch:drop(active) { box-shadow: none; } @@ -1611,18 +1621,18 @@ colorswatch#add-color-button { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } colorswatch#add-color-button overlay:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #5D5E60; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1c2124; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1e2327; text-shadow: none; } colorswatch:disabled { @@ -1632,7 +1642,7 @@ colorswatch:disabled { box-shadow: none; } row:selected colorswatch { - box-shadow: 0 0 0 2px #fefefe; } + box-shadow: 0 0 0 2px #f7f7f7; } colorswatch#editor-color-sample { border-radius: 4px; } @@ -1657,19 +1667,19 @@ combobox:drop(active) { * Dialogs * ***********/ messagedialog .titlebar:not(headerbar) { - background-color: rgba(22, 25, 37, 0.95); } + background-color: rgba(26, 30, 33, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; - background-color: rgba(22, 25, 37, 0.95); + background-color: rgba(26, 30, 33, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { - background-color: rgba(22, 25, 37, 0.95); - color: #C3C7D1; + background-color: rgba(26, 30, 33, 0.95); + color: #5D5E60; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @@ -1680,10 +1690,10 @@ messagedialog.csd .dialog-action-area button { border-right-style: none; border-bottom-style: none; background-color: transparent; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { - background-color: rgba(197, 14, 210, 0.9); + background-color: rgba(246, 126, 125, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; @@ -1696,10 +1706,10 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid rgba(12, 14, 21, 0.8); } filechooser .dialog-action-box:backdrop { - border-top-color: rgba(13, 16, 23, 0.82); } + border-top-color: rgba(14, 16, 23, 0.82); } filechooser #pathbarbox { - border-bottom: 1px solid #161925; } + border-bottom: 1px solid #1A1E21; } filechooserbutton:drop(active) { box-shadow: none; @@ -1716,9 +1726,9 @@ entry { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #C3C7D1; + color: #5D5E60; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; } + background-color: #1c2124; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; @@ -1760,60 +1770,60 @@ entry { border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { - border-color: #980ba2; } + border-color: #f34f4d; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #6d707b; + color: #3c3e41; border-color: rgba(12, 14, 21, 0.8); - background-color: #171a26; + background-color: #1b1f22; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; + color: #505255; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1e2327; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { - color: #333955; - border-color: rgba(13, 16, 23, 0.82); - background-color: #171a26; + color: #3c454c; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1b1f22; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { - color: #e6133e; - border-color: #410512; } + color: #f46665; + border-color: #9c0c0b; } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-color: #410512; } + border-color: #9c0c0b; } spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { - background-color: #e6133e; } + background-color: #f46665; } spinbutton.warning:not(.vertical), entry.warning { - color: #cc5500; - border-color: #1a0b00; } + color: #f47d49; + border-color: #832d08; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-color: #1a0b00; } + border-color: #832d08; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { - background-color: #cc5500; } + background-color: #f47d49; } spinbutton:not(.vertical) image, entry image { - color: #a1a5af; } + color: #505254; } spinbutton:not(.vertical) image:hover, entry image:hover { - color: #C3C7D1; } + color: #5D5E60; } spinbutton:not(.vertical) image:active, entry image:active { - color: #c50ed2; } + color: #F67E7D; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #5c5f6b; } + color: #36393c; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { @@ -1830,7 +1840,7 @@ entry { .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; - border-color: #c50ed2; + border-color: #F67E7D; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; @@ -1861,7 +1871,7 @@ entry progress { background-image: none; border-radius: 0; border-width: 0 0 2px; - border-color: #c50ed2; + border-color: #F67E7D; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, @@ -1877,11 +1887,11 @@ entry:focus + button, entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { - border-left-color: #980ba2; } + border-left-color: #f34f4d; } .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { - border-color: #980ba2; } + border-color: #f34f4d; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, @@ -1898,26 +1908,26 @@ entry { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: rgba(21, 24, 36, 0.94); - background-image: linear-gradient(to bottom, #181b28, #181b28); } + border-top-color: rgba(25, 28, 33, 0.94); + background-image: linear-gradient(to bottom, #1c2124, #1c2124); } .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 > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: rgba(23, 26, 39, 0.946); - background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); } + border-top-color: rgba(27, 31, 35, 0.946); + background-image: linear-gradient(to bottom, #1e2327, #1e2327); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: rgba(21, 24, 36, 0.94); } + border-top-color: rgba(25, 28, 33, 0.94); } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), @@ -1935,7 +1945,7 @@ entry:focus:not(:only-child) + entry, entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, @@ -1950,15 +1960,15 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #181b28; + background-color: #1c2124; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #181b28; } + background-color: #1c2124; } treeview entry.flat:focus, treeview entry:focus { - border-color: #c50ed2; } + border-color: #F67E7D; } /************* * Expanders * @@ -1970,7 +1980,7 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: white; } + color: #aaabac; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1978,12 +1988,11 @@ expander arrow { * Floating Bar * ****************/ .floating-bar { - background-color: #161925; + background-color: #1A1E21; border-width: 1px; border-style: solid solid none; border-color: rgba(12, 14, 21, 0.8); - border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + border-radius: 3px 3px 0 0; } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } @@ -1993,8 +2002,8 @@ expander arrow { .floating-bar > button { padding: 4px; } .floating-bar:backdrop { - background-color: #161925; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1A1E21; + border-color: rgba(14, 16, 23, 0.82); } /********** * Frames * @@ -2011,19 +2020,19 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(12, 14, 21, 0.8); } actionbar > revealer > box:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -2031,7 +2040,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -2040,7 +2049,7 @@ scrolledwindow overshoot.top { box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -2048,7 +2057,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -2057,7 +2066,7 @@ scrolledwindow overshoot.bottom { box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -2065,7 +2074,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -2074,7 +2083,7 @@ scrolledwindow overshoot.left { box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -2082,7 +2091,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -2137,12 +2146,12 @@ scrolledwindow undershoot.right { scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #171a27; } + background-color: #1b1f22; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, rgba(13, 16, 23, 0.82) 1px, transparent 1px); - background-color: #10131b; + border-image-source: linear-gradient(to bottom, rgba(14, 16, 23, 0.82) 1px, transparent 1px); + background-color: #131618; transition: 200ms ease-out; } separator { @@ -2157,15 +2166,15 @@ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-border-radius: 8px; -GraniteWidgetsPopOver-border-width: 0; -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid #181b28; - background: #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + background: #1c2124; + color: #5D5E60; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #c50ed2; } + color: #F67E7D; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { @@ -2176,20 +2185,20 @@ GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { - background-color: #181b28; + background-color: #1c2124; background-image: none; - border: 1px solid #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + color: #5D5E60; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { - background-color: #181b28; } + background-color: #1c2124; } GraniteWidgetsWelcome GtkLabel { - color: #C3C7D1; } + color: #5D5E60; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(195, 199, 209, 0.8); } + color: rgba(93, 94, 96, 0.8); } /************** * Source List * @@ -2197,23 +2206,23 @@ GraniteWidgetsWelcome { .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; - background-color: #161925; + background-color: #1A1E21; border: solid rgba(12, 14, 21, 0.8); - color: #C3C7D1; + color: #5D5E60; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); - color: #161925; + color: #1A1E21; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); - color: #0c0e15; } + color: #0f1113; } .source-list row, .source-list .list-row { border: none; @@ -2242,7 +2251,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 12px; padding: 6px; - color: rgba(195, 199, 209, 0.3); + color: rgba(93, 94, 96, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2257,7 +2266,7 @@ GraniteWidgetsWelcome { padding: 8px 6px; } .storage-bar .fill-block { - background-color: #f9dc5c; + background-color: #E1DD8F; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; @@ -2272,13 +2281,13 @@ GraniteWidgetsWelcome { border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { - background-color: #181b28; } + background-color: #1c2124; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { - background-color: #ff6a00; } + background-color: #F79F79; } .storage-bar .fill-block.photo { - background-color: #ed254e; } + background-color: #F67E7D; } .storage-bar .fill-block.video { background-color: #c74ded; } .storage-bar .fill-block .legend { @@ -2292,12 +2301,13 @@ GraniteWidgetsWelcome { headerbar { padding: 0px 13px; min-height: 34px; - background: #0c0e14; - color: #C3C7D1; - border-radius: 0; } + background: #181b1e; + color: #5D5E60; + border-radius: 0; + box-shadow: 0px -1px rgba(12, 14, 21, 0.8) inset; } .titlebar:backdrop, headerbar:backdrop { - border-color: rgba(13, 16, 23, 0.82); + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } .titlebar .title, headerbar .title { @@ -2330,13 +2340,13 @@ headerbar { headerbar button.suggested-action { box-shadow: none; border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, @@ -2348,7 +2358,7 @@ headerbar { headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } @@ -2360,14 +2370,14 @@ headerbar { headerbar button:active, headerbar button:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { - color: rgba(195, 199, 209, 0.2); + color: rgba(93, 94, 96, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; @@ -2378,13 +2388,13 @@ headerbar { headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { - color: #c50ed2; } + color: #F67E7D; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; @@ -2394,26 +2404,27 @@ headerbar { border-radius: 4px; font-weight: bold; color: white; - background-color: #181b28; + background-color: #1c2023; text-shadow: none; - box-shadow: none; } + box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .titlebar button.suggested-action:hover, headerbar button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { @@ -2422,14 +2433,14 @@ headerbar { headerbar button.suggested-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; border-radius: 3px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { @@ -2440,26 +2451,27 @@ headerbar { border-radius: 4px; font-weight: bold; color: white; - background-color: #181b28; + background-color: #1c2023; text-shadow: none; - box-shadow: none; } + box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { @@ -2468,14 +2480,14 @@ headerbar { headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { @@ -2528,38 +2540,39 @@ headerbar { border-style: none; } .titlebar .linked > button:active, headerbar .linked > button:active { - background: linear-gradient(to right, #c50ed2, #8500f7); - color: snow; } + background: linear-gradient(to right, #F67E7D, #E1DD8F); + color: #f7f7f7; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); } .titlebar .linked > button:checked, headerbar .linked > button:checked { border-radius: 23px; - background: linear-gradient(to right, #c50ed2, #8500f7); - box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); - color: snow; } + background: linear-gradient(to right, #F67E7D, #E1DD8F); + color: #f7f7f7; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop { - color: #ffe6e6; } + color: #ededed; } .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { - color: #ffe6e6; } + color: #ededed; } .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #980ba2; } + border-color: #f34f4d; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { - color: rgba(197, 14, 210, 0.6); } + color: rgba(246, 126, 125, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + box-shadow: inset 0 -1px rgba(12, 14, 21, 0.8); } .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, .tiled @@ -2595,7 +2608,7 @@ headerbar separator { background: transparent; } .background:not(.tiled):not(.maximized) .titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(12, 14, 21, 0.8); } .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; } @@ -2625,73 +2638,73 @@ window.csd > .titlebar:not(headerbar) { .info, .warning, .question, .error, infobar { text-shadow: none; - color: #C3C7D1; - background-color: #161925; - border-bottom: 1px solid #030305; + color: #5D5E60; + background-color: #1A1E21; + border-bottom: 1px solid #040404; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } .info, .warning, .question, .error { text-shadow: none; - color: #fefefe; + color: #f7f7f7; border: none; } .info .label, .warning .label, .question .label, .error .label { - color: #fefefe; } + color: #f7f7f7; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; - background: rgba(24, 27, 40, 0.98); - color: #C3C7D1; + background: rgba(28, 33, 36, 0.98); + color: #5D5E60; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { - color: #C3C7D1; } + color: #5D5E60; } .info button:active, .warning button:active, .question button:active, .error button:active { - background: #181b28; - color: #C3C7D1; + background: #1c2124; + color: #5D5E60; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { - background: rgba(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { - background: rgba(24, 27, 40, 0.6); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.6); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { - background: rgba(24, 27, 40, 0.5); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.5); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { - background: rgba(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info { - background-color: #71f79f; } + background-color: #CAE7B9; } .info:backdrop { - background-color: #a1fac0; - color: rgba(254, 254, 254, 0.5); } + background-color: #e7f4df; + color: rgba(247, 247, 247, 0.5); } .warning { - background-color: #cc5500; } + background-color: #f47d49; } .warning:backdrop { - background-color: #ff6a00; - color: rgba(254, 254, 254, 0.5); } + background-color: #f79f79; + color: rgba(247, 247, 247, 0.5); } .question { background-color: #00c1e4; } .question:backdrop { background-color: #18dcff; - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } .error { - background-color: #e6133e; } + background-color: #f46665; } .error:backdrop { - background-color: #ef3d61; - color: rgba(254, 254, 254, 0.5); } + background-color: #f89695; + color: rgba(247, 247, 247, 0.5); } /************* * Level Bar * @@ -2727,9 +2740,9 @@ levelbar block { levelbar block:backdrop { box-shadow: none; } levelbar block.low { - background-color: #cc5500; } + background-color: #f47d49; } levelbar block.low:backdrop { - border-color: #cc5500; } + border-color: #f47d49; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { @@ -2753,30 +2766,30 @@ button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { - color: #e79eec; } + color: #f7c7c6; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: #f8e6fa; } + color: #f7ebeb; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: #f3cef5; } + color: #f7dfdf; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: #c50ed2; } + color: #F67E7D; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #f3cef5; } + color: #f7dfdf; } button:link, button:visited { @@ -2794,12 +2807,12 @@ button:visited { * Lists * *********/ list { - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2124; border-color: rgba(12, 14, 21, 0.8); } list:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } row { padding: 5px 11px; @@ -2811,7 +2824,7 @@ row { row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(195, 199, 209, 0.05); } + background-color: rgba(93, 94, 96, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { @@ -2819,9 +2832,9 @@ row { row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: rgba(197, 14, 210, 0.5); } + background-color: rgba(246, 126, 125, 0.5); } row.activatable:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } row.activatable button:not(.image-button) { background-color: transparent; } @@ -2830,8 +2843,8 @@ row { *********/ menubar, .menubar { - background-color: #161925; - color: #C3C7D1; + background-color: #1A1E21; + color: #5D5E60; -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } @@ -2841,10 +2854,10 @@ menubar, padding: 4px 8px; } menubar > menuitem:hover, .menubar > menuitem:hover { - box-shadow: inset 0 -3px #c50ed2; } + box-shadow: inset 0 -3px #F67E7D; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: #6d707b; + color: #3c3e41; box-shadow: none; } menu, @@ -2853,7 +2866,7 @@ menu, font: initial; margin: 4px; padding: 2px 0px; - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); border: 1px solid rgba(12, 14, 21, 0.8); } .csd menu, .csd .menu, .csd @@ -2862,7 +2875,7 @@ menu, menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: #191c2a; } + background-color: #1e2226; } menu menuitem, .menu menuitem, .context-menu menuitem { @@ -2873,22 +2886,22 @@ menu, menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #6d707b; } + color: #3c3e41; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { - color: #333955; } + color: #3c454c; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #6d707b; + color: #3c3e41; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, @@ -2916,35 +2929,35 @@ menu, .context-menu > arrow { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; - background-color: #181b28; + background-color: #1c2023; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #292c39; + border-bottom: 1px solid #23272a; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #292c39; + border-top: 1px solid #23272a; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-color: #292c39; } + background-color: #23272a; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { - background-color: #191c2a; } + background-color: #1e2226; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { @@ -2970,18 +2983,18 @@ menuitem radio { * Misc * ********/ .content-view { - background-color: #090a0f; } + background-color: #0a0c0d; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { - background-color: #090a0f; } + background-color: #0a0c0d; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(93, 94, 96, 0.1); border-radius: 5px; } /************ @@ -2991,12 +3004,12 @@ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, @@ -3004,7 +3017,7 @@ assistant { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #272b2e; } /************* * Notebooks * @@ -3013,10 +3026,10 @@ notebook > header { padding: 1px; border-color: rgba(12, 14, 21, 0.8); border-width: 1px; - background-color: #181b28; } + background-color: #1A1E21; } notebook > header:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: #161925; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tabs { margin: 0px; } notebook > header.top { @@ -3026,9 +3039,9 @@ notebook > header { notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { - background-color: #181b28; } + background-color: #1A1E21; } notebook > header.top > tabs > tab:checked:hover { - background-color: #181b28; } + background-color: #1A1E21; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { @@ -3036,7 +3049,7 @@ notebook > header { notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { - background-color: #181b28; + background-color: #1A1E21; box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); } notebook > header.left { border-right-style: solid; } @@ -3045,7 +3058,7 @@ notebook > header { notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { - background-color: #181b28; + background-color: #1A1E21; box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8); } notebook > header.right { border-left-style: solid; } @@ -3054,7 +3067,7 @@ notebook > header { notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { - background-color: #181b28; + background-color: #1A1E21; box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); } notebook > header.top > tabs > arrow { border-top-style: none; } @@ -3095,7 +3108,7 @@ notebook > header { notebook > header > tabs > arrow:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -3104,33 +3117,33 @@ notebook > header { min-width: 24px; padding: 1px 12px; outline-offset: -5px; - color: #6d707b; + color: #3c3e41; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #989ca6; } + color: #4d4e51; } notebook > header tab:hover.reorderable-page { border-color: rgba(12, 14, 21, 0.1); - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(26, 30, 33, 0.2); } notebook > header tab:backdrop { - color: #4a4d59; } + color: #2e3134; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { - color: #C3C7D1; + color: #5D5E60; box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); } notebook > header tab:checked.reorderable-page { border-color: rgba(12, 14, 21, 0.3); - background-color: rgba(22, 25, 37, 0.5); } + background-color: rgba(26, 30, 33, 0.5); } notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(22, 25, 37, 0.7); } + background-color: rgba(26, 30, 33, 0.7); } notebook > header tab:backdrop:checked { - color: #6d707b; } + color: #3c3e41; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; @@ -3140,7 +3153,7 @@ notebook > header { notebook > header tab button.flat:hover { background: transparent; box-shadow: none; - color: #ed254e; } + color: #F67E7D; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { @@ -3189,9 +3202,9 @@ notebook > header { padding: 1px 1px; } notebook > stack:not(:only-child) { - background-color: #181b28; } + background-color: #1A1E21; } notebook > stack:not(:only-child):backdrop { - background-color: #1a1d2b; } + background-color: #1A1E21; } /********* * Paned * @@ -3205,18 +3218,18 @@ paned > separator { background-image: image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px; } paned > separator:selected { - background-image: image(#c50ed2); } + background-image: image(#F67E7D); } paned > separator:backdrop { - background-image: image(rgba(13, 16, 23, 0.82)); } + background-image: image(rgba(14, 16, 23, 0.82)); } paned > separator.wide { min-width: 5px; min-height: 5px; - background-color: #161925; + background-color: #1A1E21; background-image: image(rgba(12, 14, 21, 0.8)), image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { - background-color: #161925; - background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); } + background-color: #1A1E21; + background-image: image(rgba(14, 16, 23, 0.82)), image(rgba(14, 16, 23, 0.82)); } paned.horizontal > separator { background-repeat: repeat-y; } @@ -3276,12 +3289,12 @@ paned.vertical > separator { popover.background { padding: 2px; border-radius: 5px; - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); box-shadow: 0 4px 6px transparent; } .csd popover.background, popover.background { border: 1px solid rgba(12, 14, 21, 0.8); } popover.background:backdrop { - background-color: #161925; + background-color: #1A1E21; box-shadow: none; } popover.background > list, popover.background > .view, @@ -3301,7 +3314,7 @@ popover.background { *****************/ progressbar { font-size: smaller; - color: rgba(195, 199, 209, 0.4); } + color: rgba(93, 94, 96, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } @@ -3312,7 +3325,7 @@ progressbar { margin: 0; } progressbar.vertical progress { margin: 0; - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } @@ -3347,15 +3360,15 @@ progressbar trough, scale trough, scale fill { progressbar progress, scale highlight { border: none; - background: linear-gradient(to right, #00f17d, #00f7d2); + background: linear-gradient(to right, #ff005d, #ff8b26); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { - border-color: #db10ea; - background-color: #db10ea; } + border-color: #ff9940; + background-color: #ff9940; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } @@ -3370,20 +3383,20 @@ scale { scale.vertical progress { min-width: 6px; } scale.vertical highlight { - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; - background-color: #181b28; + background-color: #1c2124; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { - background-color: #c50ed2; } + background-color: #ff8b26; } scale slider:active:disabled { - background-color: #171a26; + background-color: #1b1f22; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; @@ -3415,21 +3428,21 @@ scale { border-color: transparent; background-color: transparent; } scale slider { - border-color: #181b28; - border: 2px solid #00f17d; + border-color: #1c2124; + border: 2px solid #ff8b26; border-radius: 12px; - background-color: #292f45; } + background-color: #30383e; } scale slider:active { - border-color: #980ba2; } + border-color: #f34f4d; } scale slider:disabled { - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { - border-color: #980ba2; } + border-color: #f34f4d; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -3523,9 +3536,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3533,9 +3546,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3543,9 +3556,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3553,9 +3566,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3563,9 +3576,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3573,9 +3586,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3583,9 +3596,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3593,9 +3606,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3603,9 +3616,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3613,9 +3626,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3623,9 +3636,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3633,9 +3646,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3643,9 +3656,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3653,9 +3666,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3663,9 +3676,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3673,9 +3686,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3683,9 +3696,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3693,9 +3706,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3703,9 +3716,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3713,9 +3726,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3723,9 +3736,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3733,9 +3746,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3743,9 +3756,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3753,9 +3766,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3824,7 +3837,7 @@ scale { * Scrollbars * **************/ scrollbar { - background-color: #171a27; + background-color: #1b1f22; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; @@ -3838,8 +3851,8 @@ scrollbar { scrollbar.right { border-left: 1px solid rgba(12, 14, 21, 0.8); } scrollbar:backdrop { - background-color: #10131b; - border-color: rgba(13, 16, 23, 0.82); + background-color: #131618; + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -3848,13 +3861,13 @@ scrollbar { border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #7e818c; } + background-color: #424447; } scrollbar slider:hover { - background-color: #a0a4af; } + background-color: #505153; } scrollbar slider:hover:active { - background-color: #e323f0; } + background-color: #f9adad; } scrollbar slider:backdrop { - background-color: #393c47; } + background-color: #282b2e; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -3872,12 +3885,12 @@ scrollbar { margin: 0; min-width: 3px; min-height: 3px; - background-color: #C3C7D1; + background-color: #5D5E60; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; - background-color: #C3C7D1; + background-color: #5D5E60; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -3909,51 +3922,51 @@ scrollbar { transition-property: min-height, min-width, color; background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #7e818c; } + color: #424447; } scrollbar button:hover { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #a0a4af; } + color: #505153; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #e323f0; } + color: #f9adad; } scrollbar button:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(126, 129, 140, 0.2); } + color: rgba(66, 68, 71, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #393c47; } + color: #282b2e; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(57, 60, 71, 0.2); } + color: rgba(40, 43, 46, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -3973,7 +3986,7 @@ treeview ~ scrollbar.vertical { .sidebar { border-style: none; border-width: 0; - background-color: #171a27; } + background-color: #1b1f22; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { @@ -3983,25 +3996,11 @@ treeview ~ scrollbar.vertical { border-left: 1px solid rgba(12, 14, 21, 0.8); border-right-style: none; } .sidebar:backdrop { - background-color: #181b28; - border-color: rgba(13, 16, 23, 0.82); + background-color: #1c2124; + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } - .sidebar row { - padding: 8px 12px; - transition: all .12s ease-in; } - .sidebar row label { - color: #98abb2; } - .sidebar row:selected { - color: #fff; } - .sidebar row:selected:backdrop { - color: rgba(197, 14, 210, 0.6); - background: transparent; } - .sidebar row:selected:backdrop label { - color: #fff; } - .sidebar row:selected label { - color: #fff; } .sidebar.source-list { - background: #181b28; + background: #1c2124; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } @@ -4009,18 +4008,32 @@ treeview ~ scrollbar.vertical { padding-left: 4px; background: rgba(238, 238, 238, 0.5); color: #ACACAC; - border-left: 4px solid #c50ed2; } + border-left: 4px solid #F67E7D; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { - background-color: rgba(22, 25, 37, 0.4); } + background-color: rgba(26, 30, 33, 0.4); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; border-color: rgba(12, 14, 21, 0.8); } + paned .sidebar.left list row, paned .sidebar.right list row, paned .sidebar.left:dir(rtl) list row, paned .sidebar:dir(rtl) list row, paned .sidebar:dir(ltr) list row, paned .sidebar list row { + padding: 8px 12px; + transition: all .12s ease-in; } + paned .sidebar.left list row label, paned .sidebar.right list row label, paned .sidebar.left:dir(rtl) list row label, paned .sidebar:dir(rtl) list row label, paned .sidebar:dir(ltr) list row label, paned .sidebar list row label { + color: #5D5E60; } + paned .sidebar.left list row:selected, paned .sidebar.right list row:selected, paned .sidebar.left:dir(rtl) list row:selected, paned .sidebar:dir(rtl) list row:selected, paned .sidebar:dir(ltr) list row:selected, paned .sidebar list row:selected { + color: #909193; } + paned .sidebar.left list row:selected:backdrop, paned .sidebar.right list row:selected:backdrop, paned .sidebar.left:dir(rtl) list row:selected:backdrop, paned .sidebar:dir(rtl) list row:selected:backdrop, paned .sidebar:dir(ltr) list row:selected:backdrop, paned .sidebar list row:selected:backdrop { + color: rgba(246, 126, 125, 0.6); + background: transparent; } + paned .sidebar.left list row:selected:backdrop label, paned .sidebar.right list row:selected:backdrop label, paned .sidebar.left:dir(rtl) list row:selected:backdrop label, paned .sidebar:dir(rtl) list row:selected:backdrop label, paned .sidebar:dir(ltr) list row:selected:backdrop label, paned .sidebar list row:selected:backdrop label { + color: #909193; } + paned .sidebar.left list row:selected label, paned .sidebar.right list row:selected label, paned .sidebar.left:dir(rtl) list row:selected label, paned .sidebar:dir(rtl) list row:selected label, paned .sidebar:dir(ltr) list row:selected label, paned .sidebar list row:selected label { + color: #909193; } stacksidebar row { padding: 10px 4px; } @@ -4036,13 +4049,13 @@ stacksidebar row { /*--*/ placessidebar.sidebar { background-color: transparent; - background-image: linear-gradient(to right, #171e27 40px, #161925 35px, #161925 36px, #161925 36px, #161925 99%, #161925 100%); } + background-image: linear-gradient(to right, #111416 40px, #16191b 35px, #16191b 36px, #16191b 36px, #16191b 99%, #16191b 100%); } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; padding-left: 14px; padding-right: 12px; - color: #9ecfa2; } + color: #5D5E60; } placessidebar.sidebar row.sidebar-row:hover { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: rgba(0, 0, 0, 0.76); @@ -4053,9 +4066,9 @@ placessidebar.sidebar { color: rgba(0, 0, 0, 0.76); background-color: rgba(0, 0, 0, 0.23); } placessidebar.sidebar row.sidebar-row:selected { - color: rgba(255, 255, 255, 0.938); + color: #f7f7f7; background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #0a0c0d 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.24); } @@ -4064,9 +4077,9 @@ placessidebar.sidebar { placessidebar.sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #0a0c0d 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + -gtk-icon-shadow: 0 1px rgba(247, 247, 247, 0.8); color: inherit; } placessidebar list { @@ -4092,7 +4105,7 @@ spinbutton:not(.vertical) { margin: 0; padding-bottom: 0; padding-top: 0; - color: #b2b6c0; + color: #57585a; background-image: none; border-style: none none none solid; border-color: rgba(12, 14, 21, 0.1); @@ -4101,20 +4114,20 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { - color: #C3C7D1; - background-color: rgba(195, 199, 209, 0.05); } + color: #5D5E60; + background-color: rgba(93, 94, 96, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(109, 112, 123, 0.3); } + color: rgba(60, 62, 65, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { - color: #656873; + color: #393b3e; background-color: transparent; - border-color: rgba(13, 16, 23, 0.12); + border-color: rgba(14, 16, 23, 0.12); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(51, 57, 85, 0.3); + color: rgba(60, 69, 76, 0.3); background-image: none; border-style: none none none solid; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } @@ -4127,7 +4140,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4142,7 +4155,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:hover { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4154,7 +4167,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:backdrop { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4165,7 +4178,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4179,10 +4192,10 @@ spinbutton:not(.vertical) { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #6d707b; } + color: #3c3e41; } spinbutton.vertical:backdrop:disabled { - color: #333955; } + color: #3c454c; } spinbutton.vertical:drop(active) { border-color: transparent; @@ -4266,7 +4279,7 @@ treeview spinbutton:not(.vertical) { * Spinner * ***********/ menu spinner { - color: #c50ed2; } + color: #F67E7D; } /********************* * Spinner Animation * @@ -4297,24 +4310,21 @@ switch { border-radius: 14px; color: transparent; padding: 2.3px 0px; - background: linear-gradient(to right, #859398, #859398); } + background: linear-gradient(to right, #0e1011, #0e1011); + border: 1px solid #0a0b0c; } switch:disabled { - background-color: #171a26; } + background-color: #1b1f22; } switch:backdrop { - background-color: #161925; + background-color: #1A1E21; transition: 200ms ease-out; } switch:backdrop:disabled { - background-color: #171a26; } - switch:active, switch:checked { - background: linear-gradient(to right, #ff9200, #fadd00); } - switch:active slider, switch:checked slider { - background: #fff; } - switch:active:backdrop, switch:checked:backdrop { - background: linear-gradient(to right, #e68300, #e1c600); } - switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(24, 27, 40, 0.9); - border: none; } + background-color: #1b1f22; } + switch:active slider, switch:checked slider { + background: linear-gradient(to right, #00a6c9, #00e4ce); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background: linear-gradient(to right, #007c96, #00b1a0); + border: none; } switch slider { padding: 2px; margin: 0 2.3px; @@ -4322,15 +4332,15 @@ switch { min-height: 12px; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #bcc4c7; } + background-color: #1a1d1f; } switch slider:backdrop { padding: 2px; box-shadow: none; - background-color: #181b28; } + background-color: #1c2124; } switch trough:active, switch trough:checked { - background-color: #c50ed2; } + background-color: #F67E7D; } switch trough:active:backdrop, switch trough:checked:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } /************ * Toolbars * @@ -4339,7 +4349,7 @@ toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; - background-color: #161925; } + background-color: #1A1E21; } toolbar { padding: 4px 3px 3px 4px; } @@ -4378,16 +4388,16 @@ searchbar, .location-bar { border-style: solid; border-color: rgba(12, 14, 21, 0.8); - background-color: rgba(20, 23, 33, 0.94); } + background-color: rgba(23, 26, 30, 0.94); } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: rgba(20, 23, 33, 0.937); + border-color: rgba(14, 16, 23, 0.82); + background-color: rgba(23, 26, 30, 0.937); box-shadow: none; transition: 200ms ease-out; } searchbar { - background: #181b28; } + background: #1c2124; } /************ * Tooltips * @@ -4413,8 +4423,8 @@ tooltip { * Tree Views * **************/ treeview.view { - border-left-color: #6d717d; - border-top-color: #161925; } + border-left-color: #3d3f42; + border-top-color: #1A1E21; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; @@ -4425,84 +4435,84 @@ treeview.view { treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #e286e8; - border-top-color: rgba(195, 199, 209, 0.1); } + border-left-color: #f7bbba; + border-top-color: rgba(93, 94, 96, 0.1); } treeview.view:disabled { - color: #6d707b; } + color: #3c3e41; } treeview.view:disabled:selected { - color: #dc6ee4; } + color: #f6aeae; } treeview.view:disabled:selected:backdrop { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } treeview.view:disabled:backdrop { - color: #333955; } + color: #3c454c; } treeview.view.separator { min-height: 2px; - color: #161925; } + color: #1A1E21; } treeview.view.separator:backdrop { - color: rgba(22, 25, 37, 0.1); } + color: rgba(26, 30, 33, 0.1); } treeview.view:backdrop { - border-left-color: #424550; - border-top: #161925; } + border-left-color: #2b2e31; + border-top: #1A1E21; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #980ba2; } + border-color: #f34f4d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #90939e; } + color: #4a4c4e; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { - color: #C3C7D1; } + color: #5D5E60; } treeview.view.expander:selected { - color: #edb6f1; } + color: #f7d3d2; } treeview.view.expander:selected:hover { - color: #fefefe; } + color: #f7f7f7; } treeview.view.expander:selected:backdrop { - color: rgba(222, 119, 229, 0.65); } + color: rgba(246, 179, 178, 0.65); } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #545763; } + color: #333639; } treeview.view.progressbar { - border: 1px solid #980ba2; + border: 1px solid #f34f4d; border-radius: 4px; - background-color: #c50ed2; - background-image: linear-gradient(to bottom, #c50ed2, #980ba2); + background-color: #F67E7D; + background-image: linear-gradient(to bottom, #F67E7D, #f34f4d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #181b28, #050608); } + background-image: linear-gradient(to bottom, #1c2124, #060707); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #1a1d2b; - background-color: #1a1d2b; } + border-color: #1e2327; + background-color: #1e2327; } treeview.view.progressbar:backdrop { - border-color: #1a1d2b; + border-color: #1e2327; background-image: none; box-shadow: none; } treeview.view.trough { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(93, 94, 96, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #980ba2; + background-color: #f34f4d; border-radius: 4px; } treeview.view header button { - color: #6d717d; - background-color: #181b28; + color: #3d3f42; + background-color: #1c2124; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #989ca7; + color: #4d4f51; box-shadow: none; transition: none; } treeview.view header button:active { - color: #C3C7D1; + color: #5D5E60; transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } @@ -4514,14 +4524,14 @@ treeview.view { padding: 0 6px; transition: none; background-image: none; - background-color: #c50ed2; - color: #181b28; + background-color: #F67E7D; + color: #1c2124; border-radius: 0; border-style: none; - box-shadow: inset 0 0 0 1px #181b28; + box-shadow: inset 0 0 0 1px #1c2124; text-shadow: none; } treeview.view acceleditor > label { - background-color: #c50ed2; } + background-color: #F67E7D; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; @@ -4530,18 +4540,18 @@ treeview.view header button, treeview.view header button:hover, treeview.view he text-shadow: none; border-width: 1px; border-style: none solid solid none; - border-color: #161925; } + border-color: #1A1E21; } treeview.view header button:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } treeview.view header button:backdrop { - border-color: #161925; + border-color: #1A1E21; border-style: none solid solid none; - color: #424550; + color: #2b2e31; background-image: none; - background-color: #1a1d2b; } + background-color: #1e2327; } treeview.view header button:backdrop:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } /********************** @@ -4577,8 +4587,8 @@ decoration { .solid-csd decoration { border-radius: 0; margin: 4px; - background-color: #161925; - border: solid 1px rgba(13, 16, 23, 0.82); + background-color: #1A1E21; + border: solid 1px rgba(14, 16, 23, 0.82); box-shadow: none; } button.titlebutton { @@ -4605,8 +4615,8 @@ button.titlebutton { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.648627); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.648627); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.418039); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.418039); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4619,7 +4629,7 @@ popover.background radiobutton:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - background-color: #c50ed2; } + background-color: #F67E7D; } row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, @@ -4628,7 +4638,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - color: #fefefe; + color: #f7f7f7; font-weight: bold; } row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -4637,7 +4647,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec popover.background radiobutton:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { - color: #e286e8; } + color: #f7bbba; } row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, @@ -4645,14 +4655,14 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } .monospace { font-family: Monospace; } @@ -4693,7 +4703,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background { border-radius: 2px; padding: 0; - background: linear-gradient(to bottom, #2d334b, #12151f); + background: linear-gradient(to bottom, #353d43, #16191b); background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid @borders; } @@ -4744,17 +4754,17 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { - background-color: rgba(195, 199, 209, 0.05); - color: #C3C7D1; } + background-color: rgba(93, 94, 96, 0.05); + color: #5D5E60; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { - color: #fefefe; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + color: #f7f7f7; + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-menu scrollbar { background-color: transparent; @@ -4774,27 +4784,27 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec button.budgie-menu-launcher { padding: 0 2px; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { - color: #C3C7D1; } + color: #5D5E60; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { - color: #C3C7D1; } + color: #5D5E60; } button.budgie-menu-launcher:backdrop { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { - color: #C3C7D1; } + color: #5D5E60; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { - color: #c50ed2; + color: #F67E7D; box-shadow: none; - background-color: #181b28; } + background-color: #1c2023; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; - background-color: rgba(195, 199, 209, 0.1); } + background-color: rgba(93, 94, 96, 0.1); } .user-menu button { margin: 5px; } @@ -4818,7 +4828,7 @@ button.budgie-menu-launcher { background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } @@ -4827,7 +4837,7 @@ button.budgie-menu-launcher { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; @@ -4836,22 +4846,22 @@ button.budgie-menu-launcher { button.raven-trigger { padding-left: 2px; padding-right: 2px; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; } button.raven-trigger:hover { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; - color: #c50ed2; } + color: #F67E7D; } button.raven-trigger:backdrop { - color: #C3C7D1; } + color: #5D5E60; } button.raven-trigger:backdrop:hover { - color: #C3C7D1; } + color: #5D5E60; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; - color: #c50ed2; + color: #F67E7D; background-color: transparent; } .places-menu .container { @@ -4883,7 +4893,7 @@ button.raven-trigger { border-bottom-right-radius: 0px; } .places-menu .places-list { - background: rgba(195, 199, 209, 0.04); + background: rgba(93, 94, 96, 0.04); border-bottom: 1px solid rgba(12, 14, 21, 0.75); } .places-menu .unlock-area { @@ -4925,17 +4935,17 @@ button.raven-trigger { box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .budgie-panel { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.95); + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { - color: #ed254e; } + color: #F67E7D; } .budgie-panel:backdrop { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.95); } + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; @@ -4945,7 +4955,7 @@ button.raven-trigger { padding: 0; margin: 0; } .budgie-panel label { - color: #C3C7D1; + color: #5D5E60; font-weight: 700; } .budgie-panel.transparent { background-color: transparent; } @@ -4960,16 +4970,16 @@ button.raven-trigger { .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { - background-color: rgba(195, 199, 209, 0.15); } + background-color: rgba(93, 94, 96, 0.15); } .budgie-panel .end-region label { font-weight: 700; - color: #C3C7D1; } + color: #5D5E60; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(3, 3, 5, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; background-color: transparent; box-shadow: none; @@ -4978,7 +4988,7 @@ button.raven-trigger { .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(3, 3, 5, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; padding: 0; background-clip: padding-box; @@ -5012,7 +5022,7 @@ button.raven-trigger { .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { - border-top: 2px solid #c50ed2; } + border-top: 2px solid #F67E7D; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { @@ -5031,7 +5041,7 @@ button.raven-trigger { .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { - border-bottom: 2px solid #c50ed2; } + border-bottom: 2px solid #F67E7D; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { @@ -5050,7 +5060,7 @@ button.raven-trigger { .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { - border-left: 2px solid #c50ed2; } + border-left: 2px solid #F67E7D; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { @@ -5069,59 +5079,59 @@ button.raven-trigger { .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { - border-right: 2px solid #c50ed2; } + border-right: 2px solid #F67E7D; } .top .budgie-panel { - border-bottom: 1px solid rgba(9, 10, 15, 0.92); } + border-bottom: 1px solid rgba(10, 12, 13, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; - border-bottom: 1px solid rgba(22, 25, 37, 0.92); } + border-bottom: 1px solid rgba(26, 30, 33, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { - border-top: 1px solid rgba(9, 10, 15, 0.92); } + border-top: 1px solid rgba(10, 12, 13, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; - border-top: 1px solid rgba(22, 25, 37, 0.92); } + border-top: 1px solid rgba(26, 30, 33, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { - border-right: 1px solid rgba(9, 10, 15, 0.92); } + border-right: 1px solid rgba(10, 12, 13, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; - border-right: 1px solid rgba(22, 25, 37, 0.92); } + border-right: 1px solid rgba(26, 30, 33, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { - border-left: 1px solid rgba(9, 10, 15, 0.92); } + border-left: 1px solid rgba(10, 12, 13, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; - border-left: 1px solid rgba(22, 25, 37, 0.92); } + border-left: 1px solid rgba(26, 30, 33, 0.92); } .right .shadow-block { background-color: transparent; @@ -5129,15 +5139,15 @@ button.raven-trigger { .raven { padding: 0; - color: #C3C7D1; - background: #0c0e14; + color: #5D5E60; + background: #0e1012; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; - color: #C3C7D1; + color: #5D5E60; border: solid rgba(12, 14, 21, 0.75); border-width: 1px 0; - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(26, 30, 33, 0.2); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -5147,28 +5157,28 @@ button.raven-trigger { margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { - color: #af0cba; + color: #f46665; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; - color: #fefefe; - background-color: rgba(230, 19, 62, 0.9); + color: #f7f7f7; + background-color: rgba(244, 102, 101, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; - color: #fefefe; - background-color: rgba(237, 37, 78, 0.9); + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { - color: #fefefe; - background-color: rgba(239, 61, 97, 0.9); + color: #f7f7f7; + background-color: rgba(248, 150, 149, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { - background-image: linear-gradient(to bottom, #2f354f, #12151f); + background-image: linear-gradient(to bottom, #374046, #16191b); border: 1px solid rgba(12, 14, 21, 0.8); - color: #C3C7D1; + color: #5D5E60; border-radius: 0; box-shadow: none; margin-top: -4px; @@ -5177,25 +5187,25 @@ button.raven-trigger { .raven .raven-header button:hover { border-radius: 0; background-color: transparent; - color: #c50ed2; } + color: #F67E7D; } .raven .raven-header button:active, .raven .raven-header button:checked { - color: #c50ed2; + color: #F67E7D; border-radius: 0; - background: #181b28; } + background: #1c2023; } .raven .raven-header button:disabled { - color: #6d707b; } + color: #3c3e41; } .raven list { background-color: transparent; } .raven list:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:selected, .raven list row.activatable:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven .raven-background { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { @@ -5210,48 +5220,48 @@ button.raven-trigger { min-height: 32px; margin-bottom: 3px; background: linear-gradient(to right, #8f94fb, #4e54c8); - color: #fefefe; + color: #f7f7f7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { transition: 170ms ease all; background: rgba(123, 123, 189, 0.85); - color: #fefefe; } + color: #f7f7f7; } .raven .powerstrip button.image-button:active { transition: 170ms ease all; background: #7b7bbd; - color: #fefefe; } + color: #f7f7f7; } .raven .powerstrip button.image-button:first-child { - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .raven .powerstrip button.image-button:first-child:hover { background: #00c1e4; } .raven .powerstrip button.image-button:first-child:active { background: #00c1e4; } .raven .powerstrip button.image-button:last-child { - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } .raven .powerstrip button.image-button:last-child:hover { - background: #ed254e; } + background: #f67e7d; } .raven .powerstrip button.image-button:last-child:active { - background: #ed254e; } + background: #F67E7D; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; - color: #C3C7D1; + color: #5D5E60; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; - color: #b30dbf; + color: #f56b6a; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { - color: #C3C7D1; + color: #5D5E60; border: none; border-radius: 0; background-color: transparent; } @@ -5259,23 +5269,23 @@ calendar.raven-calendar { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; } .raven-mpris { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.9); + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; - background-color: #181b28; + background-color: #1c2124; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } .raven-mpris button.image-button:active { - background-color: #af0cba; } + background-color: #f46665; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { @@ -5290,7 +5300,7 @@ calendar.raven-calendar { border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { background-color: #00c1e4; - color: #fefefe; + color: #f7f7f7; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #00abcb; @@ -5303,57 +5313,57 @@ calendar.raven-calendar { .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; - color: #C3C7D1; } + color: #5D5E60; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { - color: rgba(195, 199, 209, 0.7); } + color: rgba(93, 94, 96, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; - color: #fefefe; } + color: #f7f7f7; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; - color: #ed254e; + color: #F67E7D; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; - color: #e6133e; } + color: #f46665; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(22, 25, 37, 0.95); + color: #5D5E60; + background-color: rgba(26, 30, 33, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { - color: #C3C7D1; } + color: #5D5E60; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; - color: #C3C7D1; } + color: #5D5E60; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { - color: #C3C7D1; } + color: #5D5E60; } .budgie-switcher-window flowboxchild:selected { - color: #fefefe; - background-color: rgba(197, 14, 210, 0.5); } + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.5); } .budgie-switcher-window flowboxchild:selected:active { - color: #fefefe; } + color: #f7f7f7; } .budgie-switcher-window flowboxchild:selected:hover { - background-color: #b10dbd; } + background-color: #dd7171; } .budgie-switcher-window flowboxchild:selected:disabled { - color: rgba(254, 254, 254, 0.7); - background-color: rgba(197, 14, 210, 0.7); } + color: rgba(247, 247, 247, 0.7); + background-color: rgba(246, 126, 125, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.95); } + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { - color: rgba(195, 199, 209, 0.8); } + color: rgba(93, 94, 96, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { @@ -5361,7 +5371,7 @@ calendar.raven-calendar { min-height: 32px; border-bottom: none; border-radius: 0; - color: #C3C7D1; + color: #5D5E60; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { @@ -5373,7 +5383,7 @@ calendar.raven-calendar { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { @@ -5383,24 +5393,24 @@ calendar.raven-calendar { .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { background-color: rgba(0, 215, 254, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { - background-color: rgba(206, 17, 56, 0.9); } + background-color: rgba(243, 79, 77, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; - color: #C3C7D1; } + color: #5D5E60; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { - color: rgba(195, 199, 209, 0.7); } + color: rgba(93, 94, 96, 0.7); } .budgie-polkit-dialog .failure { - color: #ed254e; } + color: #F67E7D; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; @@ -5408,7 +5418,7 @@ calendar.raven-calendar { border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { - color: #C3C7D1; } + color: #5D5E60; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } @@ -5427,10 +5437,10 @@ calendar.raven-calendar { margin: 4px; padding: 5px; border-radius: 0; - background-color: rgba(3, 3, 5, 0.95); } + background-color: rgba(4, 4, 4, 0.95); } .budgie-menubar menu menuitem:hover { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .budgie-menubar arrow { border: none; @@ -5438,13 +5448,13 @@ calendar.raven-calendar { min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(42, 45, 57, 0.928); } + border-bottom: 1px solid rgba(34, 37, 40, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(42, 45, 57, 0.928); } + border-top: 1px solid rgba(34, 37, 40, 0.928); } .budgie-menubar menuitem accelerator { - color: rgba(195, 199, 209, 0.35); } + color: rgba(93, 94, 96, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; @@ -5456,12 +5466,6 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled /************ * Nautilus * ************/ -.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { - background: transparent; - color: #c50ed2; } - .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { - color: #c50ed2; } - .nautilus-window paned > separator { background-image: none; } @@ -5471,27 +5475,33 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window .sidebar .list-row button:active { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window .sidebar .list-row:hover { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(28, 33, 36, 0.5); } .nautilus-window .sidebar .list-row:hover:active { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window.background { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window.background:backdrop { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window notebook > stack:only-child { - background-color: #181b28; } + background-color: #1c2124; } .nautilus-window notebook > stack:only-child:backdrop { - background-color: #1a1d2b; } + background-color: #1e2327; } + +.nautilus-window notebook *:selected, .nautilus-window notebook *:selected:backdrop { + background: transparent; + color: #F67E7D; } + .nautilus-window notebook *:selected label, .nautilus-window notebook *:selected:backdrop label { + color: #F67E7D; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } @@ -5504,17 +5514,17 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { border-radius: 23px; - background: linear-gradient(to right, #c50ed2, #8500f7); - box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); - color: #fafafa; } + background: linear-gradient(to right, #F67E7D, #E1DD8F); + color: #f7f7f7; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop { - color: #f0f0f0; } + color: #ededed; } .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { - color: #f0f0f0; } + color: #ededed; } .nautilus-window .titlebar .linked button:active, .nautilus-window .titlebar .linked button:checked, .nautilus-window .titlebar .linked button:active:backdrop, .nautilus-window .titlebar .linked button:checked:backdrop { background: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } @@ -5535,26 +5545,26 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-color: #a5a5a5; } .nautilus-desktop { - color: #C3C7D1; } + color: #5D5E60; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; - color: #fefefe; + color: #f7f7f7; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #C3C7D1; + color: #5D5E60; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { - color: #C3C7D1; + color: #5D5E60; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { - color: #fefefe; + color: #f7f7f7; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } /********* * Gedit * @@ -5563,11 +5573,11 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled padding: 4px; border-radius: 0 0 3px 3px; border: 0; - background-color: #161925; } + background-color: #1A1E21; } .xfce4-panel.panel { - background-color: #181b28; - color: #C3C7D1; } + background-color: #1c2124; + color: #5D5E60; } /******** * Gala * @@ -5576,15 +5586,15 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-width: 0; border-radius: 2px; color: white; - border: 1px solid #181b28; - background-color: #181b28; } + border: 1px solid #1c2124; + background-color: #1c2124; } .gala-notification .title, .gala-notification .label { - color: #C3C7D1; } + color: #5D5E60; } .gala-button { padding: 3px; - color: #181b28; + color: #1c2124; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); @@ -5598,14 +5608,14 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(24, 27, 40, 0.05); } + background-color: rgba(28, 33, 36, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; - color: #C3C7D1; } + color: #5D5E60; } /************* * Slingshot * @@ -5618,7 +5628,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .button.app .app:hover { border-radius: 8px; border: none; - background-color: rgba(197, 14, 210, 0.3); + background-color: rgba(246, 126, 125, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } @@ -5626,12 +5636,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .search-item { border-radius: 0; border: none; - color: #C3C7D1; + color: #5D5E60; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; - background-color: rgba(197, 14, 210, 0.3); - color: #fefefe; } + background-color: rgba(246, 126, 125, 0.3); + color: #f7f7f7; } .search-entry-large, .search-entry-large:focus { @@ -5645,7 +5655,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .search-category-header { font-weight: bold; - color: #C3C7D1; } + color: #5D5E60; } /********* * Panel * @@ -5696,16 +5706,16 @@ PantheonCalculatorMainWindow { * Cards * *********/ .deck { - background-color: #07080b; } + background-color: #08090a; } .card { - background-color: #181b28; + background-color: #1c2124; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { - background-color: #0e1018; + background-color: #111416; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* @@ -5733,13 +5743,13 @@ LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { - background-color: #161925; + background-color: #1A1E21; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #C3C7D1; } + background-color: #5D5E60; } /********* * Avatar * @@ -5778,7 +5788,7 @@ UnityDecoration { /* Glow applied to the selected scaled window */ -UnityDecoration-glow-size: 8px; /* Size property, size of glow */ - -UnityDecoration-glow-color: #c50ed2; + -UnityDecoration-glow-color: #F67E7D; /* Color property of the glow */ /* Title settings */ -UnityDecoration-title-indent: 10px; @@ -5854,7 +5864,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #6d707b; } + color: #3c3e41; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -5884,7 +5894,7 @@ UnityPanelWidget:backdrop, /* Force Quit */ SheetStyleDialog.unity-force-quit { - background-color: #181b28; } + background-color: #1c2124; } @keyframes playbackmenuitem_spinner { to { @@ -5893,7 +5903,7 @@ SheetStyleDialog.unity-force-quit { .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #c50ed2; } + color: #F67E7D; } /*********************** * App-Specific Styles * @@ -5908,17 +5918,17 @@ SheetStyleDialog.unity-force-quit { ConversationListView { -GtkTreeView-grid-line-width: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); - color: rgba(254, 254, 254, 0.5); } + background-color: rgba(246, 126, 125, 0.6); + color: rgba(247, 247, 247, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { - color: #fefefe; - border: 0px solid #980ba2; } + color: #f7f7f7; + border: 0px solid #f34f4d; } /*********** * LightDm * @@ -5953,11 +5963,11 @@ ConversationListView { font-weight: normal; border-style: none; background-color: transparent; - color: #C3C7D1; } + color: #5D5E60; } #content_frame { padding-bottom: 14px; - background-color: #161925; + background-color: #1A1E21; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); @@ -5965,30 +5975,30 @@ ConversationListView { #content_frame button { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } #content_frame button:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #5D5E60; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1c2124; text-shadow: none; } #content_frame button:active, #content_frame button:checked { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: #5D5E60; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } #content_frame button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1b1f22; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: #161925; + background-color: #1A1E21; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); @@ -6031,7 +6041,7 @@ ConversationListView { -gtk-icon-shadow: none; } #login_window #user_combobox { - color: #C3C7D1; + color: #5D5E60; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index b7bcd78..43f693e 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -3,59 +3,59 @@ ---------------- use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #C3C7D1; +@define-color theme_fg_color #5D5E60; /* text color for entries, views and content in general */ -@define-color theme_text_color #C3C7D1; +@define-color theme_text_color #5D5E60; /* widget base background color */ -@define-color theme_bg_color #161925; +@define-color theme_bg_color #1A1E21; /* text widgets and the like base background color */ -@define-color theme_base_color #181b28; +@define-color theme_base_color #1c2124; /* base background color of selections */ -@define-color theme_selected_bg_color #c50ed2; +@define-color theme_selected_bg_color #F67E7D; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #fefefe; +@define-color theme_selected_fg_color #f7f7f7; /* base background color of disabled widgets */ -@define-color insensitive_bg_color #171a26; +@define-color insensitive_bg_color #1b1f22; /* text foreground color of disabled widgets */ -@define-color insensitive_fg_color #6d707b; +@define-color insensitive_fg_color #3c3e41; /* disabled text widgets and the like base background color */ -@define-color insensitive_base_color #181b28; +@define-color insensitive_base_color #1c2124; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #6d707b; +@define-color theme_unfocused_fg_color #3c3e41; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #C3C7D1; +@define-color theme_unfocused_text_color #5D5E60; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #161925; +@define-color theme_unfocused_bg_color #1A1E21; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #1a1d2b; +@define-color theme_unfocused_base_color #1e2327; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #c50ed2; +@define-color theme_unfocused_selected_bg_color #F67E7D; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #fefefe; +@define-color theme_unfocused_selected_fg_color #f7f7f7; /* widgets main borders color */ @define-color borders rgba(12, 14, 21, 0.8); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(13, 16, 23, 0.82); +@define-color unfocused_borders rgba(14, 16, 23, 0.82); /* these are pretty self explicative */ -@define-color warning_color #cc5500; -@define-color error_color #e6133e; +@define-color warning_color #f47d49; +@define-color error_color #f46665; @define-color success_color #0096b1; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title shade(#C3C7D1, 1.8); -@define-color wm_unfocused_title #6d707b; +@define-color wm_title shade(#5D5E60, 1.8); +@define-color wm_unfocused_title #3c3e41; @define-color wm_highlight rgba(0, 0, 0, 0); @define-color wm_borders_edge rgba(255, 255, 255, 0.1); -@define-color wm_bg_a shade(#161925, 1.2); -@define-color wm_bg_b #161925; +@define-color wm_bg_a shade(#1A1E21, 1.2); +@define-color wm_bg_b #1A1E21; @define-color wm_shadow alpha(black, 0.35); @define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#161925, 1.3); -@define-color wm_button_hover_color_b #161925; -@define-color wm_button_active_color_a shade(#161925, 0.85); -@define-color wm_button_active_color_b shade(#161925, 0.89); -@define-color wm_button_active_color_c shade(#161925, 0.9); -@define-color content_view_bg #181b28; +@define-color wm_button_hover_color_a shade(#1A1E21, 1.3); +@define-color wm_button_hover_color_b #1A1E21; +@define-color wm_button_active_color_a shade(#1A1E21, 0.85); +@define-color wm_button_active_color_b shade(#1A1E21, 0.89); +@define-color wm_button_active_color_c shade(#1A1E21, 0.9); +@define-color content_view_bg #1c2124; /***************** * Drawing mixins * *****************/ @@ -65,19 +65,19 @@ read if you used those and something break with a version upgrade you're on your * { padding: 0; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #e6133e; + -GtkTextView-error-underline-color: #f46665; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; - outline-color: rgba(195, 199, 209, 0.3); + outline-color: rgba(93, 94, 96, 0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #c50ed2; } + -gtk-secondary-caret-color: #F67E7D; } /*********** * Widgets * @@ -86,13 +86,13 @@ read if you used those and something break with a version upgrade you're on your * Action bars * ***************/ .action-bar { - background-color: #030305; + background-color: #040404; border: solid rgba(12, 14, 21, 0.8); border-width: 1px 0 0 0; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; } .action-bar:backdrop { - background-color: #030305; + background-color: #040404; box-shadow: none; -gtk-icon-effect: dim; } .action-bar:first-child { @@ -124,11 +124,11 @@ read if you used those and something break with a version upgrade you're on your * Base States * ***************/ .background { - color: #C3C7D1; - background-color: #161925; } + color: #5D5E60; + background-color: #1A1E21; } .background:backdrop { - color: #6d707b; - background-color: #161925; + color: #3c3e41; + background-color: #1A1E21; text-shadow: none; -gtk-icon-shadow: none; } @@ -142,33 +142,33 @@ read if you used those and something break with a version upgrade you're on your -gtk-icon-effect: dim; } .gtkstyle-fallback { - color: #C3C7D1; - background-color: #161925; } + color: #5D5E60; + background-color: #1A1E21; } .gtkstyle-fallback:hover { - color: #C3C7D1; - background-color: #292f45; } + color: #5D5E60; + background-color: #30383e; } .gtkstyle-fallback:active { - color: #C3C7D1; - background-color: #030305; } + color: #5D5E60; + background-color: #040404; } .gtkstyle-fallback:disabled { - color: #6d707b; - background-color: #171a26; } + color: #3c3e41; + background-color: #1b1f22; } .gtkstyle-fallback:selected { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } .view, iconview, .view text, iconview text, textview text { - color: #C3C7D1; - background-color: #181b28; } + color: #5D5E60; + background-color: #1c2124; } .view:backdrop, iconview:backdrop, .view text:backdrop, iconview text:backdrop, textview text:backdrop { - color: #a1a5b0; - background-color: #1a1d2b; } + color: #505255; + background-color: #1e2327; } .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, .view text:selected:focus, iconview text:selected:focus, @@ -179,15 +179,15 @@ textview text { border-radius: 3px; } textview border { - background-color: #171a27; } + background-color: #1b1f22; } .rubberband, rubberband, flowbox rubberband, .content-view rubberband, treeview.view rubberband { - border: 1px solid #980ba2; - background-color: rgba(152, 11, 162, 0.2); } + border: 1px solid #f34f4d; + background-color: rgba(243, 79, 77, 0.2); } flowbox flowboxchild { padding: 3px; @@ -198,18 +198,18 @@ flowbox flowboxchild { label { caret-color: currentColor; } label.separator { - color: #C3C7D1; } + color: #5D5E60; } label.separator:backdrop { - color: #6d707b; } + color: #3c3e41; } label selection { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } label:disabled { - color: #6d707b; } + color: #3c3e41; } label:disabled:backdrop { - color: #333955; } + color: #3c454c; } label:backdrop { - color: #6d707b; } + color: #3c3e41; } .dim-label, label.separator, .titlebar .subtitle, headerbar .subtitle { @@ -217,11 +217,11 @@ headerbar .subtitle { text-shadow: none; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } @@ -230,7 +230,7 @@ assistant .sidebar label { padding: 6px 12px; } assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #272b2e; } .app-notification, .app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { @@ -246,17 +246,17 @@ assistant .sidebar label.highlight { -gtk-icon-shadow: none; } *:selected { - background: #c50ed2; - color: #fefefe; } + background: #F67E7D; + color: #f7f7f7; } /*********** * Buttons * ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e63bf2), to(transparent)); } + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#fbc5c5), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#c50ed2), to(transparent)); } } + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F67E7D), to(transparent)); } } notebook > header > tabs > arrow, button { @@ -267,14 +267,14 @@ button { border-radius: 4px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } notebook > header > tabs > arrow, button.flat { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -288,25 +288,25 @@ button { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook > header > tabs > arrow:hover, button:hover { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #c50ed2; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #F67E7D; text-shadow: none; -gtk-icon-effect: highlight; } notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button:active, button:checked { - color: #fefefe; - outline-color: rgba(254, 254, 254, 0.3); - background-color: #af0cba; + color: #f7f7f7; + outline-color: rgba(247, 247, 247, 0.3); + background-color: #f46665; text-shadow: none; transition-duration: 50ms; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, button:backdrop.flat, button:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1e2327; text-shadow: none; transition: 200ms ease-out; -gtk-icon-effect: none; } @@ -315,31 +315,31 @@ button { button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, button:backdrop.flat:active label, button:backdrop.flat:checked label, button:backdrop:active label, button:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop, @@ -347,27 +347,27 @@ button { button.flat:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } notebook > header > tabs > arrow:disabled, button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1b1f22; text-shadow: none; } notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { - color: rgba(254, 254, 254, 0.7); - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: rgba(247, 247, 247, 0.7); + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, button:disabled:active label, button:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; @@ -381,11 +381,11 @@ button { box-shadow: none; } notebook > header > tabs > arrow.image-button.sidebar-button, button.image-button.sidebar-button { - background-color: #252a3e; + background-color: #272d31; color: #fff; } notebook > header > tabs > arrow.image-button.sidebar-button:hover, button.image-button.sidebar-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; @@ -407,11 +407,11 @@ button { row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { - color: #fefefe; + color: #f7f7f7; border-color: transparent; } row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { - color: #6d707b; } + color: #3c3e41; } button.osd { @@ -547,7 +547,7 @@ button { button.flat { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -583,7 +583,7 @@ button { button.flat:backdrop { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -605,34 +605,36 @@ button { button.suggested-action { border: none; box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .selection-mode button.titlebutton, button.suggested-action.flat { box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, @@ -643,22 +645,22 @@ button.suggested-action { button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, @@ -669,9 +671,9 @@ button.suggested-action { button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, @@ -679,7 +681,7 @@ button.suggested-action { button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -688,19 +690,22 @@ button.suggested-action { button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } + button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.3); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.suggested-action { color: #fefefe; @@ -758,34 +763,36 @@ button.suggested-action { button.destructive-action { border: none; box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } button.destructive-action.flat { box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); color: white; border-radius: 100px; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:backdrop label, @@ -796,22 +803,22 @@ button.destructive-action { button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:backdrop:disabled label, @@ -822,9 +829,9 @@ button.destructive-action { button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #c50ed2; + background-color: #F67E7D; text-shadow: none; } button.destructive-action.flat:backdrop, @@ -832,33 +839,36 @@ button.destructive-action { button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(206, 17, 56, 0.8); } + color: rgba(243, 79, 77, 0.8); } button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } + button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.3); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - color: rgba(254, 254, 254, 0.7); + color: rgba(247, 247, 247, 0.7); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(206, 17, 56, 0.5); + background-color: rgba(243, 79, 77, 0.5); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -868,7 +878,7 @@ button.destructive-action { button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.7), rgba(243, 79, 77, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -881,7 +891,7 @@ button.destructive-action { button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ce1138, #ce1138); + background-image: linear-gradient(to bottom, #f34f4d, #f34f4d); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: none; @@ -901,7 +911,7 @@ button.destructive-action { button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); + background-image: linear-gradient(to bottom, rgba(243, 79, 77, 0.5), rgba(243, 79, 77, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -951,7 +961,7 @@ button { .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#e63bf2), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.907451)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fbc5c5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(255, 255, 255, 0.769231)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -964,39 +974,39 @@ button { toolbar button:hover { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } toolbar button:active { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } .inline-toolbar toolbutton > button { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .inline-toolbar toolbutton > button:hover { - color: #c50ed2; } + color: #F67E7D; } .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:disabled { - color: #a1a5b0; } + color: #505255; } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } .inline-toolbar toolbutton > button:backdrop { - color: #a1a5b0; } + color: #505255; } .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - color: #af0cba; } + color: #f46665; } .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a1a5b0; } + color: #505255; } .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - color: rgba(175, 12, 186, 0.3); } + color: rgba(244, 102, 101, 0.3); } toolbar.inline-toolbar toolbutton > button.flat:backdrop, toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { @@ -1077,7 +1087,7 @@ popover.background radiobutton, modelbutton.flat:hover, popover.background checkbutton:hover, popover.background radiobutton:hover, .menuitem.button.flat:hover { - background-color: #202435; } + background-color: #252b2f; } modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, @@ -1119,7 +1129,7 @@ notebook .linked > button, list .linked > button, .view .linked > button, iconvi * Calendar * ***********/ calendar { - color: #C3C7D1; + color: #5D5E60; border: 1px solid rgba(12, 14, 21, 0.8); } calendar:selected { border-radius: 3px; } @@ -1129,21 +1139,21 @@ calendar { calendar.header:backdrop { border-color: rgba(0, 0, 0, 0.1); } calendar.button { - color: rgba(195, 199, 209, 0.45); } + color: rgba(93, 94, 96, 0.45); } calendar.button:hover { - color: #C3C7D1; } + color: #5D5E60; } calendar.button:backdrop { - color: rgba(109, 112, 123, 0.45); } + color: rgba(60, 62, 65, 0.45); } calendar.button:disabled { - color: rgba(109, 112, 123, 0.45); } + color: rgba(60, 62, 65, 0.45); } calendar:indeterminate, calendar:indeterminate:backdrop { color: alpha(currentColor,0.55); } calendar.highlight, calendar.highlight:backdrop { font-size: smaller; - color: #C3C7D1; } + color: #5D5E60; } calendar:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); } + color: #505255; + border-color: rgba(14, 16, 23, 0.82); } /************************* * Check and Radio Items * @@ -1574,18 +1584,18 @@ colorswatch.right, colorswatch:last-child:not(.bottom) { border-bottom-right-radius: 5px; } colorswatch.dark overlay { - color: #fefefe; } + color: #f7f7f7; } colorswatch.dark overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.dark overlay:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } colorswatch.light overlay { - color: #C3C7D1; } + color: #5D5E60; } colorswatch.light overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.light overlay:backdrop { - color: #a1a5b0; } + color: #505255; } colorswatch:drop(active) { box-shadow: none; } @@ -1611,18 +1621,18 @@ colorswatch#add-color-button { border-radius: 5px; } colorswatch#add-color-button overlay { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } colorswatch#add-color-button overlay:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #5D5E60; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1c2124; text-shadow: none; } colorswatch#add-color-button overlay:backdrop { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #1a1d2b; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1e2327; text-shadow: none; } colorswatch:disabled { @@ -1632,7 +1642,7 @@ colorswatch:disabled { box-shadow: none; } row:selected colorswatch { - box-shadow: 0 0 0 2px #fefefe; } + box-shadow: 0 0 0 2px #f7f7f7; } colorswatch#editor-color-sample { border-radius: 4px; } @@ -1657,19 +1667,19 @@ combobox:drop(active) { * Dialogs * ***********/ messagedialog .titlebar:not(headerbar) { - background-color: rgba(22, 25, 37, 0.95); } + background-color: rgba(26, 30, 33, 0.95); } messagedialog .titlebar { min-height: 20px; background-image: none; - background-color: rgba(22, 25, 37, 0.95); + background-color: rgba(26, 30, 33, 0.95); border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } messagedialog.csd.background { - background-color: rgba(22, 25, 37, 0.95); - color: #C3C7D1; + background-color: rgba(26, 30, 33, 0.95); + color: #5D5E60; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } @@ -1680,10 +1690,10 @@ messagedialog.csd .dialog-action-area button { border-right-style: none; border-bottom-style: none; background-color: transparent; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; } messagedialog.csd .dialog-action-area button:hover { - background-color: rgba(197, 14, 210, 0.9); + background-color: rgba(246, 126, 125, 0.9); color: white; } messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; @@ -1696,10 +1706,10 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid rgba(12, 14, 21, 0.8); } filechooser .dialog-action-box:backdrop { - border-top-color: rgba(13, 16, 23, 0.82); } + border-top-color: rgba(14, 16, 23, 0.82); } filechooser #pathbarbox { - border-bottom: 1px solid #161925; } + border-bottom: 1px solid #1A1E21; } filechooserbutton:drop(active) { box-shadow: none; @@ -1716,9 +1726,9 @@ entry { border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #C3C7D1; + color: #5D5E60; border-color: rgba(12, 14, 21, 0.8); - background-color: #181b28; } + background-color: #1c2124; } spinbutton:not(.vertical) image.left, entry image.left { padding-left: 0; @@ -1760,60 +1770,60 @@ entry { border-radius: 0; } spinbutton:focus:not(.vertical), entry:focus { - border-color: #980ba2; } + border-color: #f34f4d; } spinbutton:disabled:not(.vertical), entry:disabled { - color: #6d707b; + color: #3c3e41; border-color: rgba(12, 14, 21, 0.8); - background-color: #171a26; + background-color: #1b1f22; box-shadow: none; } spinbutton:backdrop:not(.vertical), entry:backdrop { - color: #a1a5b0; - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; + color: #505255; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1e2327; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { - color: #333955; - border-color: rgba(13, 16, 23, 0.82); - background-color: #171a26; + color: #3c454c; + border-color: rgba(14, 16, 23, 0.82); + background-color: #1b1f22; box-shadow: none; } spinbutton.error:not(.vertical), entry.error { - color: #e6133e; - border-color: #410512; } + color: #f46665; + border-color: #9c0c0b; } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-color: #410512; } + border-color: #9c0c0b; } spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), entry.error:selected:focus, entry.error:selected { - background-color: #e6133e; } + background-color: #f46665; } spinbutton.warning:not(.vertical), entry.warning { - color: #cc5500; - border-color: #1a0b00; } + color: #f47d49; + border-color: #832d08; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-color: #1a0b00; } + border-color: #832d08; } spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), entry.warning:selected:focus, entry.warning:selected { - background-color: #cc5500; } + background-color: #f47d49; } spinbutton:not(.vertical) image, entry image { - color: #a1a5af; } + color: #505254; } spinbutton:not(.vertical) image:hover, entry image:hover { - color: #C3C7D1; } + color: #5D5E60; } spinbutton:not(.vertical) image:active, entry image:active { - color: #c50ed2; } + color: #F67E7D; } spinbutton:not(.vertical) image:backdrop, entry image:backdrop { - color: #5c5f6b; } + color: #36393c; } spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), entry:drop(active):focus, entry:drop(active) { @@ -1830,7 +1840,7 @@ entry { .osd spinbutton:focus:not(.vertical), .osd entry:focus { color: white; - border-color: #c50ed2; + border-color: #F67E7D; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; @@ -1861,7 +1871,7 @@ entry progress { background-image: none; border-radius: 0; border-width: 0 0 2px; - border-color: #c50ed2; + border-color: #F67E7D; border-style: solid; box-shadow: none; } spinbutton:not(.vertical) progress:backdrop, @@ -1877,11 +1887,11 @@ entry:focus + button, entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + entry { - border-left-color: #980ba2; } + border-left-color: #f34f4d; } .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { - border-color: #980ba2; } + border-color: #f34f4d; } .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, @@ -1898,26 +1908,26 @@ entry { .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { - border-top-color: rgba(21, 24, 36, 0.94); - background-image: linear-gradient(to bottom, #181b28, #181b28); } + border-top-color: rgba(25, 28, 33, 0.94); + background-image: linear-gradient(to bottom, #1c2124, #1c2124); } .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 > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: rgba(23, 26, 39, 0.946); - background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); } + border-top-color: rgba(27, 31, 35, 0.946); + background-image: linear-gradient(to bottom, #1e2327, #1e2327); } .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { - border-top-color: rgba(21, 24, 36, 0.94); } + border-top-color: rgba(25, 28, 33, 0.94); } .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), @@ -1935,7 +1945,7 @@ entry:focus:not(:only-child) + entry, entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { - border-top-color: #980ba2; } + border-top-color: #f34f4d; } .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, @@ -1950,15 +1960,15 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; } treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #181b28; + background-color: #1c2124; transition-property: color, background; } treeview entry.flat, treeview entry { border-radius: 0; background-image: none; - background-color: #181b28; } + background-color: #1c2124; } treeview entry.flat:focus, treeview entry:focus { - border-color: #c50ed2; } + border-color: #F67E7D; } /************* * Expanders * @@ -1970,7 +1980,7 @@ expander arrow { expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } expander arrow:hover { - color: white; } + color: #aaabac; } expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1978,12 +1988,11 @@ expander arrow { * Floating Bar * ****************/ .floating-bar { - background-color: #161925; + background-color: #1A1E21; border-width: 1px; border-style: solid solid none; border-color: rgba(12, 14, 21, 0.8); - border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + border-radius: 3px 3px 0 0; } .floating-bar.bottom.left { border-left-style: none; border-top-left-radius: 0; } @@ -1993,8 +2002,8 @@ expander arrow { .floating-bar > button { padding: 4px; } .floating-bar:backdrop { - background-color: #161925; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1A1E21; + border-color: rgba(14, 16, 23, 0.82); } /********** * Frames * @@ -2011,19 +2020,19 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(12, 14, 21, 0.8); } actionbar > revealer > box:backdrop { - border-color: rgba(13, 16, 23, 0.82); } + border-color: rgba(14, 16, 23, 0.82); } scrolledwindow viewport.frame { border-style: none; } scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -2031,7 +2040,7 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; @@ -2040,7 +2049,7 @@ scrolledwindow overshoot.top { box-shadow: none; } scrolledwindow overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -2048,7 +2057,7 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; @@ -2057,7 +2066,7 @@ scrolledwindow overshoot.bottom { box-shadow: none; } scrolledwindow overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -2065,7 +2074,7 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; @@ -2074,7 +2083,7 @@ scrolledwindow overshoot.left { box-shadow: none; } scrolledwindow overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(93, 94, 96, 0.07)), to(rgba(93, 94, 96, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -2082,7 +2091,7 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(13, 16, 23, 0.82)), to(rgba(13, 16, 23, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(14, 16, 23, 0.82)), to(rgba(14, 16, 23, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; @@ -2137,12 +2146,12 @@ scrolledwindow undershoot.right { scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #171a27; } + background-color: #1b1f22; } scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, rgba(13, 16, 23, 0.82) 1px, transparent 1px); - background-color: #10131b; + border-image-source: linear-gradient(to bottom, rgba(14, 16, 23, 0.82) 1px, transparent 1px); + background-color: #131618; transition: 200ms ease-out; } separator { @@ -2157,15 +2166,15 @@ GraniteWidgetsPopOver { -GraniteWidgetsPopOver-border-radius: 8px; -GraniteWidgetsPopOver-border-width: 0; -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid #181b28; - background: #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + background: #1c2124; + color: #5D5E60; } GraniteWidgetsPopOver .button { background-image: none; background: none; border: none; } GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { - color: #c50ed2; } + color: #F67E7D; } GraniteWidgetsPopOver > .frame { border: none; } GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { @@ -2176,20 +2185,20 @@ GraniteWidgetsStaticNotebook .frame { border: none; } .popover_bg { - background-color: #181b28; + background-color: #1c2124; background-image: none; - border: 1px solid #181b28; - color: #C3C7D1; } + border: 1px solid #1c2124; + color: #5D5E60; } /*********** * Welcome * **********/ GraniteWidgetsWelcome { - background-color: #181b28; } + background-color: #1c2124; } GraniteWidgetsWelcome GtkLabel { - color: #C3C7D1; } + color: #5D5E60; } GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { - color: rgba(195, 199, 209, 0.8); } + color: rgba(93, 94, 96, 0.8); } /************** * Source List * @@ -2197,23 +2206,23 @@ GraniteWidgetsWelcome { .source-list { -GtkTreeView-horizontal-separator: 1px; -GtkTreeView-vertical-separator: 6px; - background-color: #161925; + background-color: #1A1E21; border: solid rgba(12, 14, 21, 0.8); - color: #C3C7D1; + color: #5D5E60; border-right-width: 1px; } .source-list .category-expander { color: transparent; } .source-list .badge { background-image: none; background-color: rgba(0, 0, 0, 0.4); - color: #161925; + color: #1A1E21; border-radius: 10px; padding: 0 6px; margin: 0 3px; border-width: 0; } .source-list .badge:selected:backdrop, .source-list .badge:selected:hover:backdrop { background-color: rgba(0, 0, 0, 0.2); - color: #0c0e15; } + color: #0f1113; } .source-list row, .source-list .list-row { border: none; @@ -2242,7 +2251,7 @@ GraniteWidgetsWelcome { .category-label { font-size: 12px; padding: 6px; - color: rgba(195, 199, 209, 0.3); + color: rgba(93, 94, 96, 0.3); font-weight: bold; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } @@ -2257,7 +2266,7 @@ GraniteWidgetsWelcome { padding: 8px 6px; } .storage-bar .fill-block { - background-color: #f9dc5c; + background-color: #E1DD8F; border: none; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); transition: all 200ms ease-in-out; @@ -2272,13 +2281,13 @@ GraniteWidgetsWelcome { border-bottom-right-radius: 4px; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1); } .storage-bar .fill-block.empty-block { - background-color: #181b28; } + background-color: #1c2124; } .storage-bar .fill-block.app { background-color: #7cb7ff; } .storage-bar .fill-block.audio { - background-color: #ff6a00; } + background-color: #F79F79; } .storage-bar .fill-block.photo { - background-color: #ed254e; } + background-color: #F67E7D; } .storage-bar .fill-block.video { background-color: #c74ded; } .storage-bar .fill-block .legend { @@ -2292,12 +2301,13 @@ GraniteWidgetsWelcome { headerbar { padding: 0px 13px; min-height: 34px; - background: #0c0e14; - color: #C3C7D1; - border-radius: 0; } + background: #181b1e; + color: #5D5E60; + border-radius: 0; + box-shadow: 0px -1px rgba(12, 14, 21, 0.8) inset; } .titlebar:backdrop, headerbar:backdrop { - border-color: rgba(13, 16, 23, 0.82); + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } .titlebar .title, headerbar .title { @@ -2330,13 +2340,13 @@ headerbar { headerbar button.suggested-action { box-shadow: none; border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled, .titlebar button.suggested-action:disabled:backdrop, .titlebar button.suggested-action:backdrop, headerbar button.suggested-action:disabled, headerbar button.suggested-action:disabled:backdrop, headerbar button.suggested-action:backdrop { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.suggested-action:disabled:hover, .titlebar button.suggested-action:disabled:active, .titlebar button.suggested-action:disabled:checked, .titlebar button.suggested-action:disabled:backdrop:hover, .titlebar button.suggested-action:disabled:backdrop:active, .titlebar button.suggested-action:disabled:backdrop:checked, .titlebar button.suggested-action:backdrop:hover, .titlebar button.suggested-action:backdrop:active, .titlebar button.suggested-action:backdrop:checked, headerbar button.suggested-action:disabled:hover, headerbar button.suggested-action:disabled:active, @@ -2348,7 +2358,7 @@ headerbar { headerbar button.suggested-action:backdrop:active, headerbar button.suggested-action:backdrop:checked { border: none; - background-image: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background-image: linear-gradient(to right, #485563 0%, #29323c 100%); } .titlebar button.appmenu, headerbar button.appmenu { background: transparent; } @@ -2360,14 +2370,14 @@ headerbar { headerbar button:active, headerbar button:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, headerbar button:backdrop, headerbar button:disabled, headerbar button:backdrop:disabled { - color: rgba(195, 199, 209, 0.2); + color: rgba(93, 94, 96, 0.2); background-color: transparent; border-radius: 0; text-shadow: none; @@ -2378,13 +2388,13 @@ headerbar { headerbar button:backdrop:active, headerbar button:backdrop:checked { background-color: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; } .titlebar button:backdrop:hover label, .titlebar button:backdrop:active label, .titlebar button:backdrop:checked label, headerbar button:backdrop:hover label, headerbar button:backdrop:active label, headerbar button:backdrop:checked label { - color: #c50ed2; } + color: #F67E7D; } .titlebar button.suggested-action, headerbar button.suggested-action { font-weight: bold; @@ -2394,26 +2404,27 @@ headerbar { border-radius: 4px; font-weight: bold; color: white; - background-color: #181b28; + background-color: #1c2023; text-shadow: none; - box-shadow: none; } + box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .titlebar button.suggested-action:hover, headerbar button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:active, headerbar button.suggested-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:disabled, headerbar button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label { @@ -2422,14 +2433,14 @@ headerbar { headerbar button.suggested-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; border-radius: 3px; } .titlebar button.suggested-action:backdrop:disabled, headerbar button.suggested-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #00c1e4; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action, headerbar button.destructive-action { @@ -2440,26 +2451,27 @@ headerbar { border-radius: 4px; font-weight: bold; color: white; - background-color: #181b28; + background-color: #1c2023; text-shadow: none; - box-shadow: none; } + box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .titlebar button.destructive-action:hover, headerbar button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:active, headerbar button.destructive-action:active { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:disabled, headerbar button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label { @@ -2468,14 +2480,14 @@ headerbar { headerbar button.destructive-action:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; border-radius: 3px; } .titlebar button.destructive-action:backdrop:disabled, headerbar button.destructive-action:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); - background-color: #ce1138; + background-color: transparent; text-shadow: none; } .titlebar button.titlebutton, headerbar button.titlebutton { @@ -2528,38 +2540,39 @@ headerbar { border-style: none; } .titlebar .linked > button:active, headerbar .linked > button:active { - background: linear-gradient(to right, #c50ed2, #8500f7); - color: snow; } + background: linear-gradient(to right, #F67E7D, #E1DD8F); + color: #f7f7f7; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); } .titlebar .linked > button:checked, headerbar .linked > button:checked { border-radius: 23px; - background: linear-gradient(to right, #c50ed2, #8500f7); - box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); - color: snow; } + background: linear-gradient(to right, #F67E7D, #E1DD8F); + color: #f7f7f7; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .titlebar .linked > button:checked:backdrop, headerbar .linked > button:checked:backdrop { - color: #ffe6e6; } + color: #ededed; } .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { - color: #ffe6e6; } + color: #ededed; } .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { - border-color: #980ba2; } + border-color: #f34f4d; } .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar button:backdrop:checked label, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { - color: rgba(197, 14, 210, 0.6); } + color: rgba(246, 126, 125, 0.6); } .tiled .titlebar, .maximized .titlebar, .tiled headerbar.titlebar, .maximized headerbar.titlebar { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + box-shadow: inset 0 -1px rgba(12, 14, 21, 0.8); } .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, .tiled @@ -2595,7 +2608,7 @@ headerbar separator { background: transparent; } .background:not(.tiled):not(.maximized) .titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(12, 14, 21, 0.8); } .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; } @@ -2625,73 +2638,73 @@ window.csd > .titlebar:not(headerbar) { .info, .warning, .question, .error, infobar { text-shadow: none; - color: #C3C7D1; - background-color: #161925; - border-bottom: 1px solid #030305; + color: #5D5E60; + background-color: #1A1E21; + border-bottom: 1px solid #040404; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.15); } .info, .warning, .question, .error { text-shadow: none; - color: #fefefe; + color: #f7f7f7; border: none; } .info .label, .warning .label, .question .label, .error .label { - color: #fefefe; } + color: #f7f7f7; } .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } .info button, .warning button, .question button, .error button { border-radius: 2px; border: none; - background: rgba(24, 27, 40, 0.98); - color: #C3C7D1; + background: rgba(28, 33, 36, 0.98); + color: #5D5E60; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); } .info button .label, .warning button .label, .question button .label, .error button .label { - color: #C3C7D1; } + color: #5D5E60; } .info button:active, .warning button:active, .question button:active, .error button:active { - background: #181b28; - color: #C3C7D1; + background: #1c2124; + color: #5D5E60; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:active:backdrop, .warning button:active:backdrop, .question button:active:backdrop, .error button:active:backdrop { - background: rgba(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info button:hover, .warning button:hover, .question button:hover, .error button:hover, .info button:focus, .warning button:focus, .question button:focus, .error button:focus { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); } .info button:disabled, .warning button:disabled, .question button:disabled, .error button:disabled { - background: rgba(24, 27, 40, 0.6); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.6); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { - background: rgba(24, 27, 40, 0.5); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.5); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { - background: rgba(24, 27, 40, 0.8); - color: rgba(195, 199, 209, 0.5); + background: rgba(28, 33, 36, 0.8); + color: rgba(93, 94, 96, 0.5); box-shadow: none; } .info { - background-color: #71f79f; } + background-color: #CAE7B9; } .info:backdrop { - background-color: #a1fac0; - color: rgba(254, 254, 254, 0.5); } + background-color: #e7f4df; + color: rgba(247, 247, 247, 0.5); } .warning { - background-color: #cc5500; } + background-color: #f47d49; } .warning:backdrop { - background-color: #ff6a00; - color: rgba(254, 254, 254, 0.5); } + background-color: #f79f79; + color: rgba(247, 247, 247, 0.5); } .question { background-color: #00c1e4; } .question:backdrop { background-color: #18dcff; - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } .error { - background-color: #e6133e; } + background-color: #f46665; } .error:backdrop { - background-color: #ef3d61; - color: rgba(254, 254, 254, 0.5); } + background-color: #f89695; + color: rgba(247, 247, 247, 0.5); } /************* * Level Bar * @@ -2727,9 +2740,9 @@ levelbar block { levelbar block:backdrop { box-shadow: none; } levelbar block.low { - background-color: #cc5500; } + background-color: #f47d49; } levelbar block.low:backdrop { - border-color: #cc5500; } + border-color: #f47d49; } levelbar block.high, levelbar block:not(.empty) { background-color: #00c1e4; } levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { @@ -2753,30 +2766,30 @@ button:visited { color: rgba(124, 183, 255, 0.5); } *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { - color: #e79eec; } + color: #f7c7c6; } *:link:hover, button:hover:link, button:hover:visited { color: #afd3ff; } *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { - color: #f8e6fa; } + color: #f7ebeb; } *:link:active, button:active:link, button:active:visited { color: #7cb7ff; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { - color: #f3cef5; } + color: #f7dfdf; } *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, button:backdrop:visited { - color: #c50ed2; } + color: #F67E7D; } *:link:selected, button:selected:link, button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #f3cef5; } + color: #f7dfdf; } button:link, button:visited { @@ -2794,12 +2807,12 @@ button:visited { * Lists * *********/ list { - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2124; border-color: rgba(12, 14, 21, 0.8); } list:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } row { padding: 5px 11px; @@ -2811,7 +2824,7 @@ row { row:backdrop { transition: 200ms ease-out; } row.activatable.has-open-popup, row.activatable:hover { - background-color: rgba(195, 199, 209, 0.05); } + background-color: rgba(93, 94, 96, 0.05); } row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } row.activatable:backdrop:hover { @@ -2819,9 +2832,9 @@ row { row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } row.activatable:selected.has-open-popup, row.activatable:selected:hover { - background-color: rgba(197, 14, 210, 0.5); } + background-color: rgba(246, 126, 125, 0.5); } row.activatable:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } row.activatable button:not(.image-button) { background-color: transparent; } @@ -2830,8 +2843,8 @@ row { *********/ menubar, .menubar { - background-color: #161925; - color: #C3C7D1; + background-color: #1A1E21; + color: #5D5E60; -GtkWidget-window-dragging: true; padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } @@ -2841,10 +2854,10 @@ menubar, padding: 4px 8px; } menubar > menuitem:hover, .menubar > menuitem:hover { - box-shadow: inset 0 -3px #c50ed2; } + box-shadow: inset 0 -3px #F67E7D; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: #6d707b; + color: #3c3e41; box-shadow: none; } menu, @@ -2853,7 +2866,7 @@ menu, font: initial; margin: 4px; padding: 2px 0px; - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); border: 1px solid rgba(12, 14, 21, 0.8); } .csd menu, .csd .menu, .csd @@ -2862,7 +2875,7 @@ menu, menu:backdrop, .menu:backdrop, .context-menu:backdrop { - background-color: #191c2a; } + background-color: #1e2226; } menu menuitem, .menu menuitem, .context-menu menuitem { @@ -2873,22 +2886,22 @@ menu, menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { - color: #fefefe; - background-color: #c50ed2; } + color: #f7f7f7; + background-color: #F67E7D; } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: #6d707b; } + color: #3c3e41; } menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { - color: #333955; } + color: #3c454c; } menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { - color: #6d707b; + color: #3c3e41; background-color: transparent; } menu menuitem arrow, .menu menuitem arrow, @@ -2916,35 +2929,35 @@ menu, .context-menu > arrow { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; - background-color: #181b28; + background-color: #1c2023; border-radius: 0; } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; - border-bottom: 1px solid #292c39; + border-bottom: 1px solid #23272a; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; - border-top: 1px solid #292c39; + border-top: 1px solid #23272a; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-color: #292c39; } + background-color: #23272a; } menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { - background-color: #191c2a; } + background-color: #1e2226; } menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { @@ -2970,18 +2983,18 @@ menuitem radio { * Misc * ********/ .content-view { - background-color: #090a0f; } + background-color: #0a0c0d; } .content-view:hover { -gtk-icon-effect: highlight; } .content-view:backdrop { - background-color: #090a0f; } + background-color: #0a0c0d; } .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } .scale-popup button:hover { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(93, 94, 96, 0.1); border-radius: 5px; } /************ @@ -2991,12 +3004,12 @@ assistant { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } assistant .sidebar { - background-color: #181b28; + background-color: #1c2124; border-top: 1px solid rgba(12, 14, 21, 0.8); border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { - background-color: #1a1d2b; - border-color: rgba(13, 16, 23, 0.82); } + background-color: #1e2327; + border-color: rgba(14, 16, 23, 0.82); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, @@ -3004,7 +3017,7 @@ assistant { padding: 6px 12px; } assistant .sidebar GtkLabel.highlight, assistant .sidebar label.highlight { - background-color: #393c47; } + background-color: #272b2e; } /************* * Notebooks * @@ -3013,10 +3026,10 @@ notebook > header { padding: 1px; border-color: rgba(12, 14, 21, 0.8); border-width: 1px; - background-color: #181b28; } + background-color: #1A1E21; } notebook > header:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: #161925; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tabs { margin: 0px; } notebook > header.top { @@ -3026,9 +3039,9 @@ notebook > header { notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { - background-color: #181b28; } + background-color: #1A1E21; } notebook > header.top > tabs > tab:checked:hover { - background-color: #181b28; } + background-color: #1A1E21; } notebook > header.bottom { border-top-style: solid; } notebook > header.bottom > tabs { @@ -3036,7 +3049,7 @@ notebook > header { notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { - background-color: #181b28; + background-color: #1A1E21; box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); } notebook > header.left { border-right-style: solid; } @@ -3045,7 +3058,7 @@ notebook > header { notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { - background-color: #181b28; + background-color: #1A1E21; box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8); } notebook > header.right { border-left-style: solid; } @@ -3054,7 +3067,7 @@ notebook > header { notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { - background-color: #181b28; + background-color: #1A1E21; box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); } notebook > header.top > tabs > arrow { border-top-style: none; } @@ -3095,7 +3108,7 @@ notebook > header { notebook > header > tabs > arrow:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } @@ -3104,33 +3117,33 @@ notebook > header { min-width: 24px; padding: 1px 12px; outline-offset: -5px; - color: #6d707b; + color: #3c3e41; font-weight: bold; border-width: 1px; border-color: transparent; } notebook > header tab:hover { - color: #989ca6; } + color: #4d4e51; } notebook > header tab:hover.reorderable-page { border-color: rgba(12, 14, 21, 0.1); - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(26, 30, 33, 0.2); } notebook > header tab:backdrop { - color: #4a4d59; } + color: #2e3134; } notebook > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; } notebook > header tab:checked { - color: #C3C7D1; + color: #5D5E60; box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); } notebook > header tab:checked.reorderable-page { border-color: rgba(12, 14, 21, 0.3); - background-color: rgba(22, 25, 37, 0.5); } + background-color: rgba(26, 30, 33, 0.5); } notebook > header tab:checked.reorderable-page:hover { - background-color: rgba(22, 25, 37, 0.7); } + background-color: rgba(26, 30, 33, 0.7); } notebook > header tab:backdrop:checked { - color: #6d707b; } + color: #3c3e41; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: rgba(13, 16, 23, 0.82); - background-color: #1a1d2b; } + border-color: rgba(14, 16, 23, 0.82); + background-color: #1A1E21; } notebook > header tab button.flat { padding: 0; margin-top: 4px; @@ -3140,7 +3153,7 @@ notebook > header { notebook > header tab button.flat:hover { background: transparent; box-shadow: none; - color: #ed254e; } + color: #F67E7D; } notebook > header tab button.flat, notebook > header tab button.flat:backdrop { color: alpha(currentColor,0.3); } notebook > header tab button.flat:last-child { @@ -3189,9 +3202,9 @@ notebook > header { padding: 1px 1px; } notebook > stack:not(:only-child) { - background-color: #181b28; } + background-color: #1A1E21; } notebook > stack:not(:only-child):backdrop { - background-color: #1a1d2b; } + background-color: #1A1E21; } /********* * Paned * @@ -3205,18 +3218,18 @@ paned > separator { background-image: image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px; } paned > separator:selected { - background-image: image(#c50ed2); } + background-image: image(#F67E7D); } paned > separator:backdrop { - background-image: image(rgba(13, 16, 23, 0.82)); } + background-image: image(rgba(14, 16, 23, 0.82)); } paned > separator.wide { min-width: 5px; min-height: 5px; - background-color: #161925; + background-color: #1A1E21; background-image: image(rgba(12, 14, 21, 0.8)), image(rgba(12, 14, 21, 0.8)); background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { - background-color: #161925; - background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); } + background-color: #1A1E21; + background-image: image(rgba(14, 16, 23, 0.82)), image(rgba(14, 16, 23, 0.82)); } paned.horizontal > separator { background-repeat: repeat-y; } @@ -3276,12 +3289,12 @@ paned.vertical > separator { popover.background { padding: 2px; border-radius: 5px; - background: linear-gradient(to bottom, #1a1d2b, #12151f); + background: linear-gradient(to bottom, #1e2327, #16191b); box-shadow: 0 4px 6px transparent; } .csd popover.background, popover.background { border: 1px solid rgba(12, 14, 21, 0.8); } popover.background:backdrop { - background-color: #161925; + background-color: #1A1E21; box-shadow: none; } popover.background > list, popover.background > .view, @@ -3301,7 +3314,7 @@ popover.background { *****************/ progressbar { font-size: smaller; - color: rgba(195, 199, 209, 0.4); } + color: rgba(93, 94, 96, 0.4); } progressbar.horizontal trough, progressbar.horizontal progress { min-height: 6px; } @@ -3312,7 +3325,7 @@ progressbar { margin: 0; } progressbar.vertical progress { margin: 0; - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; } @@ -3347,15 +3360,15 @@ progressbar trough, scale trough, scale fill { progressbar progress, scale highlight { border: none; - background: linear-gradient(to right, #00f17d, #00f7d2); + background: linear-gradient(to right, #ff005d, #ff8b26); border-radius: 3px; margin: 0; } progressbar progress:disabled, scale highlight:disabled { border: none; background-color: rgba(255, 255, 255, 0.14); } progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { - border-color: #db10ea; - background-color: #db10ea; } + border-color: #ff9940; + background-color: #ff9940; } progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { background-color: rgba(255, 255, 255, 0.06); } @@ -3370,20 +3383,20 @@ scale { scale.vertical progress { min-width: 6px; } scale.vertical highlight { - background: linear-gradient(to bottom, #00f17d, #00f7d2); } + background: linear-gradient(to bottom, #ff005d, #ff8b26); } scale slider { min-height: 15px; min-width: 15px; margin: -7px; - background-color: #181b28; + background-color: #1c2124; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } scale slider:active { - background-color: #c50ed2; } + background-color: #ff8b26; } scale slider:active:disabled { - background-color: #171a26; + background-color: #1b1f22; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.fine-tune.horizontal { padding-top: 9px; @@ -3415,21 +3428,21 @@ scale { border-color: transparent; background-color: transparent; } scale slider { - border-color: #181b28; - border: 2px solid #00f17d; + border-color: #1c2124; + border: 2px solid #ff8b26; border-radius: 12px; - background-color: #292f45; } + background-color: #30383e; } scale slider:active { - border-color: #980ba2; } + border-color: #f34f4d; } scale slider:disabled { - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } scale slider:backdrop, scale slider:backdrop:disabled { transition: 200ms ease-out; - background-color: #0c0e15; + background-color: #0f1113; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } row:selected scale slider:disabled, row:selected scale slider { - border-color: #980ba2; } + border-color: #f34f4d; } .osd scale slider { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -3523,9 +3536,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3533,9 +3546,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3543,9 +3556,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3553,9 +3566,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3563,9 +3576,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3573,9 +3586,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3583,9 +3596,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3593,9 +3606,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3603,9 +3616,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3613,9 +3626,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3623,9 +3636,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3633,9 +3646,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3643,9 +3656,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3653,9 +3666,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3663,9 +3676,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3673,9 +3686,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3683,9 +3696,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3693,9 +3706,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; } @@ -3703,9 +3716,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3713,9 +3726,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3723,9 +3736,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3733,9 +3746,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3743,9 +3756,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3753,9 +3766,9 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; - background-color: #292f45; + background-color: #30383e; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; } @@ -3824,7 +3837,7 @@ scale { * Scrollbars * **************/ scrollbar { - background-color: #171a27; + background-color: #1b1f22; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } * { -GtkScrollbar-has-backward-stepper: false; @@ -3838,8 +3851,8 @@ scrollbar { scrollbar.right { border-left: 1px solid rgba(12, 14, 21, 0.8); } scrollbar:backdrop { - background-color: #10131b; - border-color: rgba(13, 16, 23, 0.82); + background-color: #131618; + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -3848,13 +3861,13 @@ scrollbar { border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #7e818c; } + background-color: #424447; } scrollbar slider:hover { - background-color: #a0a4af; } + background-color: #505153; } scrollbar slider:hover:active { - background-color: #e323f0; } + background-color: #f9adad; } scrollbar slider:backdrop { - background-color: #393c47; } + background-color: #282b2e; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -3872,12 +3885,12 @@ scrollbar { margin: 0; min-width: 3px; min-height: 3px; - background-color: #C3C7D1; + background-color: #5D5E60; border: 1px solid black; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; - background-color: #C3C7D1; + background-color: #5D5E60; background-clip: padding-box; border-radius: 100%; border: 1px solid black; @@ -3909,51 +3922,51 @@ scrollbar { transition-property: min-height, min-width, color; background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #7e818c; } + color: #424447; } scrollbar button:hover { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #a0a4af; } + color: #505153; } scrollbar button:active, scrollbar button:checked { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #e323f0; } + color: #f9adad; } scrollbar button:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(126, 129, 140, 0.2); } + color: rgba(66, 68, 71, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #393c47; } + color: #282b2e; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(57, 60, 71, 0.2); } + color: rgba(40, 43, 46, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -3973,7 +3986,7 @@ treeview ~ scrollbar.vertical { .sidebar { border-style: none; border-width: 0; - background-color: #171a27; } + background-color: #1b1f22; } .sidebar .frame { border: none; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { @@ -3983,25 +3996,11 @@ treeview ~ scrollbar.vertical { border-left: 1px solid rgba(12, 14, 21, 0.8); border-right-style: none; } .sidebar:backdrop { - background-color: #181b28; - border-color: rgba(13, 16, 23, 0.82); + background-color: #1c2124; + border-color: rgba(14, 16, 23, 0.82); transition: 200ms ease-out; } - .sidebar row { - padding: 8px 12px; - transition: all .12s ease-in; } - .sidebar row label { - color: #98abb2; } - .sidebar row:selected { - color: #fff; } - .sidebar row:selected:backdrop { - color: rgba(197, 14, 210, 0.6); - background: transparent; } - .sidebar row:selected:backdrop label { - color: #fff; } - .sidebar row:selected label { - color: #fff; } .sidebar.source-list { - background: #181b28; + background: #1c2124; padding: 4px 0px; } .sidebar.source-list.view, iconview.sidebar.source-list { transition: all .12s ease-in; } @@ -4009,18 +4008,32 @@ treeview ~ scrollbar.vertical { padding-left: 4px; background: rgba(238, 238, 238, 0.5); color: #ACACAC; - border-left: 4px solid #c50ed2; } + border-left: 4px solid #F67E7D; } .sidebar.source-list.view:selected:active, iconview.sidebar.source-list:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } .sidebar.source-list.view:selected.has-open-popup, iconview.sidebar.source-list:selected.has-open-popup, .sidebar.source-list.view:selected:hover, iconview.sidebar.source-list:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } .sidebar.source-list.view:hover, iconview.sidebar.source-list:hover, .sidebar.source-list.view iconview.source-list:hover, iconview.sidebar.source-list iconview.source-list:hover { - background-color: rgba(22, 25, 37, 0.4); } + background-color: rgba(26, 30, 33, 0.4); } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; border-color: rgba(12, 14, 21, 0.8); } + paned .sidebar.left list row, paned .sidebar.right list row, paned .sidebar.left:dir(rtl) list row, paned .sidebar:dir(rtl) list row, paned .sidebar:dir(ltr) list row, paned .sidebar list row { + padding: 8px 12px; + transition: all .12s ease-in; } + paned .sidebar.left list row label, paned .sidebar.right list row label, paned .sidebar.left:dir(rtl) list row label, paned .sidebar:dir(rtl) list row label, paned .sidebar:dir(ltr) list row label, paned .sidebar list row label { + color: #5D5E60; } + paned .sidebar.left list row:selected, paned .sidebar.right list row:selected, paned .sidebar.left:dir(rtl) list row:selected, paned .sidebar:dir(rtl) list row:selected, paned .sidebar:dir(ltr) list row:selected, paned .sidebar list row:selected { + color: #909193; } + paned .sidebar.left list row:selected:backdrop, paned .sidebar.right list row:selected:backdrop, paned .sidebar.left:dir(rtl) list row:selected:backdrop, paned .sidebar:dir(rtl) list row:selected:backdrop, paned .sidebar:dir(ltr) list row:selected:backdrop, paned .sidebar list row:selected:backdrop { + color: rgba(246, 126, 125, 0.6); + background: transparent; } + paned .sidebar.left list row:selected:backdrop label, paned .sidebar.right list row:selected:backdrop label, paned .sidebar.left:dir(rtl) list row:selected:backdrop label, paned .sidebar:dir(rtl) list row:selected:backdrop label, paned .sidebar:dir(ltr) list row:selected:backdrop label, paned .sidebar list row:selected:backdrop label { + color: #909193; } + paned .sidebar.left list row:selected label, paned .sidebar.right list row:selected label, paned .sidebar.left:dir(rtl) list row:selected label, paned .sidebar:dir(rtl) list row:selected label, paned .sidebar:dir(ltr) list row:selected label, paned .sidebar list row:selected label { + color: #909193; } stacksidebar row { padding: 10px 4px; } @@ -4036,13 +4049,13 @@ stacksidebar row { /*--*/ placessidebar.sidebar { background-color: transparent; - background-image: linear-gradient(to right, #171e27 40px, #161925 35px, #161925 36px, #161925 36px, #161925 99%, #161925 100%); } + background-image: linear-gradient(to right, #111416 40px, #16191b 35px, #16191b 36px, #16191b 36px, #16191b 99%, #16191b 100%); } placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { margin-left: -14px; margin-right: 12px; padding-left: 14px; padding-right: 12px; - color: #9ecfa2; } + color: #5D5E60; } placessidebar.sidebar row.sidebar-row:hover { transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: rgba(0, 0, 0, 0.76); @@ -4053,9 +4066,9 @@ placessidebar.sidebar { color: rgba(0, 0, 0, 0.76); background-color: rgba(0, 0, 0, 0.23); } placessidebar.sidebar row.sidebar-row:selected { - color: rgba(255, 255, 255, 0.938); + color: #f7f7f7; background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #0a0c0d 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected:hover { color: #ffffff; background-color: rgba(0, 0, 0, 0.24); } @@ -4064,9 +4077,9 @@ placessidebar.sidebar { placessidebar.sidebar row.sidebar-row:selected:backdrop { color: rgba(0, 0, 0, 0.54); background-color: transparent; - background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } + background-image: linear-gradient(to right, #0a0c0d 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); } placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + -gtk-icon-shadow: 0 1px rgba(247, 247, 247, 0.8); color: inherit; } placessidebar list { @@ -4092,7 +4105,7 @@ spinbutton:not(.vertical) { margin: 0; padding-bottom: 0; padding-top: 0; - color: #b2b6c0; + color: #57585a; background-image: none; border-style: none none none solid; border-color: rgba(12, 14, 21, 0.1); @@ -4101,20 +4114,20 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) button:hover { - color: #C3C7D1; - background-color: rgba(195, 199, 209, 0.05); } + color: #5D5E60; + background-color: rgba(93, 94, 96, 0.05); } spinbutton:not(.vertical) button:disabled { - color: rgba(109, 112, 123, 0.3); } + color: rgba(60, 62, 65, 0.3); } spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) button:backdrop { - color: #656873; + color: #393b3e; background-color: transparent; - border-color: rgba(13, 16, 23, 0.12); + border-color: rgba(14, 16, 23, 0.12); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(51, 57, 85, 0.3); + color: rgba(60, 69, 76, 0.3); background-image: none; border-style: none none none solid; box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } @@ -4127,7 +4140,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4142,7 +4155,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:hover { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4154,7 +4167,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:backdrop { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4165,7 +4178,7 @@ spinbutton:not(.vertical) { .osd spinbutton:not(.vertical) button:disabled { background-color: transparent; background-image: none; - background-color: #181b28; + background-color: #1c2023; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; @@ -4179,10 +4192,10 @@ spinbutton:not(.vertical) { border-radius: 3px 0 0 3px; } spinbutton.vertical:disabled { - color: #6d707b; } + color: #3c3e41; } spinbutton.vertical:backdrop:disabled { - color: #333955; } + color: #3c454c; } spinbutton.vertical:drop(active) { border-color: transparent; @@ -4266,7 +4279,7 @@ treeview spinbutton:not(.vertical) { * Spinner * ***********/ menu spinner { - color: #c50ed2; } + color: #F67E7D; } /********************* * Spinner Animation * @@ -4297,24 +4310,21 @@ switch { border-radius: 14px; color: transparent; padding: 2.3px 0px; - background: linear-gradient(to right, #859398, #859398); } + background: linear-gradient(to right, #0e1011, #0e1011); + border: 1px solid #0a0b0c; } switch:disabled { - background-color: #171a26; } + background-color: #1b1f22; } switch:backdrop { - background-color: #161925; + background-color: #1A1E21; transition: 200ms ease-out; } switch:backdrop:disabled { - background-color: #171a26; } - switch:active, switch:checked { - background: linear-gradient(to right, #ff9200, #fadd00); } - switch:active slider, switch:checked slider { - background: #fff; } - switch:active:backdrop, switch:checked:backdrop { - background: linear-gradient(to right, #e68300, #e1c600); } - switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { - box-shadow: none; - background-color: rgba(24, 27, 40, 0.9); - border: none; } + background-color: #1b1f22; } + switch:active slider, switch:checked slider { + background: linear-gradient(to right, #00a6c9, #00e4ce); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background: linear-gradient(to right, #007c96, #00b1a0); + border: none; } switch slider { padding: 2px; margin: 0 2.3px; @@ -4322,15 +4332,15 @@ switch { min-height: 12px; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: #bcc4c7; } + background-color: #1a1d1f; } switch slider:backdrop { padding: 2px; box-shadow: none; - background-color: #181b28; } + background-color: #1c2124; } switch trough:active, switch trough:checked { - background-color: #c50ed2; } + background-color: #F67E7D; } switch trough:active:backdrop, switch trough:checked:backdrop { - background-color: rgba(197, 14, 210, 0.6); } + background-color: rgba(246, 126, 125, 0.6); } /************ * Toolbars * @@ -4339,7 +4349,7 @@ toolbar, .inline-toolbar, searchbar, .location-bar { -GtkWidget-window-dragging: true; padding: 4px; - background-color: #161925; } + background-color: #1A1E21; } toolbar { padding: 4px 3px 3px 4px; } @@ -4378,16 +4388,16 @@ searchbar, .location-bar { border-style: solid; border-color: rgba(12, 14, 21, 0.8); - background-color: rgba(20, 23, 33, 0.94); } + background-color: rgba(23, 26, 30, 0.94); } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: rgba(13, 16, 23, 0.82); - background-color: rgba(20, 23, 33, 0.937); + border-color: rgba(14, 16, 23, 0.82); + background-color: rgba(23, 26, 30, 0.937); box-shadow: none; transition: 200ms ease-out; } searchbar { - background: #181b28; } + background: #1c2124; } /************ * Tooltips * @@ -4413,8 +4423,8 @@ tooltip { * Tree Views * **************/ treeview.view { - border-left-color: #6d717d; - border-top-color: #161925; } + border-left-color: #3d3f42; + border-top-color: #1A1E21; } * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; @@ -4425,84 +4435,84 @@ treeview.view { treeview.view:selected:focus, treeview.view:selected { border-radius: 0; } treeview.view:selected:backdrop, treeview.view:selected { - border-left-color: #e286e8; - border-top-color: rgba(195, 199, 209, 0.1); } + border-left-color: #f7bbba; + border-top-color: rgba(93, 94, 96, 0.1); } treeview.view:disabled { - color: #6d707b; } + color: #3c3e41; } treeview.view:disabled:selected { - color: #dc6ee4; } + color: #f6aeae; } treeview.view:disabled:selected:backdrop { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } treeview.view:disabled:backdrop { - color: #333955; } + color: #3c454c; } treeview.view.separator { min-height: 2px; - color: #161925; } + color: #1A1E21; } treeview.view.separator:backdrop { - color: rgba(22, 25, 37, 0.1); } + color: rgba(26, 30, 33, 0.1); } treeview.view:backdrop { - border-left-color: #424550; - border-top: #161925; } + border-left-color: #2b2e31; + border-top: #1A1E21; } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #980ba2; } + border-color: #f34f4d; } treeview.view:drop(active).after { border-top-style: none; } treeview.view:drop(active).before { border-bottom-style: none; } treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: #90939e; } + color: #4a4c4e; } treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } treeview.view.expander:hover { - color: #C3C7D1; } + color: #5D5E60; } treeview.view.expander:selected { - color: #edb6f1; } + color: #f7d3d2; } treeview.view.expander:selected:hover { - color: #fefefe; } + color: #f7f7f7; } treeview.view.expander:selected:backdrop { - color: rgba(222, 119, 229, 0.65); } + color: rgba(246, 179, 178, 0.65); } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #545763; } + color: #333639; } treeview.view.progressbar { - border: 1px solid #980ba2; + border: 1px solid #f34f4d; border-radius: 4px; - background-color: #c50ed2; - background-image: linear-gradient(to bottom, #c50ed2, #980ba2); + background-color: #F67E7D; + background-image: linear-gradient(to bottom, #F67E7D, #f34f4d); box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - background-image: linear-gradient(to bottom, #181b28, #050608); } + background-image: linear-gradient(to bottom, #1c2124, #060707); } treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - border-color: #1a1d2b; - background-color: #1a1d2b; } + border-color: #1e2327; + background-color: #1e2327; } treeview.view.progressbar:backdrop { - border-color: #1a1d2b; + border-color: #1e2327; background-image: none; box-shadow: none; } treeview.view.trough { - background-color: rgba(195, 199, 209, 0.1); + background-color: rgba(93, 94, 96, 0.1); border-radius: 4px; } treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: #980ba2; + background-color: #f34f4d; border-radius: 4px; } treeview.view header button { - color: #6d717d; - background-color: #181b28; + color: #3d3f42; + background-color: #1c2124; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #989ca7; + color: #4d4f51; box-shadow: none; transition: none; } treeview.view header button:active { - color: #C3C7D1; + color: #5D5E60; transition: none; } treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; } @@ -4514,14 +4524,14 @@ treeview.view { padding: 0 6px; transition: none; background-image: none; - background-color: #c50ed2; - color: #181b28; + background-color: #F67E7D; + color: #1c2124; border-radius: 0; border-style: none; - box-shadow: inset 0 0 0 1px #181b28; + box-shadow: inset 0 0 0 1px #1c2124; text-shadow: none; } treeview.view acceleditor > label { - background-color: #c50ed2; } + background-color: #F67E7D; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; @@ -4530,18 +4540,18 @@ treeview.view header button, treeview.view header button:hover, treeview.view he text-shadow: none; border-width: 1px; border-style: none solid solid none; - border-color: #161925; } + border-color: #1A1E21; } treeview.view header button:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } treeview.view header button:backdrop { - border-color: #161925; + border-color: #1A1E21; border-style: none solid solid none; - color: #424550; + color: #2b2e31; background-image: none; - background-color: #1a1d2b; } + background-color: #1e2327; } treeview.view header button:backdrop:disabled { - border-color: #161925; + border-color: #1A1E21; background-image: none; } /********************** @@ -4577,8 +4587,8 @@ decoration { .solid-csd decoration { border-radius: 0; margin: 4px; - background-color: #161925; - border: solid 1px rgba(13, 16, 23, 0.82); + background-color: #1A1E21; + border: solid 1px rgba(14, 16, 23, 0.82); box-shadow: none; } button.titlebutton { @@ -4605,8 +4615,8 @@ button.titlebutton { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.648627); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.648627); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.418039); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.418039); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } @@ -4619,7 +4629,7 @@ popover.background radiobutton:selected, .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - background-color: #c50ed2; } + background-color: #F67E7D; } row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, @@ -4628,7 +4638,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { - color: #fefefe; + color: #f7f7f7; font-weight: bold; } row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -4637,7 +4647,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec popover.background radiobutton:disabled:selected, .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { - color: #e286e8; } + color: #f7bbba; } row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, @@ -4645,14 +4655,14 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec popover.background radiobutton:backdrop:selected, .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { - color: rgba(254, 254, 254, 0.5); } + color: rgba(247, 247, 247, 0.5); } row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, entry selection:backdrop:disabled, row:backdrop:disabled:selected { - color: rgba(204, 44, 216, 0.85); } + color: rgba(246, 141, 140, 0.85); } .monospace { font-family: Monospace; } @@ -4693,7 +4703,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec .budgie-popover.background { border-radius: 2px; padding: 0; - background: linear-gradient(to bottom, #2d334b, #12151f); + background: linear-gradient(to bottom, #353d43, #16191b); background-clip: border-box; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); border: 1px solid @borders; } @@ -4744,17 +4754,17 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec padding: 7px; border-radius: 2px 0 0 2px; } .budgie-menu .category-button:hover { - background-color: rgba(195, 199, 209, 0.05); - color: #C3C7D1; } + background-color: rgba(93, 94, 96, 0.05); + color: #5D5E60; } .budgie-menu .category-button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } .budgie-menu .category-button:checked { - color: #fefefe; - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + color: #f7f7f7; + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .budgie-menu .category-button:checked:disabled { opacity: 0.5; } .budgie-menu .category-button:checked:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-menu scrollbar { background-color: transparent; @@ -4774,27 +4784,27 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec button.budgie-menu-launcher { padding: 0 2px; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; background-color: transparent; } button.budgie-menu-launcher:hover { - color: #C3C7D1; } + color: #5D5E60; } button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { - color: #C3C7D1; } + color: #5D5E60; } button.budgie-menu-launcher:backdrop { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; } button.budgie-menu-launcher:backdrop:hover { - color: #C3C7D1; } + color: #5D5E60; } button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { - color: #c50ed2; + color: #F67E7D; box-shadow: none; - background-color: #181b28; } + background-color: #1c2023; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; - background-color: rgba(195, 199, 209, 0.1); } + background-color: rgba(93, 94, 96, 0.1); } .user-menu button { margin: 5px; } @@ -4818,7 +4828,7 @@ button.budgie-menu-launcher { background-size: 38px auto; } .user-menu > box.vertical row.activatable:first-child .indicator-item label, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item label:dir(ltr), .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item label:dir(ltr) { padding-left: 5px; } @@ -4827,7 +4837,7 @@ button.budgie-menu-launcher { padding-right: 5px; } .user-menu > box.vertical row.activatable:first-child .indicator-item image, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image { - color: #fefefe; } + color: #f7f7f7; } .user-menu > box.vertical row.activatable:first-child .indicator-item image:first-child, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item image:first-child { min-width: 24px; @@ -4836,22 +4846,22 @@ button.budgie-menu-launcher { button.raven-trigger { padding-left: 2px; padding-right: 2px; - color: #C3C7D1; + color: #5D5E60; box-shadow: none; } button.raven-trigger:hover { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; } button.raven-trigger:active, button.raven-trigger:checked { box-shadow: none; background-color: transparent; - color: #c50ed2; } + color: #F67E7D; } button.raven-trigger:backdrop { - color: #C3C7D1; } + color: #5D5E60; } button.raven-trigger:backdrop:hover { - color: #C3C7D1; } + color: #5D5E60; } button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { box-shadow: none; - color: #c50ed2; + color: #F67E7D; background-color: transparent; } .places-menu .container { @@ -4883,7 +4893,7 @@ button.raven-trigger { border-bottom-right-radius: 0px; } .places-menu .places-list { - background: rgba(195, 199, 209, 0.04); + background: rgba(93, 94, 96, 0.04); border-bottom: 1px solid rgba(12, 14, 21, 0.75); } .places-menu .unlock-area { @@ -4925,17 +4935,17 @@ button.raven-trigger { box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; } .budgie-panel { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.95); + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.95); background-image: none; box-shadow: none; border: none; transition: all 150ms ease-in; } .budgie-panel .alert { - color: #ed254e; } + color: #F67E7D; } .budgie-panel:backdrop { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.95); } + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.95); } .budgie-panel button { border-top-width: 0; border-bottom-width: 0; @@ -4945,7 +4955,7 @@ button.raven-trigger { padding: 0; margin: 0; } .budgie-panel label { - color: #C3C7D1; + color: #5D5E60; font-weight: 700; } .budgie-panel.transparent { background-color: transparent; } @@ -4960,16 +4970,16 @@ button.raven-trigger { .budgie-panel .end-region { border-radius: 0px; } .budgie-panel .end-region separator { - background-color: rgba(195, 199, 209, 0.15); } + background-color: rgba(93, 94, 96, 0.15); } .budgie-panel .end-region label { font-weight: 700; - color: #C3C7D1; } + color: #5D5E60; } .budgie-panel #tasklist-button, .budgie-panel #tasklist-button:backdrop { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(3, 3, 5, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; background-color: transparent; box-shadow: none; @@ -4978,7 +4988,7 @@ button.raven-trigger { .budgie-panel button.flat.launcher { outline-color: transparent; transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border-color: rgba(3, 3, 5, 0); + border-color: rgba(4, 4, 4, 0); border-radius: 0; padding: 0; background-clip: padding-box; @@ -5012,7 +5022,7 @@ button.raven-trigger { .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { - border-top: 2px solid #c50ed2; } + border-top: 2px solid #F67E7D; } .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { @@ -5031,7 +5041,7 @@ button.raven-trigger { .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { - border-bottom: 2px solid #c50ed2; } + border-bottom: 2px solid #F67E7D; } .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { @@ -5050,7 +5060,7 @@ button.raven-trigger { .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { - border-left: 2px solid #c50ed2; } + border-left: 2px solid #F67E7D; } .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { @@ -5069,59 +5079,59 @@ button.raven-trigger { .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { - border-right: 2px solid #c50ed2; } + border-right: 2px solid #F67E7D; } .top .budgie-panel { - border-bottom: 1px solid rgba(9, 10, 15, 0.92); } + border-bottom: 1px solid rgba(10, 12, 13, 0.92); } .top .raven-frame { padding: 0; background: none; } .top .raven-frame border { border: none; - border-bottom: 1px solid rgba(22, 25, 37, 0.92); } + border-bottom: 1px solid rgba(26, 30, 33, 0.92); } .top .shadow-block { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); } .bottom .budgie-panel { - border-top: 1px solid rgba(9, 10, 15, 0.92); } + border-top: 1px solid rgba(10, 12, 13, 0.92); } .bottom .raven-frame { padding: 0; background: none; } .bottom .raven-frame border { border: none; - border-top: 1px solid rgba(22, 25, 37, 0.92); } + border-top: 1px solid rgba(26, 30, 33, 0.92); } .bottom .shadow-block { background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); } .left .budgie-panel { - border-right: 1px solid rgba(9, 10, 15, 0.92); } + border-right: 1px solid rgba(10, 12, 13, 0.92); } .left .raven-frame { padding: 0; background: none; } .left .raven-frame border { border: none; - border-right: 1px solid rgba(22, 25, 37, 0.92); } + border-right: 1px solid rgba(26, 30, 33, 0.92); } .left .shadow-block { background-color: transparent; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .right .budgie-panel { - border-left: 1px solid rgba(9, 10, 15, 0.92); } + border-left: 1px solid rgba(10, 12, 13, 0.92); } .right .raven-frame { padding: 0; background: none; } .right .raven-frame border { border: none; - border-left: 1px solid rgba(22, 25, 37, 0.92); } + border-left: 1px solid rgba(26, 30, 33, 0.92); } .right .shadow-block { background-color: transparent; @@ -5129,15 +5139,15 @@ button.raven-trigger { .raven { padding: 0; - color: #C3C7D1; - background: #0c0e14; + color: #5D5E60; + background: #0e1012; transition: 170ms ease-out; } .raven .raven-header { min-height: 32px; - color: #C3C7D1; + color: #5D5E60; border: solid rgba(12, 14, 21, 0.75); border-width: 1px 0; - background-color: rgba(22, 25, 37, 0.2); } + background-color: rgba(26, 30, 33, 0.2); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -5147,28 +5157,28 @@ button.raven-trigger { margin-top: 3px; min-height: 32px; } .raven .raven-header.top button.image-button:hover { - color: #af0cba; + color: #f46665; box-shadow: none; } .raven .raven-header > button.text-button { border-radius: 2px; - color: #fefefe; - background-color: rgba(230, 19, 62, 0.9); + color: #f7f7f7; + background-color: rgba(244, 102, 101, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:hover { border-radius: 2px; - color: #fefefe; - background-color: rgba(237, 37, 78, 0.9); + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header > button.text-button:active { - color: #fefefe; - background-color: rgba(239, 61, 97, 0.9); + color: #f7f7f7; + background-color: rgba(248, 150, 149, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .raven .raven-header.bottom { border-bottom-style: none; } .raven .raven-header button { - background-image: linear-gradient(to bottom, #2f354f, #12151f); + background-image: linear-gradient(to bottom, #374046, #16191b); border: 1px solid rgba(12, 14, 21, 0.8); - color: #C3C7D1; + color: #5D5E60; border-radius: 0; box-shadow: none; margin-top: -4px; @@ -5177,25 +5187,25 @@ button.raven-trigger { .raven .raven-header button:hover { border-radius: 0; background-color: transparent; - color: #c50ed2; } + color: #F67E7D; } .raven .raven-header button:active, .raven .raven-header button:checked { - color: #c50ed2; + color: #F67E7D; border-radius: 0; - background: #181b28; } + background: #1c2023; } .raven .raven-header button:disabled { - color: #6d707b; } + color: #3c3e41; } .raven list { background-color: transparent; } .raven list:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven list row, .raven list row.activatable { background-color: transparent; } .raven list row:selected, .raven list row.activatable:selected { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .raven .raven-background { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; border-color: transparent; } .raven .raven-background.middle { @@ -5210,48 +5220,48 @@ button.raven-trigger { min-height: 32px; margin-bottom: 3px; background: linear-gradient(to right, #8f94fb, #4e54c8); - color: #fefefe; + color: #f7f7f7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); border: none; font-size: 100%; } .raven .powerstrip button.image-button:hover { transition: 170ms ease all; background: rgba(123, 123, 189, 0.85); - color: #fefefe; } + color: #f7f7f7; } .raven .powerstrip button.image-button:active { transition: 170ms ease all; background: #7b7bbd; - color: #fefefe; } + color: #f7f7f7; } .raven .powerstrip button.image-button:first-child { - background: linear-gradient(to right, #654ea3 0%, #eaafc8 100%); } + background: linear-gradient(to right, #485563 0%, #29323c 100%); } .raven .powerstrip button.image-button:first-child:hover { background: #00c1e4; } .raven .powerstrip button.image-button:first-child:active { background: #00c1e4; } .raven .powerstrip button.image-button:last-child { - background: linear-gradient(to right, #FF416C, #FF4B2B); } + background: linear-gradient(to right, #F67E7D, #F79F79); } .raven .powerstrip button.image-button:last-child:hover { - background: #ed254e; } + background: #f67e7d; } .raven .powerstrip button.image-button:last-child:active { - background: #ed254e; } + background: #F67E7D; } .raven .option-subtitle { font-size: 13px; } calendar.raven-calendar { padding: 6px; - color: #C3C7D1; + color: #5D5E60; background: transparent; border-color: transparent; } calendar.raven-calendar:indeterminate { color: alpha(currentColor,0.3); } calendar.raven-calendar:selected { background: transparent; - color: #b30dbf; + color: #f56b6a; font-weight: bold; } calendar.raven-calendar:backdrop { background-color: transparent; } calendar.raven-calendar.header { - color: #C3C7D1; + color: #5D5E60; border: none; border-radius: 0; background-color: transparent; } @@ -5259,23 +5269,23 @@ calendar.raven-calendar { color: alpha(currentColor,0.5); background-color: transparent; } calendar.raven-calendar button:hover, calendar.raven-calendar button:focus:hover { - color: #C3C7D1; + color: #5D5E60; background-color: transparent; } .raven-mpris { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.9); + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.9); border: solid rgba(255, 255, 255, 0.1); border-width: 1px 0; border-bottom-color: rgba(0, 0, 0, 0.1); } .raven-mpris button.image-button { padding: 10px; - background-color: #181b28; + background-color: #1c2124; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } .raven-mpris button.image-button:hover { - background-color: #c50ed2; } + background-color: #F67E7D; } .raven-mpris button.image-button:active { - background-color: #af0cba; } + background-color: #f46665; } .raven-mpris button.image-button:first-child { margin-right: 4px; } .raven-mpris button.image-button:last-child { @@ -5290,7 +5300,7 @@ calendar.raven-calendar { border-radius: 1px; } .budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button { background-color: #00c1e4; - color: #fefefe; + color: #f7f7f7; border: none; } .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { background-color: #00abcb; @@ -5303,57 +5313,57 @@ calendar.raven-calendar { .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; - color: #C3C7D1; } + color: #5D5E60; } .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { - color: rgba(195, 199, 209, 0.7); } + color: rgba(93, 94, 96, 0.7); } .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; - color: #fefefe; } + color: #f7f7f7; } .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { background-color: transparent; - color: #ed254e; + color: #F67E7D; box-shadow: none; } .budgie-notification button:active, .budgie-osd button:active, .budgie-switcher button:active, .budgie-notification button:checked, .budgie-osd button:checked, .budgie-switcher button:checked { background-color: transparent; - color: #e6133e; } + color: #f46665; } .drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(22, 25, 37, 0.95); + color: #5D5E60; + background-color: rgba(26, 30, 33, 0.95); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .budgie-switcher-window flowbox { - color: #C3C7D1; } + color: #5D5E60; } .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; - color: #C3C7D1; } + color: #5D5E60; } .budgie-switcher-window flowboxchild:hover { background-color: transparent; } .budgie-switcher-window flowboxchild:active { - color: #C3C7D1; } + color: #5D5E60; } .budgie-switcher-window flowboxchild:selected { - color: #fefefe; - background-color: rgba(197, 14, 210, 0.5); } + color: #f7f7f7; + background-color: rgba(246, 126, 125, 0.5); } .budgie-switcher-window flowboxchild:selected:active { - color: #fefefe; } + color: #f7f7f7; } .budgie-switcher-window flowboxchild:selected:hover { - background-color: #b10dbd; } + background-color: #dd7171; } .budgie-switcher-window flowboxchild:selected:disabled { - color: rgba(254, 254, 254, 0.7); - background-color: rgba(197, 14, 210, 0.7); } + color: rgba(247, 247, 247, 0.7); + background-color: rgba(246, 126, 125, 0.7); } .budgie-switcher-window flowboxchild:selected:disabled label { - color: rgba(254, 254, 254, 0.7); } + color: rgba(247, 247, 247, 0.7); } .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - color: #C3C7D1; - background-color: rgba(3, 3, 5, 0.95); } + color: #5D5E60; + background-color: rgba(4, 4, 4, 0.95); } .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { - color: rgba(195, 199, 209, 0.8); } + color: rgba(93, 94, 96, 0.8); } .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { font-size: 120%; } .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { @@ -5361,7 +5371,7 @@ calendar.raven-calendar { min-height: 32px; border-bottom: none; border-radius: 0; - color: #C3C7D1; + color: #5D5E60; background-color: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { @@ -5373,7 +5383,7 @@ calendar.raven-calendar { border-right: none; border-bottom-right-radius: 2px; } .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label { color: rgba(255, 255, 255, 0.5); } .budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action { @@ -5383,24 +5393,24 @@ calendar.raven-calendar { .budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked { background-color: rgba(0, 215, 254, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action { - background-color: rgba(206, 17, 56, 0.9); } + background-color: rgba(243, 79, 77, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog .linked.horizontal > button.destructive-action:active, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:active, .budgie-run-dialog .linked.horizontal > button.destructive-action:active, .budgie-session-dialog .linked.horizontal > button.destructive-action:checked, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:checked, .budgie-run-dialog .linked.horizontal > button.destructive-action:checked { - background-color: rgba(230, 19, 62, 0.9); } + background-color: rgba(244, 102, 101, 0.9); } .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { background-color: #505359; - color: #C3C7D1; } + color: #5D5E60; } .budgie-session-dialog entry:focus, .budgie-polkit-dialog entry:focus, .budgie-run-dialog entry:focus { background-color: #505359; } .budgie-session-dialog entry:backdrop, .budgie-polkit-dialog entry:backdrop, .budgie-run-dialog entry:backdrop { background-color: #505359; } .budgie-polkit-dialog .message { - color: rgba(195, 199, 209, 0.7); } + color: rgba(93, 94, 96, 0.7); } .budgie-polkit-dialog .failure { - color: #ed254e; } + color: #F67E7D; } .budgie-run-dialog entry.search, .budgie-run-dialog entry.search:focus { font-size: 120%; @@ -5408,7 +5418,7 @@ calendar.raven-calendar { border: none; box-shadow: none; } .budgie-run-dialog entry.search image, .budgie-run-dialog entry.search:focus image { - color: #C3C7D1; } + color: #5D5E60; } .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { padding-left: 8px; padding-right: 12px; } @@ -5427,10 +5437,10 @@ calendar.raven-calendar { margin: 4px; padding: 5px; border-radius: 0; - background-color: rgba(3, 3, 5, 0.95); } + background-color: rgba(4, 4, 4, 0.95); } .budgie-menubar menu menuitem:hover { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } .budgie-menubar arrow { border: none; @@ -5438,13 +5448,13 @@ calendar.raven-calendar { min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(42, 45, 57, 0.928); } + border-bottom: 1px solid rgba(34, 37, 40, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(42, 45, 57, 0.928); } + border-top: 1px solid rgba(34, 37, 40, 0.928); } .budgie-menubar menuitem accelerator { - color: rgba(195, 199, 209, 0.35); } + color: rgba(93, 94, 96, 0.35); } .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; @@ -5456,12 +5466,6 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled /************ * Nautilus * ************/ -.nautilus-window .frame *:selected, .nautilus-window .frame *:selected:backdrop { - background: transparent; - color: #c50ed2; } - .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { - color: #c50ed2; } - .nautilus-window paned > separator { background-image: none; } @@ -5471,27 +5475,33 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: transparent; } .nautilus-window .sidebar .list-row button { border: none; - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window .sidebar .list-row button:active { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected { - background-color: rgba(197, 14, 210, 0.75); } + background-color: rgba(246, 126, 125, 0.75); } .nautilus-window .sidebar .list-row:selected:hover { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window .sidebar .list-row:hover { - background-color: rgba(24, 27, 40, 0.5); } + background-color: rgba(28, 33, 36, 0.5); } .nautilus-window .sidebar .list-row:hover:active { - background-color: rgba(197, 14, 210, 0.9); } + background-color: rgba(246, 126, 125, 0.9); } .nautilus-window.background { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window.background:backdrop { - background-color: rgba(18, 21, 31, 0.95); } + background-color: rgba(22, 25, 27, 0.95); } .nautilus-window notebook > stack:only-child { - background-color: #181b28; } + background-color: #1c2124; } .nautilus-window notebook > stack:only-child:backdrop { - background-color: #1a1d2b; } + background-color: #1e2327; } + +.nautilus-window notebook *:selected, .nautilus-window notebook *:selected:backdrop { + background: transparent; + color: #F67E7D; } + .nautilus-window notebook *:selected label, .nautilus-window notebook *:selected:backdrop label { + color: #F67E7D; } .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } @@ -5504,17 +5514,17 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box button:active, .nautilus-window .titlebar .path-bar-box button:checked { border-radius: 23px; - background: linear-gradient(to right, #c50ed2, #8500f7); - box-shadow: 0px 0px 5px rgba(197, 14, 210, 0.98); - color: #fafafa; } + background: linear-gradient(to right, #F67E7D, #E1DD8F); + color: #f7f7f7; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); } .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop { - color: #f0f0f0; } + color: #ededed; } .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { - color: #f0f0f0; } + color: #ededed; } .nautilus-window .titlebar .linked button:active, .nautilus-window .titlebar .linked button:checked, .nautilus-window .titlebar .linked button:active:backdrop, .nautilus-window .titlebar .linked button:checked:backdrop { background: transparent; - color: #c50ed2; + color: #F67E7D; box-shadow: none; border: none; } @@ -5535,26 +5545,26 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-color: #a5a5a5; } .nautilus-desktop { - color: #C3C7D1; } + color: #5D5E60; } .nautilus-desktop .nautilus-canvas-item { border-radius: 5px; - color: #fefefe; + color: #f7f7f7; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .nautilus-desktop .nautilus-canvas-item:active { - color: #C3C7D1; + color: #5D5E60; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:hover { - color: #C3C7D1; + color: #5D5E60; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item:selected { - color: #fefefe; + color: #f7f7f7; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { - color: #fefefe; } + color: #f7f7f7; } /********* * Gedit * @@ -5563,11 +5573,11 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled padding: 4px; border-radius: 0 0 3px 3px; border: 0; - background-color: #161925; } + background-color: #1A1E21; } .xfce4-panel.panel { - background-color: #181b28; - color: #C3C7D1; } + background-color: #1c2124; + color: #5D5E60; } /******** * Gala * @@ -5576,15 +5586,15 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled border-width: 0; border-radius: 2px; color: white; - border: 1px solid #181b28; - background-color: #181b28; } + border: 1px solid #1c2124; + background-color: #1c2124; } .gala-notification .title, .gala-notification .label { - color: #C3C7D1; } + color: #5D5E60; } .gala-button { padding: 3px; - color: #181b28; + color: #1c2124; border: none; border-radius: 50%; background-image: linear-gradient(to bottom, #7e7e7e, #3e3e3e); @@ -5598,14 +5608,14 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.7); - background-color: rgba(24, 27, 40, 0.05); } + background-color: rgba(28, 33, 36, 0.05); } /*************** * SwitchBoard * ***************/ .category-label { font-weight: bold; - color: #C3C7D1; } + color: #5D5E60; } /************* * Slingshot * @@ -5618,7 +5628,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .button.app .app:hover { border-radius: 8px; border: none; - background-color: rgba(197, 14, 210, 0.3); + background-color: rgba(246, 126, 125, 0.3); color: white; } .button.app .app:focus { /*background-color: transparentize(black, 0.20);*/ } @@ -5626,12 +5636,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .search-item { border-radius: 0; border: none; - color: #C3C7D1; + color: #5D5E60; background: none; } .search-item:hover, .search-item:focus { border-radius: 0; - background-color: rgba(197, 14, 210, 0.3); - color: #fefefe; } + background-color: rgba(246, 126, 125, 0.3); + color: #f7f7f7; } .search-entry-large, .search-entry-large:focus { @@ -5645,7 +5655,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .search-category-header { font-weight: bold; - color: #C3C7D1; } + color: #5D5E60; } /********* * Panel * @@ -5696,16 +5706,16 @@ PantheonCalculatorMainWindow { * Cards * *********/ .deck { - background-color: #07080b; } + background-color: #08090a; } .card { - background-color: #181b28; + background-color: #1c2124; border: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 3px rgba(0, 0, 0, 0.2); transition: all 150ms ease-in-out; } .card.collapsed { - background-color: #0e1018; + background-color: #111416; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2); } /********* @@ -5733,13 +5743,13 @@ LibraryWindow .the-button-in-the-combobox { background: none; } .checkerboard-layout { - background-color: #161925; + background-color: #1A1E21; background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 24px 24px; background-position: 0 0, 12px 12px; } .checkboard-layout .item { - background-color: #C3C7D1; } + background-color: #5D5E60; } /********* * Avatar * @@ -5778,7 +5788,7 @@ UnityDecoration { /* Glow applied to the selected scaled window */ -UnityDecoration-glow-size: 8px; /* Size property, size of glow */ - -UnityDecoration-glow-color: #c50ed2; + -UnityDecoration-glow-color: #F67E7D; /* Color property of the glow */ /* Title settings */ -UnityDecoration-title-indent: 10px; @@ -5854,7 +5864,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar:backdrop, .unity-panel .menubar *:backdrop { - color: #6d707b; } + color: #3c3e41; } .unity-panel.menubar.menuitem, .unity-panel.menubar .menuitem { @@ -5884,7 +5894,7 @@ UnityPanelWidget:backdrop, /* Force Quit */ SheetStyleDialog.unity-force-quit { - background-color: #181b28; } + background-color: #1c2124; } @keyframes playbackmenuitem_spinner { to { @@ -5893,7 +5903,7 @@ SheetStyleDialog.unity-force-quit { .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #c50ed2; } + color: #F67E7D; } /*********************** * App-Specific Styles * @@ -5908,17 +5918,17 @@ SheetStyleDialog.unity-force-quit { ConversationListView { -GtkTreeView-grid-line-width: 0; } ConversationListView .view:active, ConversationListView iconview:active, ConversationListView .view:selected, ConversationListView iconview:selected { - background-color: #c50ed2; - color: #fefefe; } + background-color: #F67E7D; + color: #f7f7f7; } ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { - background-color: rgba(197, 14, 210, 0.6); - color: rgba(254, 254, 254, 0.5); } + background-color: rgba(246, 126, 125, 0.6); + color: rgba(247, 247, 247, 0.5); } ConversationListView .view .cell, ConversationListView iconview .cell { border: solid rgba(0, 0, 0, 0.2); border-width: 0 0 1px 0; } ConversationListView .view .cell:selected, ConversationListView iconview .cell:selected { - color: #fefefe; - border: 0px solid #980ba2; } + color: #f7f7f7; + border: 0px solid #f34f4d; } /*********** * LightDm * @@ -5953,11 +5963,11 @@ ConversationListView { font-weight: normal; border-style: none; background-color: transparent; - color: #C3C7D1; } + color: #5D5E60; } #content_frame { padding-bottom: 14px; - background-color: #161925; + background-color: #1A1E21; border-top-left-radius: 2px; border-top-right-radius: 2px; border: solid rgba(0, 0, 0, 0.1); @@ -5965,30 +5975,30 @@ ConversationListView { #content_frame button { font-weight: bold; - color: #C3C7D1; - background-color: #181b28; + color: #5D5E60; + background-color: #1c2023; text-shadow: none; } #content_frame button:hover { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #181b28; + color: #5D5E60; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1c2124; text-shadow: none; } #content_frame button:active, #content_frame button:checked { - color: #C3C7D1; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #c50ed2; + color: #5D5E60; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #F67E7D; text-shadow: none; } #content_frame button:disabled { - color: #a1a5b0; - outline-color: rgba(195, 199, 209, 0.3); - background-color: #171a26; + color: #505255; + outline-color: rgba(93, 94, 96, 0.3); + background-color: #1b1f22; text-shadow: none; } #buttonbox_frame { padding-top: 20px; padding-bottom: 0px; border-style: none; - background-color: #161925; + background-color: #1A1E21; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: solid rgba(0, 0, 0, 0.1); @@ -6031,7 +6041,7 @@ ConversationListView { -gtk-icon-shadow: none; } #login_window #user_combobox { - color: #C3C7D1; + color: #5D5E60; font-size: 13px; } #login_window #user_combobox .menu, #login_window #user_combobox menu { diff --git a/gtk-3.0/widgets/_buttons.scss b/gtk-3.0/widgets/_buttons.scss index e76b7eb..a55ea5f 100644 --- a/gtk-3.0/widgets/_buttons.scss +++ b/gtk-3.0/widgets/_buttons.scss @@ -246,24 +246,24 @@ button { //color: $b_color; //FIXME: does it work on the dark variant? } - &:hover { @include button(hover, $b_color, white); } + &:hover { @include button(hover, transparent, white); } &:active, - &:checked { @include button(active, $b_color, white); } + &:checked { @include button(active, transparent, white); } &:backdrop, &.flat:backdrop { - @include button(backdrop, $b_color, white); + @include button(backdrop, transparent, white); label { color: transparentize(white, 0.5);} &:active, - &:checked { @include button(backdrop-active, $b_color, white); } + &:checked { @include button(backdrop-active, transparent, white); } &:disabled { - @include button(backdrop-insensitive, $b_color, white); + @include button(backdrop-insensitive, transparent, white); label { color: transparentize(white, 0.5);} &:active, - &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + &:checked { @include button(backdrop-insensitive-active, transparent, white); } } } @@ -276,10 +276,12 @@ button { } &:disabled { - @include button(insensitive, $b_color, white); - + @include button(insensitive, transparent, white); + label { + color:transparentize(#ffffff, 0.7); + } &:active, - &:checked { @include button(insensitive-active, $b_color, white); } + &:checked { @include button(insensitive-active, transparent, white); } } .osd & { diff --git a/gtk-3.0/widgets/_floating-bar.scss b/gtk-3.0/widgets/_floating-bar.scss index e9a2465..be7d184 100644 --- a/gtk-3.0/widgets/_floating-bar.scss +++ b/gtk-3.0/widgets/_floating-bar.scss @@ -7,7 +7,6 @@ border-style: solid solid none; border-color: $borders_color; border-radius: 3px 3px 0 0; - box-shadow: inset 0 1px $top_highlight; &.bottom { diff --git a/gtk-3.0/widgets/_header-bars.scss b/gtk-3.0/widgets/_header-bars.scss index 7a409c8..f24399a 100644 --- a/gtk-3.0/widgets/_header-bars.scss +++ b/gtk-3.0/widgets/_header-bars.scss @@ -5,9 +5,10 @@ headerbar { padding: 0px 13px; min-height: 34px; - background: if($variant == 'light', linear-gradient(to bottom, #fff, #fff) , mix($base_color, darken($headerbar_color, 8%), 30%)); + background: if($variant == 'light', linear-gradient(to bottom, #fff, #fff) , darken($headerbar_color, 1%)); color: $headerbar_fg_color; border-radius: 0; + box-shadow: 0px -1px $borders_color inset; &:backdrop { border-color: $backdrop_borders_color; // background-image: none; @@ -99,22 +100,22 @@ headerbar { border-radius: 4px; @include button(normal, $b_color, white); box-shadow: none; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); + &:hover { @include button(hover, transparent, white); } - &:hover { @include button(hover, $b_color, white); } - - &:active { @include button(active, $b_color, white); } + &:active { @include button(active, transparent, white); } &:disabled { - @include button(insensitive, $b_color, white); + @include button(insensitive, transparent, white); label {color: transparentize(white,0.5);} } &:backdrop { - @include button(backdrop, $b_color, white); + @include button(backdrop, transparent, white); border-radius: 3px; } - &:backdrop:disabled { @include button(backdrop-insensitive, $b_color, white); } + &:backdrop:disabled { @include button(backdrop-insensitive, transparent, white); } } } @@ -162,19 +163,20 @@ headerbar { } .linked > button:active{ @extend %linked-header; - background: linear-gradient(to right, #c50ed2, #8500f7) ; - color: rgb(255, 250, 250); + background: linear-gradient(to right, $red, $yellow) ; + color: $selected_fg_color; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); } - .linked > button:checked{ + .linked > button:checked { @extend %linked-header; border-radius: 23px; - background: linear-gradient(to right, #c50ed2, #8500f7); - box-shadow: 0px 0px 5px transparentize(#c50ed2, 0.02); - color: rgb(255, 250, 250); + background: linear-gradient(to right, $red, $yellow); + color: $selected_fg_color; + text-shadow: 0px 0px 2px rgba(87, 87, 87, 0.9); &:backdrop{ - color: darken(rgb(255, 250, 250), 4%); + color: darken($selected_fg_color, 4%); label{ - color: darken(rgb(255, 250, 250), 4%);; + color: darken($selected_fg_color, 4%);; } } } @@ -186,7 +188,6 @@ headerbar { &.selection-mode { button { - &:backdrop { &.flat, & { &:active, @@ -207,7 +208,7 @@ headerbar { .maximized & { &.titlebar { @if $variant == 'light' { box-shadow: none; } - @else { box-shadow: inset 0 -1px $bottom_highlight; } + @else { box-shadow: inset 0 -1px $borders_color; } } &:backdrop, & { border-radius: 0; } } // squared corners when the window is maximized or tiled @@ -242,7 +243,7 @@ headerbar { .background:not(.tiled):not(.maximized) .titlebar { @if $variant == 'light' { box-shadow: inset 0 1px $top_highlight; } - @else { box-shadow: inset 0 1px $top_highlight,inset 0 -1px $bottom_highlight; } + @else { box-shadow: inset 0 1px $top_highlight, inset 0 -1px $borders_color; } &:backdrop, & { diff --git a/gtk-3.0/widgets/_notebooks.scss b/gtk-3.0/widgets/_notebooks.scss index 84304dc..4f638b6 100644 --- a/gtk-3.0/widgets/_notebooks.scss +++ b/gtk-3.0/widgets/_notebooks.scss @@ -6,7 +6,7 @@ notebook { padding: 1px; border-color: $borders_color; border-width: 1px; - background-color: $base_color; + background-color: $bg_color; &:backdrop { border-color: $backdrop_borders_color; @@ -25,8 +25,8 @@ notebook { &:backdrop { box-shadow: none; } &:checked { - background-color: $base_color; - &:hover{background-color: $base_color;} + background-color: $bg_color; + &:hover{background-color: $bg_color;} } } } @@ -42,7 +42,7 @@ notebook { &:backdrop { box-shadow: none; } &:checked { - background-color: $base_color; + background-color: $bg_color; box-shadow: -1px 0 0 $borders_color, 0px 1px 0 $borders_color, 1px 0 0 $borders_color; @@ -61,7 +61,7 @@ notebook { &:backdrop { box-shadow: none; } &:checked { - background-color: $base_color; + background-color: $bg_color; box-shadow: 0px 1px 0 $borders_color, 0px -1px 0 $borders_color, 0px 1px 0 $borders_color; @@ -80,7 +80,7 @@ notebook { &:backdrop { box-shadow: none; } &:checked { - background-color: $base_color; + background-color: $bg_color; box-shadow: 0px 1px 0 $borders_color, 0px -1px 0 $borders_color, 1px 0 0 $borders_color; @@ -203,7 +203,7 @@ notebook { color: $backdrop_fg_color; &.reorderable-page { border-color: $backdrop_borders_color; - background-color: $backdrop_base_color; + background-color: $backdrop_bg_color; } } @@ -288,8 +288,8 @@ notebook { } > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: $base_color; + background-color: $bg_color; - &:backdrop { background-color: $backdrop_base_color; } + &:backdrop { background-color: $backdrop_bg_color; } } } diff --git a/gtk-3.0/widgets/_scales.scss b/gtk-3.0/widgets/_scales.scss index 694c661..05bf5e6 100644 --- a/gtk-3.0/widgets/_scales.scss +++ b/gtk-3.0/widgets/_scales.scss @@ -30,8 +30,8 @@ &:backdrop, &:active:backdrop { - border-color: lighten($selected_bg_color, 5%); - background-color: lighten($selected_bg_color, 5%); + border-color: lighten(#ff8b26, 5%); + background-color: lighten(#ff8b26, 5%); &:disabled { background-color: $scale_disabled_bg; } @@ -74,7 +74,7 @@ scale { transition-property: background, border, box-shadow; &:active { - background-color: $selected_bg_color; + background-color: #ff8b26; &:disabled { background-color: $insensitive_bg_color; @@ -152,7 +152,7 @@ scale { $_scale_disabled_bg: darken($_scale_bg, 15%); slider { border-color: $base_color; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 12px; background-color: $_scale_bg; @@ -284,7 +284,7 @@ scale { min-height: 15px; min-width: 15px; margin: -7px; - border: 2px solid #00f17d; + border: 2px solid #ff8b26; border-radius: 50%; background-color: $_scale_bg; diff --git a/gtk-3.0/widgets/_sidebar.scss b/gtk-3.0/widgets/_sidebar.scss index 4246b1a..304c99b 100644 --- a/gtk-3.0/widgets/_sidebar.scss +++ b/gtk-3.0/widgets/_sidebar.scss @@ -31,30 +31,7 @@ transition: $backdrop_transition; } - row{ - padding: 8px 12px; - transition: all .12s ease-in; - label{ - color: #98abb2; - } - &:selected{ - color: #fff; - // border-left: 4px solid $selected_bg_color; - &:backdrop{ - color: $backdrop_selected_bg_color; - background: transparent; - label{ - color: #fff; - } - } - &:hover{ - // background-color: transparentize($selected_bg_color, 0.8); - } - label{ - color: #fff; - } - } - } + //elementary os file manager &.source-list{ @@ -84,6 +61,33 @@ paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; border-color: $borders_color; + list { + row{ + padding: 8px 12px; + transition: all .12s ease-in; + label{ + color: $fg_color; + } + &:selected{ + color: lighten($fg_color, 20%); + // border-left: 4px solid $selected_bg_color; + &:backdrop{ + color: $backdrop_selected_bg_color; + background: transparent; + label{ + color: lighten($fg_color, 20%); + } + } + &:hover{ + // background-color: transparentize($selected_bg_color, 0.8); + } + label{ + color: lighten($fg_color, 20%); + } + } + } + + } } } } @@ -119,11 +123,10 @@ stacksidebar { /*******************************************************************/ /*--*/ - placessidebar{ &.sidebar{ background-color: transparent; - background-image:linear-gradient(to right, #171e27 40px, + background-image:linear-gradient(to right, darken($main_dark_color, 2%) 40px, $_sidebar_color 35px,$_sidebar_color 36px, $_sidebar_color 36px,$_sidebar_color 99%, $_sidebar_color 100%); @@ -135,7 +138,7 @@ placessidebar{ margin-right: 12px; padding-left: 14px; padding-right: 12px; - color: #9ecfa2; + color: $fg_color; } } &:hover{ @@ -153,9 +156,9 @@ placessidebar{ } &:selected{ - color: rgba(255, 255, 255, 0.938); + color: $selected_fg_color; background-color: transparent; - background-image:linear-gradient(to right, $selected_bg_color 40px, + background-image:linear-gradient(to right, darken($main_dark_color, 5%) 40px, rgba(65,67,75,0) 36px, rgba(65,67,75,0)97%); &:hover{ color: #ffffff; @@ -165,14 +168,14 @@ placessidebar{ } } &:backdrop{ - color: rgba(0,0,0,0.54);; + color: rgba(0,0,0,0.54); background-color: transparent; - background-image:linear-gradient(to right, $selected_bg_color 40px, + background-image:linear-gradient(to right, darken($main_dark_color, 5%) 40px, rgba(65,67,75,0) 36px, rgba(65,67,75,0)97%); } .sidebar-icon { - -gtk-icon-shadow: 0 1px transparentize(#fff, 0.2); + -gtk-icon-shadow: 0 1px transparentize($selected_fg_color, 0.2); color: inherit; } } diff --git a/gtk-3.0/widgets/_switches.scss b/gtk-3.0/widgets/_switches.scss index 5c2f510..5b23b10 100644 --- a/gtk-3.0/widgets/_switches.scss +++ b/gtk-3.0/widgets/_switches.scss @@ -12,8 +12,8 @@ switch { color: transparent; padding: 2.3px 0px; - background: linear-gradient(to right, #859398, #859398); - // border: 1px solid rgba(170, 170, 170, 0.4); + background: linear-gradient(to right, #0e1011, #0e1011); + border: 1px solid #0a0b0c; &:disabled { background-color: $insensitive_bg_color; } @@ -28,18 +28,14 @@ switch { &:active, &:checked { - // border: 1px solid $teal; - background: linear-gradient(to right, #ff9200, #fadd00); slider{ - background: #fff; + background: linear-gradient(to right, #00a6c9, #00e4ce); } &:backdrop { - //border: 1px solid $teal; - background: linear-gradient(to right, darken(#ff9200, 5%), darken(#fadd00, 5%)); slider { &:backdrop { box-shadow:none; - background-color:transparentize($base_color, 0.1); + background: linear-gradient(to right, darken(#00a6c9, 10%), darken(#00e4ce, 10%)); border:none; } } @@ -55,7 +51,7 @@ switch { border-radius: 100%; transition: $button_transition; - background-color: lighten(#859398, 20%); + background-color: lighten(#0e1011, 5%); &:backdrop { padding:2px; diff --git a/src/gtk3/gtk3-assets-dark.svg b/src/gtk3/gtk3-assets-dark.svg index e87c611..6806115 100755 --- a/src/gtk3/gtk3-assets-dark.svg +++ b/src/gtk3/gtk3-assets-dark.svg @@ -33,16 +33,16 @@ borderopacity="0.25490196" inkscape:pageopacity="0" inkscape:pageshadow="2" - inkscape:zoom="2.1214444" - inkscape:cx="65.736212" - inkscape:cy="105.02654" + inkscape:zoom="1.1166587" + inkscape:cx="154.89818" + inkscape:cy="16.373716" inkscape:current-layer="layer2" showgrid="true" inkscape:grid-bbox="true" inkscape:document-units="px" inkscape:showpageshadow="false" inkscape:window-width="1366" - inkscape:window-height="713" + inkscape:window-height="712" inkscape:window-x="0" inkscape:window-y="25" width="400px" @@ -98,6 +98,18 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -1971,7 +2208,7 @@ height="16" width="16" id="rect4552" - style="display:inline;fill:#00e8c6;fill-opacity:1;stroke:none;stroke-width:1.70000005;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" /> + style="display:inline;fill:url(#linearGradient1245);fill-opacity:1.0;stroke:none;stroke-width:1.70000005;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" /> + style="display:inline;fill:url(#linearGradient1237);fill-opacity:1.0;stroke:none;stroke-width:1.70000005;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" /> + style="display:inline;fill:url(#linearGradient1203);fill-opacity:1.0;stroke:none;stroke-width:1.70000005;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" /> + style="display:inline;fill:url(#linearGradient1219);fill-opacity:1.0;stroke:none;stroke-width:1.70000005;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;enable-background:new" /> + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1309);fill-opacity:1.0;fill-rule:evenodd;stroke:none;stroke-width:1.27290308;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1311);fill-opacity:1.0;fill-rule:evenodd;stroke:none;stroke-width:1.27290308;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1313);fill-opacity:1.0;fill-rule:evenodd;stroke:none;stroke-width:1.27290308;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient1315);fill-opacity:1.0;fill-rule:evenodd;stroke:none;stroke-width:1.27290308;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />