From e5339ad93dd719b56e91b99c27fd94d2b08acf70 Mon Sep 17 00:00:00 2001 From: Ward Nakchbandi Date: Sat, 25 Mar 2023 16:37:02 +0300 Subject: [PATCH] use orchis blue not yellow --- pika-kde-settings/debian/changelog | 2 +- .../.config/gtk-4.0/assets/close-active.svg | 11 - .../gtk-4.0/assets/close-backdrop-active.svg | 11 - .../gtk-4.0/assets/close-backdrop-hover.svg | 11 - .../gtk-4.0/assets/close-backdrop-normal.svg | 11 - .../.config/gtk-4.0/assets/close-hover.svg | 11 - .../.config/gtk-4.0/assets/close-normal.svg | 11 - .../gtk-4.0/assets/maximize-active.svg | 11 - .../assets/maximize-backdrop-active.svg | 11 - .../assets/maximize-backdrop-hover.svg | 11 - .../assets/maximize-backdrop-normal.svg | 11 - .../.config/gtk-4.0/assets/maximize-hover.svg | 11 - .../gtk-4.0/assets/maximize-normal.svg | 11 - .../gtk-4.0/assets/maximized-active.svg | 11 - .../assets/maximized-backdrop-active.svg | 11 - .../assets/maximized-backdrop-hover.svg | 11 - .../assets/maximized-backdrop-normal.svg | 11 - .../gtk-4.0/assets/maximized-hover.svg | 11 - .../gtk-4.0/assets/maximized-normal.svg | 11 - .../gtk-4.0/assets/minimize-active.svg | 11 - .../assets/minimize-backdrop-active.svg | 11 - .../assets/minimize-backdrop-hover.svg | 11 - .../assets/minimize-backdrop-normal.svg | 11 - .../.config/gtk-4.0/assets/minimize-hover.svg | 11 - .../gtk-4.0/assets/minimize-normal.svg | 11 - .../assets/row-selected-blackness-dark.png | Bin 622 -> 622 bytes .../assets/row-selected-blackness-dark@2.png | Bin 1144 -> 1126 bytes .../gtk-4.0/assets/row-selected-dark.png | Bin 622 -> 622 bytes .../gtk-4.0/assets/row-selected-dark@2.png | Bin 1145 -> 1135 bytes .../gtk-4.0/assets/row-selected-light.png | Bin 622 -> 622 bytes .../gtk-4.0/assets/row-selected-light@2.png | Bin 1143 -> 1143 bytes .../scale-horz-marks-after-slider-dark.png | Bin 358 -> 380 bytes .../scale-horz-marks-after-slider-dark@2.png | Bin 526 -> 526 bytes .../assets/scale-horz-marks-after-slider.png | Bin 380 -> 380 bytes .../scale-horz-marks-after-slider@2.png | Bin 526 -> 526 bytes .../scale-horz-marks-before-slider-dark.png | Bin 371 -> 375 bytes .../scale-horz-marks-before-slider-dark@2.png | Bin 532 -> 532 bytes .../assets/scale-horz-marks-before-slider.png | Bin 375 -> 375 bytes .../scale-horz-marks-before-slider@2.png | Bin 532 -> 532 bytes .../gtk-4.0/assets/scale-slider-dark.png | Bin 290 -> 290 bytes .../gtk-4.0/assets/scale-slider-dark@2.png | Bin 494 -> 494 bytes .../.config/gtk-4.0/assets/scale-slider.png | Bin 290 -> 290 bytes .../.config/gtk-4.0/assets/scale-slider@2.png | Bin 494 -> 494 bytes .../scale-vert-marks-after-slider-dark.png | Bin 347 -> 347 bytes .../scale-vert-marks-after-slider-dark@2.png | Bin 507 -> 507 bytes .../assets/scale-vert-marks-after-slider.png | Bin 347 -> 347 bytes .../scale-vert-marks-after-slider@2.png | Bin 507 -> 507 bytes .../scale-vert-marks-before-slider-dark.png | Bin 352 -> 352 bytes .../scale-vert-marks-before-slider-dark@2.png | Bin 493 -> 493 bytes .../assets/scale-vert-marks-before-slider.png | Bin 352 -> 352 bytes .../scale-vert-marks-before-slider@2.png | Bin 493 -> 493 bytes .../selectionmode-checkbox-checked-dark.png | Bin 467 -> 467 bytes .../selectionmode-checkbox-checked-dark@2.png | Bin 710 -> 710 bytes .../assets/selectionmode-checkbox-checked.png | Bin 470 -> 471 bytes .../selectionmode-checkbox-checked@2.png | Bin 718 -> 717 bytes .../etc/skel/.config/gtk-4.0/gtk-dark.css | 236 +-- .../etc/skel/.config/gtk-4.0/gtk.css | 1282 +++++++++-------- 57 files changed, 768 insertions(+), 1016 deletions(-) delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg delete mode 100644 pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg diff --git a/pika-kde-settings/debian/changelog b/pika-kde-settings/debian/changelog index 8b64180..8ceb6e0 100644 --- a/pika-kde-settings/debian/changelog +++ b/pika-kde-settings/debian/changelog @@ -1,4 +1,4 @@ -pika-kde-settings (3.1.0) kinetic; urgency=medium +pika-kde-settings (3.2.0) kinetic; urgency=medium * Pika-theme diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/close-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximize-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/maximized-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-active.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-backdrop-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg deleted file mode 100644 index 4f1be04..0000000 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/minimize-normal.svg +++ /dev/null @@ -1,11 +0,0 @@ - - -Qt SVG Document -Generated with Qt - - - - - - diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-blackness-dark.png index 89533b92a4ecc4a85296f118d093d3b4a50e0db4..cce6cc0ba34b5339f55f0fb0d6df7fc148e31879 100644 GIT binary patch delta 200 zcmaFI@{VOfa=mfGGwrPXnrS<966a~h&D4yVq7l%q?%S>6*{tl|AZME{XPqi(9wlKK zBw-RDrt2f7<1MaX148Q7qKd|%ibf&|h9c5h!cuCYvYJBD>O#_LP$Z=)D5V5KB9ek4 z68s_(0-_QE!ayW0AS?<(LZSjTg2DnqA|NCPK|%t8a3m}s07ODyB*-ry075X}&Cd3H Jvm9dpBLHfhA*cWV delta 200 zcmaFI@{VOfa{d3C3|F@@oLS4TVJhdUiJVJ&IOex=%x>nGRKwm^!CsumRv6C~AIcRS z#1$358S23q;>PJ<$!l-HYiGf0X24^r&tsy;t)tGPt;VCP$)~9TLK-T(8p>{Gy^@B*HIhBg`i%!Y=|rLj1x|#3wAoCoIelL_&g4Bp|>K QL~y{{l)cs#dLkdv^^#Dyd|{V#kHNpwH(DY9mF(jMb&LY z)vP5nZN=5C#gxrN6-`7HjYSj;#gvT16!k^qv_+(~gr(~>g{9O)Wi>@*G=xD&T?mMz zfk;hQT18k|8Hj`=lt4&aQBYhChGYcAWdy~fg+!$wNKix)j3fj_B?N?lNSt2?h{X7X zL-V3(|JuD<+Zh;`WISCQLn>~)y?ZiB*ipjmp<4%s1gj&P;8e*J zqcd6pDf8MHghCvS8T|jgKlx-^&HqK!2QSYl=6ruS)-yD`l$~*bGbE7%4UX>^{et2Ch1B$tg>VF_~*HY!6URVfnnwA=LZ;q9-nVzoU;Fv zsBy!mbNW(gc{~f;y;WY{x?KNep+_Uv>)&HHy+#c#%;oiL6IOh- z{L#XYwbQJ@<*FsK$KU@q%^E_2*(R(y$uQ}4-hReOwdM^W>-`xXF>x`56md*gbDd$* zTIMD5-``=0C`o2`DaLpymEqD~R*!O)3GcWR8g?9& zSn_jb{VoS?2E(ffn@$z6bEo->cc_N1uXk*ycq7cE5y9+nompVExDzAmVg^g;6@84C zdKr$WoeOYqRCe&&&rsy|DUV@Ebv@sNbu%9a_{qwwD1Pgck;%k1%eRrb{I63e~5x^sXAd|dea_#L-z_Uk!&@?B5P z+7|IKwqcH)Up(`Y)e&qbR$8-9SeGWR@Z9Y2)VKFcrvM$rJ>jyD!>;n0UB@!n6k?ej tb~Wj+?c(GpsbRUaQj959h$;4w+`8TU52{w({s2s644$rjF6*2UngA}7OcnqD delta 981 zcmaFH@q=SRTzyP{Pl)UPn+%`NG2Gk3aCIxgnY9eNmNOh#&ainp!?xL+8>Vuun#j4d zhhu&_$Fv5Hh9dU1BKDem_WU^Rj0mo%0L}<6&Tvo8P!G-^SI!W3UT59uqxoQv*IzeLh`{dR`rM9w5?I|$h*UsGO@&`onO{|rPelQQl;!yp`Gke|jDT232*d)B!u${a~pTW?1E56BJ%E7msZNdthOoo-u=ig_Wkade8$W+Q<)eAF+O@hoGU*E|n z=q)g5DC%RFR4VPTDYW6s_qps1Da~vXHtX;z{H*=Sq!784QROwO$9GwUyZ#L&(hM)Z zF|hQHq2oSNoRPukLgLyyfne(m(?5QEMq7t`?QX6iS}+LkMA?z2KeRXtSEk! z?7eKe=49W!_bf_SClpV*YUQxYd@_UO)qJKWdv@~8Wn6N)_bv01>fcYr-AgP*kBOaQ zyp&q^Mrv-n_nZQsgo>EcS}QUnZ!?})nf8oNA@-t>gWp`wh7wVB2FvY|?%S%b2M8&| znmhP)Gra8jS=xJ9$6;4gLy06OPsw9}7e6?c1go;_s^KWPxc^kg^l5+eW<~(h8iS{+ KpUXO@geCy;pH~(D diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark.png index c56c1045dcbbd95103fe18e2e2e5a96d31eeae10..a91665e4bafb69d4a5aa7138d06769ef85a0d6a5 100644 GIT binary patch delta 200 zcmaFI@{VOfa=mfGGt<&j#s!B=vz8mDEiz1=V-PW2FLbhT_#~syK12UXecy6j?>udf zRBiWUUFRenr$l{+5Iy@~J-Z-XOK%+uFFi{yeKS`*Q%7AB2W=3t*EMt0F?9eUZDSi< zQ#)M)QyqO19Ya%XeIpP<-&jZAP)84pY;+BDbPaU%41oyD(AU)iAst;X($Uk^)dwRz U9bH`zf`NH2?rLwAV+>#f05xkfp#T5? delta 200 zcmaFI@{VOfa{d3C4EOhQU)#a8bDq%VnSyJl2rTaxSk%qGpi68{yJ%anL{p(eai&~; zs%&nuOm>`nR*ZajplX=EN~oWTpNERCyNa)es=JfAo1>bmgPN1Ax}&X{v%QA1oraU0 zhJ%edkTf&ZGBwgPHPJRP(gKpE#@dF4U}T_WXk(yl2tCv2rvpaXy1F_*1P8*4WDGaUF$ORK01F*80ssI2 diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-dark@2.png index 2a7a7b1f3c66961e4810ef331313bc85ebac61bc..b7947fac057d4b513d3289bf2572bdaca51f9b6c 100644 GIT binary patch delta 972 zcmey#@t$KsTzznWPl&5=!!yIm+vZi5O-oN17aTIo*`=Sc$~v*7Hi!b4k&4PSSRa*LH~0afs2jkJ59B)N_o` zbqLe33(<23)wK`NwF}m>3(~dp)w2R3A3aMiT?A-{N=eJe%E>Dzsj2H37@C@yTUc7# zOn%H5USH#_`GSFgNzv2AF{I+w+q;p$!j2NH4;Q$(^h!TsI-#WHHqk>QHPEpvK(NXC z!h#b@jLh@?*FRk={;Vd{AT;Xn?|%(DE3%da+g`qVGUde7)&u2yO!3w%`)pYD8FJ+C zu9mp5tFUu2C$2<`IxPEb&obfVMSsSWUEkw>$jGhOuGZjl zeHBo0hfYI`Fw=?p(rAX8KVPypQj$ ztM|Nn(0X$}_Yv*uD~>a;-md!bM)(VxLcG1h!AGt73_sf#k{GW}tZy*#XXFwq+{b>R zoO{87=?p*p^cbJ)-o-rOJ>TtxO`mdBaBFQ+HNG|FjaDt^vwmJ{V~+!9lscRCMaab$!A2%rA5jmL@30C z$tOlC$44l|g(*b`D8>XThX*K!`74F`sRa8f2Yaaod8+t&)T{cqskk|+xjU)50gfFhF@GKxySS`l}Yfq|i@ zB*-sVL{wZtQc6l%MpjNslAOOwKi2BlLhSFQ->obGM?borKhwzYE16d}cIL{^zhS!T>(*4iIGMBWL#aRKsx+(T z?$7pXH(qsHURdxl;N%)HoAe@A)orgTFD2g=auD79HI8XT((+}h4O-=v`VBs{s*EYS zwgVZ5?O7+R{O|GOk8MDFB*V;g(^w|FeA2~GyrfEld;g#T444c*17BOE~oAKWow{(^rZP2e--D{bt$Ac*2|`U_(Ws ztipW>2b~4=tGG12ax6#?e9qobvzLL@mi|<XEw4A~|Pk*a9w`EoWd=zJ5`+p=Nn;JOh{C$({R82*x@-FDkyz@aby& zX}h|w+cumuY&`k4!u$B$PJag0*!n=W6Xk`B3l=m2ZFuYI+|YD<4abD_i&-YPdvelT@@;QgQJU}so;|1OK)z$C@s>FVdQ&MBb@ E03#<~SO5S3 diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/row-selected-light.png index 56b5c07cd882037d4a2f7d09a87d3df7119c0d12..03516e333c74312dab508303d3919e825332d97a 100644 GIT binary patch delta 200 zcmaFI@{VOfa=ldXGl#BM?)|T`mcPwk^{#mB`-=7NYc_poUjLze)-ZX|91JwpDR!QTz&fI#&Zz5_2SQ?cYhzf`vpYL-v5Q5=kNbM{{Te4 zUwrue<@;YC`u6kxx1awY=-2Q65cJdL_rIUN|NZ*=ABKQzDEjmFKN9-)@Be=wf`eD{ McwIKjF$ORK0KKECfB*mh delta 200 zcmaFI@{VOfa{d4P#{W-+{y!7*|8n*Js}29Jwfw){{{Kez|J#%P-AF#NXiT|KRH8=Io?{PR7K6MJHTbOpGQPCml?TBt+t13>pc#iJ%Li zYWSf+LXj3)f%fj&yZ1fMQUZfdKFjx^5gOTFj!i}N>CNWMc58OWnAK+FQw=-Rs_AnjK}>dDcnfoQu4hD!Mlsxz)(sD@nhR%saW)=wq2@ zEBvWKb5)wJvgZ%>^2rKyp=b?J(7mGWX-%*6Ey^uXi&^j$^6Qr0=z^jT*kJU)=z|$( z_rY=l1iC|x2O|_53dF+!#$^B*5BXdw>huAJmXM?5@JEDD00PP}DiNg|L8*G2{BLWu L delta 363 zcmaLLKT85}0LF22^8Gmb7TVkdq1Kj`76%;!$DG^3R}fJVm>!3Ms7Vt3jVMS>_1-*){@Tsz>v23wyV?1DVb{<)Ev3gj2)5|ce5)c HavS{xC3j04 diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png index 219d3ccaef8de13fe902ec1398dd6b0edc23b093..09f5f70543dd3e15999ecfaf7c90fe5ca96675f3 100644 GIT binary patch delta 307 zcmaFH^oMDJBnLAC1H<)|XHQL3w5?AI@Ck7R@gCGBivtHoh`gC{G=b;&^?`9s^cTXfVYv>?poYU`=P5Ojw-aFdb0 z_3pUXE?L~0)o?AD|M|ePPaCP_Z7cxd!JN7)EDXJRRkN9vyp;WZBv624#j}ASq>&r1 jyl87iTl3Gu|9f9j|2|0_CYR{#GR!~dHM|1UE9zs&IeDg%fML_h`*T}KiDvXQw!H9#&zC0q-H0g-~3 a02hIq3>SegMA7)y7`EOPIiyrZ_y3^I|0CMp59<9osPk*T-me3? uzYgmD+OPBbpziMjdcO|0_CYRxe-hTBh)gblDTBqNh^j&m@bVNfp18E`Bau@?5I;1rSM=ypS$_AzcI% zd?{7*QVJyg983ZQfeKzqmH-vMkOHxx>LF@?xs Dz-UV- delta 160 zcmZ{b!3lsc3`G&@20BDBjT5+zYk2n{uHpcaR@}uMnm}xN72)v-|G#W*bNjsL<@Fqu zP!s4q=;?)m5K01xm?LB=8Mu&u2{>ZC15;^GVlc(fq0?wS|# Cbz!dn diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png index 4e8090e5df8acc7ff10c73a94c84f3a9d7721c58..ba6298179cda96013957f8d33f806352bbf5e72b 100644 GIT binary patch delta 303 zcmey&^qpyfBnLAC1H<)|XHQL3w5exE3-AeX1qy_&`tQ*2-+1PK?S}uB4Id5Lp6fNd zHEnro-0)7X`GryAE5oK&Moq7c8ebbWy)Ywva7=NBh9J4U8c?st)HSFrN7MvzbL8ue{zr!_re`afqz-um9of Yw^;bIq|;A72inNs>FVdQ&MBb@0FiWz00000 delta 299 zcmV+`0o4BY0`mfp83+ad007{3J@}C!JbwWINkl-+wy(EE#b3mvi2^jD7 z0wotepe&sOnD^RFFmcu^Z>A;VkETk7U*24~zf+002ovPDHLkV1hSqc*_6) diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png index 8cb075c530c65e3d9105011f78af6843a6aa038b..c503a79e762fc375d7edb50fa51946028c5ed543 100644 GIT binary patch delta 163 zcmbQjGKFPATD@`WYr}@u`Ymtt8s3_=yftokXV~)0pz(!a!z<&)S4K^*44YmXHA2`x z#%mzgxbd}d(@Ud9AOgz10?9T2$=5~=K&h8tEg(T414M!lP$Nh&79;@`MU~EckhAfx GI3oZ%bybc4 delta 163 zcmbQjGKFPATK)fP4F7L1{J+WY|02Wx%MAaoGJr&YBpd;`$mlx5e;|S=gNOsU$O_ZXuW<6vy@$4!97DhJp delta 113 zcmey)^qpx!TKfN0q5tonHs^ejn8R4I~c$NuA#ZVGJPmpzfaoAOunal0~2+a~vm5Ji7`2$MQz$ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-horz-marks-before-slider@2.png index dc86b46fc30887500f03f60cf08eedce2359de25..20c7becbc891e7bec8d46626263e9ccf97a9e6d7 100644 GIT binary patch delta 163 zcmbQjGKFPATD^S1YuU2bGKFuX%brLTJ(VhdCRzMUs^o=q@pI{-=h7w5fo!Rw=aR)Q zBte2Nq>Elk7r&G$dMQ-`Q~(l@0!cjwsRycra)II?1yVpku!vLn+a diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider-dark@2.png index 728b81c804df42f7ec326e0de207b91cade6e821..0a41b4fa88e7895d936118646b4b54405c1eed1e 100644 GIT binary patch delta 147 zcmYj|!3{z&3`2!_Vi_Qb{yvHq+7;~gph delta 62 zcmZ3)w1{a!n#upG+W)ty{NJnpYrpQV13EzT`+zP89R!jz9F=bNp#918x DZYd;% diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-slider@2.png index a773950bea49af589d853f187cbf85df75782cd9..53d837a9f3f3b330596c7f620e75674535d0bd33 100644 GIT binary patch delta 147 zcmaFI{Em4-TD?T>bNPbTvSqJj3g1YVJ&`JUDpmeWqTsni@pI{-7g8lJq=01cOX;GQ zQpL}uik?fAJeMj4iAw^>q8E}SFQkDCFdIlp1J#tg1Pi_ds{|`92J3|=LnArC{P`~5 JV-~(+1ORn$M?wGq delta 147 zcmYLv8n0 zcP3Zx*quC>pfQ+`DH-D>R8YK%LqX}zm9abpj44b0+=4#}pXd7dFU`Bw6C7)*9*%2T AiU0rr diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png index 2f8cbeb219f489315e378dd09ed0361607d07c43..cb0100cc2ab6f3ebeaee445a8c46b2d3e9325996 100644 GIT binary patch delta 101 zcmcc3bem~HT6E~D{|*iRwHy8$wmsKtc%j$u*0|xFUh@mX##cs-uYt(0>7@}6fw&+9 X7KgIof?$;pS*S{HPaeIA2WJ5QqP{g1 delta 101 zcmcc3bem~HTJ-<_4FC5t{J+ZZ|2D(_i(mv~-(dKEjp6@wusDzlVE{#d2*`ynfP!cu P5H6V9dR`)A;=x$}^9ei@ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png index 74eccfa0cc9db29cd9d00a63ff199deb516c6407..69d62b18109899c6d0907d6def680edd772532b3 100644 GIT binary patch delta 160 zcmZ{b(G5UA5JV$tP=E%ox6zU|>|QRuwW29;w@v{_Sng9K^D#4T=E#qH?0O)n-C9v> zT}0Zz%?&R=!PsCp01L1hL6!B!dX1QnRT@y2EQSQg!`r8$exIH_KIUJ=hh4*2PJ5Q! DxZ71u delta 160 zcmey({F`|~TK)eU4F7L3{J+TX|1!h>s|^3Ifk_|(!oH5d04e|q0!cIkQ4f)YYX@@S V;%Mq2Tu}^BuetrNH~wN|1OQgtUwi-n diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider.png index 5632d8cb4b410987d7f7e207af015c1b007a932d..09cf2754be504c9035c0689ed12a87b7611a3623 100644 GIT binary patch delta 101 zcmcc3bem~HS~NrGe};zt+6`AFa-WNrypS$?B31qj$dD>|Aqhl9FQtoLN)^8VqnA=e c&!vhW>=)8NL7=kY=O6|K$`(G(Hu2yr0D{LbZvX%Q delta 101 zcmcc3bem~HTJ--_q5t-|5X{r#ZcuY)?j4(R?msQYWb&hG=d izYpkvN!{NEVGNKU2>k&n1Ia>^K?P@gK5}^C!C3%%AwRDG diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-after-slider@2.png index 88c9793eab4941615f0f930427b6da7967ba8f5e..9f64ca4d2be7631285e00ca951eed15c75a8a457 100644 GIT binary patch delta 160 zcmey({F`|~TD@%9Ynj3~(q&Jiik?c9Ka(teCROr6y7;+t$#bcq7gEI_Bn?6@rHWok z6+f2(iUYYtAVI0(my#vV!HQo16-$CNz62`(3WD{5OaSTvA}|+D!c3MDg$uzL6Le4V JZ2ZN@2mnrEOvL~I delta 160 zcmey({F`|~TK)echX42K|KG3o|DewQBijG>YW~@$`)9x2pMyFebU^Rd0i9n5bblYz z`MqD~H;AG8dq0rW1Cqah2qX(s17zreWFZKo5hwx@M+jnNi(-ftPBMAB@fRZ_0DrJz A>;M1& diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png index ac4a515e0efba5bd87f5603118772a7ca9f7dc0e..b72999c35d55028e354f374f5264f5ab331b2fa6 100644 GIT binary patch delta 107 zcmaFB^nhtXT4Ly`{|*iRjc5MX29gcW4BMXTHM})#d28J8&ZzN~Vbd$4rq@P|uZ3LQiN|LG01*i}R{#J2 delta 107 zcmaFB^nhtXTH^oz4FC5t{6E9+|0=`(n+*SNGyK2E@c%NH3lssO>tOO45(CIaMnDA+ TE>JPD_%()!ryR2;9-j#SaQHvs diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png index 36979b4174a543151275b2eac177221d637f4fce..2e603edc1185081a7e1513e9ae3920c8a2aff148 100644 GIT binary patch delta 150 zcmaFM{FZq_TD@VzYyFltdJS()TizNsyfbWhX4vq`xbc-y(<{TK*G7$CcH?Ux+qm(y uannnq#+SxTuZ)0d8h|8F5GVps{0hQ=YXPbRiQq>(FzM1IQ4c46`~v`QYEa<- delta 150 zcmaFM{FZq_TK)eU4F7L3{J+TX|1!h>s|^3Ifk_|(!Ul37=sLrHAc6?O84xLCm1t6M S?YI~`Fo}0Ls{0*qct6+M?K1|kqwviOBGkO7tjF;LM|;gV~ diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/scale-vert-marks-before-slider@2.png index e6b81fdb9b9ace3ea6f7805b7ca73b5b488326a5..79a5499d51e62f95d00ce6b9a7d926b7b06e0c3d 100644 GIT binary patch delta 150 zcmYj|JrY1b4227=3v9yms3kkAbOnx~cO?5aY@t_(S&W&lczN$jDpD~vLv6OI+tI8* z7J8@HA$uf`+Jg>2UU5KyB60+ZAUy}*sI)i|9+Va>uUU}aTl<73+~tq*JzBfW({Wx@ C@k%BD delta 150 zcmaFM{FZq_TK)echX42K|KG3o|DewQBijG>YW~@;_ve7_pMyF;#;=3AzYgmCI-vU- yhz{!f-mmlffZp%@xBYO!kKdbPw2>Z#k+Q+McB-7~CxVps=6 bPk{#B+SF#nz`(#)666=mAfv7^@##AN1HLtG delta 137 zcmcc2e3^MdTK)fv4F7L1{J+WY{~A7|D8rzk#GtRv5a-X35Xg`i$dDY&kP^a>8p@Cs z#?V>JFrkuRay7&BdWKC?8TKz=IIxi6_;Q95D;PeVX83V|;pat$Uzb4UC#+~oWME+6 QD+%%oW{^?WnE3P^0Pt@*^#A|> diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png index f10035aef6d86ef81127b4fc433dbcb431fa84f5..01885b0d7b9b1727065003141b1744ab3021052a 100644 GIT binary patch delta 170 zcmX@cdW>~KTD^9|f0aqM^_!lXG`uiwdSTS?(zxNJQR7RahF3<7uM8Vr88^NHu^V0) zHogXl0|lEvQb1%36M=ByB%7cdx2y?|oEeY21&_QXkAfAif;FGAy`XNOv}>J=XN#Oq xx4eJ9PT^S{xuWyB#TRsoFY1Ts- delta 170 zcmX@cdW>~KTK)g44F7L4fXHhM|F1LrzX4+dxeyVcAVe0zg|i_Fu#t)~43-8A)|*E7s%X1Kqb;gQ@vhR6FEp6q9MdVt~CL5Amt W7+xJ=_;MCx_cKKcsm;uchZzC(H&Q|X diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png b/pika-kde-settings/etc/skel/.config/gtk-4.0/assets/selectionmode-checkbox-checked.png index 2ec9a142c0fee0deae91459a77ca3658106495f3..a0ad715c3c5e9f23443a24fc75548b442c2f9982 100644 GIT binary patch delta 364 zcmcb{e4TkhTD^4H6REPNQpL}tieE?m%UUdf2mmhQoZ_R@U(Z) zv){$cexJ4EL+h5$o!dY6?EKuj^UIWdUv^yivGdB0T~~kXzWQVD^&k7L|2%N>=f`jV ze*FIT|NsAEYnIPtU|`@Y3GxeOkWtr|_*Ag|jHioZh{fr%S8oe7DG0D7n0gz#o;kIt zdG5Er@rF$L4r0@!)9+}f|9B=JS7Xn5 zDOh67`vTs^8is~xZA$zPoYb?wxa>1A4zfr0(y7U=qTHlLw7{A2R-Z$mI7C%Rd(q z|6EA=b1CD`rOZFq%KqN%|9gM(-}}@4KA86R(cFKp_x*db|KFPf|K1+{_x8xYcSryK z{`CLvkN^Mw?~D6y!@$76R}$nG%pjw#G4ZKj{b^4Z#}JFtXRqECYElqjOEC2|c75v+ znb}_ZKfLDv_k`A`$0Wa>lHB*xT`XpCMqkuZ(a#}MRTpbZ1h!7HRL<5-bUhs8Bo^S^ zc2 zhzpV}0m}lVa3Hm+mj(^5jGJDYG`}`&er?wB+Pw9(MeA$p_SX%YKDBQ7+_Up@@6In% z6!(2OcIW4<7r*bn{`26?pNDV%JbL@*$@@RgKK%Lr|Nj#fx95}D7@;dCEMzJzC$(4316oh;8y9yGH^ z1}aG$+|MZAd2r2*iA|A;NBRWL)N?6{7z)@_g&OkI{IaNe)XR3I!g0YlZpN)~3@g5W zSa8s}S&g4t%2p-gTfu^(&W&dL%#$H~o#OEs3qNY;NqCFSe@s%dPnjm%niFKObPW-!;De ze8`Q`i?@yEiG+Une#U*h7L(2CNV{%<^VeiPZIb(L_x1VZ+*7tp-=1g0%e=GvrN~~r zj_vfqd7G1q7d+p`WO3&6j$n%upLZ_#H0NT|2A2=HI#R3ql8VfA0sf_5K{t{c}+F&jB3} z+7Fb{gUUjb;UW)P{66OR`?$;R3EryQhm|NW|f{ zH!_0{83?c?_=!$&UZQc~#LA5wUAO-Kzip$jP}8!^-1;&5@4BUxYPz$}o(a=Ry-`$V zIg2AnEpT__gRH+1EUNFWn!I;oNuMD8yGilxo$uY22Qr--!<$rfS^Fvucr+%i<>DlHho^caH?yx%h8!zm70V?NPY!q_x3KpTVTM zcSdo&eg?g`SUI^b6&V+vM;^HPdDe@W2d`HD+PJLJ z?Za*FUZn%Zjr{ZXcl)_^q%+BHPTjrq--}PWzZC^70#4*C+~zmvv4FO#la#IFA4T diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css index 85afb87..4347965 100644 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css +++ b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk-dark.css @@ -18,10 +18,10 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #FBC02D 30%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 30%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #FBC02D 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 100%, transparent 0%); } } @@ -91,8 +91,8 @@ iconview:hover, iconview:selected { rubberband, .content-view rubberband, .content-view columnview.view > rubberband, .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #FBC02D; - background-color: rgba(251, 192, 45, 0.3); + border: 1px solid #3281EA; + background-color: rgba(50, 129, 234, 0.3); } flowbox > flowboxchild { @@ -154,7 +154,7 @@ label.osd { } .accent { - color: #FBC02D; + color: #3281EA; } .success { @@ -289,7 +289,7 @@ headerbar popover.background entry, entry { headerbar popover.background entry:focus-within, entry:focus-within { background-color: rgba(255, 255, 255, 0.04); color: white; - outline-color: #FBC02D; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } @@ -454,8 +454,8 @@ entry.warning { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(255, 255, 255, 0.04); - color: white; + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; } entry.warning image { @@ -468,17 +468,17 @@ entry.warning selection { } entry.warning:focus-within { - background-color: rgba(255, 255, 255, 0.04); - color: white; + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; outline-color: #FBC02D; outline-width: 2px; outline-offset: -2px; } entry.warning:disabled { - background-color: rgba(255, 255, 255, 0.04); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(251, 192, 45, 0.04); color: rgba(255, 255, 255, 0.5); + color: rgba(251, 192, 45, 0.35); outline: none; filter: none; opacity: 1; @@ -491,7 +491,7 @@ entry.warning:disabled > label { entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #FBC02D; + border-bottom: 2px solid #3281EA; background-color: transparent; } @@ -552,10 +552,10 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #FBC02D 0%, rgba(251, 192, 45, 0) 0%); + background-image: radial-gradient(farthest-side, #3281EA 0%, rgba(50, 129, 234, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #FBC02D 95%, rgba(251, 192, 45, 0)); + background-image: radial-gradient(farthest-side, #3281EA 95%, rgba(50, 129, 234, 0)); } } @@ -613,8 +613,8 @@ headerbar popover.background button:disabled:not(.suggested-action):not(.destruc headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { box-shadow: none; - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -803,8 +803,8 @@ button.osd:disabled { } button.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; box-shadow: none; } @@ -817,24 +817,24 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(251, 192, 45, 0.2), 0 4px 3px 0 rgba(251, 192, 45, 0.14), 0 1px 6px 0 rgba(251, 192, 45, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(50, 129, 234, 0.2), 0 4px 3px 0 rgba(50, 129, 234, 0.14), 0 1px 6px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:checked { - background-color: rgba(189, 144, 34, 0.961); + background-color: #70a7f0; } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(251, 192, 45, 0.3), 0 2px 3px -1px rgba(251, 192, 45, 0.24), 0 2px 5px 0 rgba(251, 192, 45, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(50, 129, 234, 0.3), 0 2px 3px -1px rgba(50, 129, 234, 0.24), 0 2px 5px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(251, 192, 45, 0.35); + box-shadow: 0 0 0 2px rgba(50, 129, 234, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #FBC02D; + color: #3281EA; } button.suggested-action.flat:disabled { @@ -844,7 +844,7 @@ button.suggested-action.flat:disabled { } button.suggested-action.flat:checked { - background-color: rgba(251, 192, 45, 0.3); + background-color: rgba(50, 129, 234, 0.3); } button.destructive-action { @@ -1012,8 +1012,8 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } @@ -1026,7 +1026,7 @@ list > row button.image-button:not(.flat).destructive-action { * Links * *********/ link { - color: #FBC02D; + color: #3281EA; } link:visited { @@ -1034,7 +1034,7 @@ link:visited { } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #FBC02D; + color: #3281EA; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { @@ -1062,7 +1062,7 @@ spinbutton:not(.vertical), spinbutton.vertical { spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { background-color: rgba(255, 255, 255, 0.04); color: white; - outline-color: #FBC02D; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } @@ -1652,11 +1652,11 @@ headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):no } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { @@ -1672,11 +1672,11 @@ headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):no } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar > windowhandle > box { @@ -1718,16 +1718,16 @@ headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar.selection-mode .subtitle:link { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar.selection-mode .selection-menu { @@ -1741,7 +1741,7 @@ headerbar.selection-mode .selection-menu .arrow { headerbar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FBC02D; + background-color: #3281EA; } .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1770,7 +1770,7 @@ headerbar.default-decoration windowcontrols menubutton { } window.devel headerbar.titlebar { - background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(251, 192, 45, 0.1)), linear-gradient(to top, #343434 3px, #393939); + background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(50, 129, 234, 0.1)), linear-gradient(to top, #343434 3px, #393939); } window.devel headerbar.titlebar:backdrop { @@ -1957,12 +1957,12 @@ treeview.view.expander:hover { columnview.view.expander:selected, treeview.view.expander:selected { - color: #FBC02D; + color: #3281EA; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { - color: rgba(251, 192, 45, 0.65); + color: rgba(50, 129, 234, 0.65); } columnview.view.expander:disabled, @@ -1972,7 +1972,7 @@ treeview.view.expander:disabled { columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #FBC02D; + border-bottom: 6px solid #3281EA; box-shadow: none; background-color: transparent; background-image: none; @@ -2050,12 +2050,12 @@ treeview.view header.button.dnd { box-shadow: none; background-color: #2C2C2C; background-clip: border-box; - color: #FBC02D; + color: #3281EA; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #FBC02D; + background-color: #3281EA; } /********* @@ -2709,7 +2709,7 @@ switch { } switch:checked { - background-color: rgba(251, 192, 45, 0.5); + background-color: rgba(50, 129, 234, 0.5); } switch:disabled { @@ -2745,8 +2745,8 @@ switch:focus:hover > slider { } switch:checked > slider { - background-color: #FBC02D; - color: #FBC02D; + background-color: #3281EA; + color: #3281EA; } /************************* @@ -3039,7 +3039,7 @@ scale > trough > slider { min-width: 32px; margin: -15px; border-radius: 50%; - color: #FBC02D; + color: #3281EA; background-color: transparent; } @@ -3074,12 +3074,12 @@ scale > trough > slider:active { animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; - color: #FBC02D; + color: #3281EA; } scale > trough > highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#FBC02D); + background-image: image(#3281EA); } scale > trough > highlight:disabled { @@ -3271,7 +3271,7 @@ progressbar trough { progressbar progress { border-radius: 12px; - background-color: #FBC02D; + background-color: #3281EA; } progressbar.osd { @@ -3288,7 +3288,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #FBC02D; + background-color: #3281EA; } progressbar trough.empty progress { @@ -3331,7 +3331,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #FBC02D; + background-color: #3281EA; } levelbar block.full { @@ -3583,7 +3583,7 @@ button row.activatable, button row.activatable:hover, button row.activatable.has } button:checked row { - color: rgba(0, 0, 0, 0.87); + color: white; } row:selected { @@ -3655,12 +3655,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #FBC02D; + outline: 2px solid #3281EA; } columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; + color: white; + background-color: #3281EA; } .rich-list { @@ -3781,7 +3781,7 @@ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { } row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #FBC02D; + color: #3281EA; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { @@ -3834,7 +3834,7 @@ list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { } .app-notification button.text-button:not(:disabled) { - color: #FBC02D; + color: #3281EA; } .app-notification.frame, @@ -3980,7 +3980,7 @@ window.dialog.message.csd .dialog-action-area > button:not(:last-child) { } window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #FBC02D; + color: #3281EA; } window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { @@ -4009,7 +4009,7 @@ window.messagedialog .response-area button:not(:last-child) { } window.messagedialog .response-area button.suggested:not(:disabled) { - color: #FBC02D; + color: #3281EA; } window.messagedialog .response-area button.destructive:not(:disabled) { @@ -4141,11 +4141,11 @@ separator.sidebar.spacer { .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FBC02D; + color: #3281EA; } .navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #FBC02D; + color: #3281EA; } .navigation-sidebar > row:selected:hover { @@ -4202,12 +4202,12 @@ placessidebar .navigation-sidebar > row > revealer { placessidebar .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FBC02D; + color: #3281EA; font-weight: 500; } placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #FBC02D; + color: #3281EA; } placessidebar .navigation-sidebar > row:disabled { @@ -4239,11 +4239,11 @@ placessidebar .navigation-sidebar > row.sidebar-placeholder-row { } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #FBC02D; + color: #3281EA; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #FBC02D; + color: #3281EA; } placessidebar .navigation-sidebar > row:drop(active) { @@ -4359,24 +4359,24 @@ infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FBC02D; + color: #3281EA; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #fbb814; + background-color: #1b73e8; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { @@ -4603,13 +4603,13 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la } .view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #FBC02D; - background-color: rgba(251, 192, 45, 0.2); + color: #3281EA; + background-color: rgba(50, 129, 234, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #FBC02D; + color: white; + background-color: #3281EA; } .monospace { @@ -4624,7 +4624,7 @@ textview text selection:focus, textview text selection, label > selection, entry * Touch Copy & Paste * **********************/ cursor-handle { - color: #FBC02D; + color: #3281EA; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4662,7 +4662,7 @@ shortcut > .keycap { } :not(decoration):not(window):drop(active) { - caret-color: #FBC02D; + caret-color: #3281EA; } stackswitcher { @@ -4682,8 +4682,8 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc } stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } stackswitcher button.text-button { @@ -4754,7 +4754,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #FBC02D; + color: #3281EA; } popover.emoji-picker emoji { @@ -4816,7 +4816,7 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow { margin: 0 0 12px 12px; border-radius: 12px; - background-color: rgba(251, 192, 45, 0.08); + background-color: rgba(50, 129, 234, 0.08); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { @@ -4889,7 +4889,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { @@ -4898,19 +4898,19 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #FBC02D; + color: #3281EA; background-color: #2C2C2C; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; @@ -4923,7 +4923,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FBC02D; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { @@ -5306,8 +5306,8 @@ screenshot-carousel box.frame.view { } .polari-room-list .sidebar > row.activatable:selected { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } .polari-room-list popover.background > arrow, @@ -5416,7 +5416,7 @@ panelstatusbar > paneltogglebutton button.image-button { } .style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #FBC02D; + outline-color: #3281EA; } window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { @@ -5577,11 +5577,11 @@ button.destructive-action, button.destructive-action:checked { } button.suggested-action { - color: rgba(0, 0, 0, 0.87); + color: white; } button.suggested-action, button.suggested-action:checked { - background-color: #FBC02D; + background-color: #3281EA; } button.font separator { @@ -5639,8 +5639,8 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } menubutton.destructive-action { @@ -5774,8 +5774,8 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } splitbutton.destructive-action { @@ -5941,7 +5941,7 @@ preferencesgroup > box button.background-preview-button.toggle:active { } preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #FBC02D; + outline-color: #3281EA; } viewswitcher { @@ -5957,20 +5957,20 @@ viewswitcher.wide { } viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #FBC02D; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: rgba(0, 0, 0, 0.87); + background-color: white; } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #FBC02D; + color: #3281EA; } viewswitcher.narrow button.toggle { @@ -6037,11 +6037,11 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #FBC02D; + background-color: #3281EA; } indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); + color: white; } tabbar .box { @@ -6073,7 +6073,7 @@ tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 9px 6px; - background: alpha(#FBC02D, 0.5); + background: alpha(#3281EA, 0.5); } tabbar tab { @@ -6143,7 +6143,7 @@ tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; - background: alpha(#FBC02D, 0.5); + background: alpha(#3281EA, 0.5); } tabview:drop(active), @@ -6172,10 +6172,10 @@ text widgets and the like base background color */ @define-color theme_base_color #2C2C2C; /* base background color of selections */ -@define-color theme_selected_bg_color #FBC02D; +@define-color theme_selected_bg_color #3281EA; /* text/foreground color of selections */ -@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ @define-color insensitive_bg_color #212121; @@ -6199,10 +6199,10 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #2C2C2C; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #FBC02D; +@define-color theme_unfocused_selected_bg_color #3281EA; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); @@ -6232,8 +6232,8 @@ FIXME this is really an API */ /* Very contrasty background for text views (@theme_text_color foreground) */ @define-color text_view_bg #1d1d1d; @define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); -@define-color budgie_tasklist_indicator_color_active #FBC02D; -@define-color budgie_tasklist_indicator_color_active_window rgba(170, 133, 41, 0.8075); +@define-color budgie_tasklist_indicator_color_active #3281EA; +@define-color budgie_tasklist_indicator_color_active_window rgba(44, 93, 160, 0.8075); @define-color budgie_tasklist_indicator_color_attention #FBC02D; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @@ -6333,9 +6333,9 @@ FIXME this is really an API */ /* GTK NAMED COLORS ---------------- use responsibly! */ -@define-color accent_bg_color #FBC02D; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #FBC02D; +@define-color accent_bg_color #3281EA; +@define-color accent_fg_color white; +@define-color accent_color #3281EA; @define-color destructive_bg_color #F44336; @define-color destructive_fg_color white; @define-color destructive_color #F44336; diff --git a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css index 9bf2800..4347965 100644 --- a/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css +++ b/pika-kde-settings/etc/skel/.config/gtk-4.0/gtk.css @@ -18,10 +18,10 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #FFD600 30%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 30%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #FFD600 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #3281EA 100%, transparent 0%); } } @@ -29,12 +29,12 @@ * Base States * ***************/ .background { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.87); + background-color: #212121; + color: white; } dnd { - color: rgba(0, 0, 0, 0.87); + color: white; } .normal-icons { @@ -50,7 +50,7 @@ dnd { } .symbolic-circular { - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); border-radius: 9999px; padding: 0; min-height: 32px; @@ -67,21 +67,21 @@ treeview.expander:disabled { } iconview, .view { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + background-color: #2C2C2C; + color: white; } iconview:disabled, .view:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } textview text { - background-color: #FFFFFF; + background-color: #2C2C2C; } textview border { - background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.6); + background-color: #242424; + color: rgba(255, 255, 255, 0.7); } iconview:hover, iconview:selected { @@ -91,8 +91,8 @@ iconview:hover, iconview:selected { rubberband, .content-view rubberband, .content-view columnview.view > rubberband, .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #FFD600; - background-color: rgba(255, 214, 0, 0.3); + border: 1px solid #3281EA; + background-color: rgba(50, 129, 234, 0.3); } flowbox > flowboxchild { @@ -124,19 +124,19 @@ gridview > child box { } coverflow cover { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; + color: white; + background-color: #2C2C2C; border: 1px solid black; } label.separator { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } label:disabled { opacity: 1; filter: none; - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar label:disabled, tab label:disabled, button label:disabled { @@ -145,28 +145,28 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 12px; - background-color: rgba(52, 52, 52, 0.9); + background-color: rgba(25, 25, 25, 0.9); color: white; } .dim-label, row.expander:not(:checked) image.expander-row-arrow, row label.subtitle { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .accent { - color: #FFD600; + color: #3281EA; } .success { - color: #0F9D58; + color: #81C995; } .warning { - color: #FFD600; + color: #FBC02D; } .error { - color: #E53935; + color: #F44336; } window.assistant .sidebar { @@ -176,20 +176,20 @@ window.assistant .sidebar { window.assistant .sidebar label { min-height: 36px; padding: 0 12px; - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); font-weight: 500; } window.assistant .sidebar label.highlight { - color: rgba(0, 0, 0, 0.87); + color: white; } toast, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; + color: white; + background-color: #2C2C2C; background-clip: padding-box; border-radius: 12px; border: none; @@ -282,48 +282,48 @@ headerbar popover.background entry, entry { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; } headerbar popover.background entry:focus-within, entry:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; + background-color: rgba(255, 255, 255, 0.04); + color: white; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } headerbar popover.background entry:drop(active), entry:drop(active) { background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; outline: 2px solid alpha(currentColor, 0.08); outline-offset: -2px; } headerbar popover.background entry:disabled, entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); outline: none; filter: none; opacity: 1; } headerbar popover.background entry:disabled > label, entry:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar popover.background entry image, entry image { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar popover.background entry image:hover, entry image:hover, headerbar popover.background entry image:active, entry image:active { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background entry image:disabled, entry image:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry { @@ -352,7 +352,7 @@ entry image.right { entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -364,7 +364,7 @@ entry undershoot.left { entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -378,125 +378,125 @@ entry.error { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(229, 57, 53, 0.08); - color: #E53935; + background-color: rgba(244, 67, 54, 0.08); + color: #F44336; } entry.error image { - color: #E53935; + color: #F44336; } entry.error selection { color: white; - background-color: #E53935; + background-color: #F44336; } entry.error:focus-within { - background-color: rgba(229, 57, 53, 0.08); - color: #E53935; - outline-color: #E53935; + background-color: rgba(244, 67, 54, 0.08); + color: #F44336; + outline-color: #F44336; outline-width: 2px; outline-offset: -2px; } entry.error:disabled { - background-color: rgba(229, 57, 53, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(229, 57, 53, 0.35); + background-color: rgba(244, 67, 54, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(244, 67, 54, 0.35); outline: none; filter: none; opacity: 1; } entry.error:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry.success { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(15, 157, 88, 0.08); - color: #0F9D58; + background-color: rgba(129, 201, 149, 0.08); + color: #81C995; } entry.success image { - color: #0F9D58; + color: #81C995; } entry.success selection { - color: white; - background-color: #0F9D58; + color: rgba(0, 0, 0, 0.87); + background-color: #81C995; } entry.success:focus-within { - background-color: rgba(15, 157, 88, 0.08); - color: #0F9D58; - outline-color: #0F9D58; + background-color: rgba(129, 201, 149, 0.08); + color: #81C995; + outline-color: #81C995; outline-width: 2px; outline-offset: -2px; } entry.success:disabled { - background-color: rgba(15, 157, 88, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(15, 157, 88, 0.35); + background-color: rgba(129, 201, 149, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(129, 201, 149, 0.35); outline: none; filter: none; opacity: 1; } entry.success:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry.warning { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; } entry.warning image { - color: #FFD600; + color: #FBC02D; } entry.warning selection { color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; + background-color: #FBC02D; } entry.warning:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; + background-color: rgba(251, 192, 45, 0.08); + color: #FBC02D; + outline-color: #FBC02D; outline-width: 2px; outline-offset: -2px; } entry.warning:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(251, 192, 45, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(251, 192, 45, 0.35); outline: none; filter: none; opacity: 1; } entry.warning:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #FFD600; + border-bottom: 2px solid #3281EA; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #FFFFFF; + background-color: #2C2C2C; } treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { @@ -508,8 +508,8 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(0, 0, 0, 0.15); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.15); + color: white; } .entry-tag:hover { @@ -536,15 +536,15 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview } .entry-tag.button:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } editablelabel > stack > text { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; } /*********** @@ -552,26 +552,26 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #FFD600 0%, rgba(255, 214, 0, 0) 0%); + background-image: radial-gradient(farthest-side, #3281EA 0%, rgba(50, 129, 234, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #FFD600 95%, rgba(255, 214, 0, 0)); + background-image: radial-gradient(farthest-side, #3281EA 95%, rgba(50, 129, 234, 0)); } } -infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.7); } -infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:focus, infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:hover, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:active, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), .nautilus-window tabbar tab > button.flat:checked, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { color: white; } -infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:disabled, infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.3); } -infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { +.nautilus-window tabbar tab > button.flat:checked:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable button.sidebar-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { color: rgba(255, 255, 255, 0.5); } @@ -579,12 +579,12 @@ headerbar popover.background button:not(.suggested-action):not(.destructive-acti transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); background-image: radial-gradient(circle, transparent 0%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action), button:focus { @@ -605,16 +605,16 @@ headerbar popover.background button:active:not(.suggested-action):not(.destructi headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action), button:checked { box-shadow: none; - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -623,8 +623,8 @@ headerbar popover.background button:checked:hover:not(.suggested-action):not(.de headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); } button { @@ -639,7 +639,7 @@ button:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -.nautilus-window tabbar tab > button.flat, .nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, +.nautilus-window tabbar tab:active > button.flat, .nautilus-window tabbar tab:checked > button.flat, .nautilus-window tabbar tab:selected > button.flat, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button, stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button, calendar > header > button, row button.circular, check, radio, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton, spinbutton:not(.vertical) > button, spinbutton.vertical > button, tabbar tab button.image-button, dnd tab button.image-button, splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.flat > button, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message.csd .dialog-action-area > button, .app-notification button, headerbar popover.background button.flat:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, @@ -653,30 +653,30 @@ combobox > .linked:not(.vertical) > button:not(:only-child), button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } -.nautilus-window tabbar tab > button.flat:focus, .nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, +.nautilus-window tabbar tab:active > button.flat:focus, .nautilus-window tabbar tab:checked > button.flat:focus, .nautilus-window tabbar tab:selected > button.flat:focus, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:focus, stackswitcher.linked:not(.vertical) > button:focus:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:focus, calendar > header > button:focus, row button.circular:focus, check:focus, radio:focus, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton:focus, spinbutton:not(.vertical) > button:focus, spinbutton.vertical > button:focus, tabbar tab button.image-button:focus, dnd tab button.image-button:focus, splitbutton.flat > button:focus, splitbutton.flat > menubutton > button:focus, menubutton.flat > button:focus, filechooser #pathbarbox > stack > box > button:focus, window.messagedialog .response-area button:focus, window.dialog.message.csd .dialog-action-area > button:focus, .app-notification button:focus, headerbar popover.background button.flat:focus:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus, toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } -.nautilus-window tabbar tab > button.flat:hover, .nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, +.nautilus-window tabbar tab:active > button.flat:hover, .nautilus-window tabbar tab:checked > button.flat:hover, .nautilus-window tabbar tab:selected > button.flat:hover, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:hover, stackswitcher.linked:not(.vertical) > button:hover:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, row button.circular:hover, check:hover, radio:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton:hover, spinbutton:not(.vertical) > button:hover, spinbutton.vertical > button:hover, tabbar tab button.image-button:hover, dnd tab button.image-button:hover, splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.flat > button:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message.csd .dialog-action-area > button:hover, .app-notification button:hover, headerbar popover.background button.flat:hover:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } -.nautilus-window tabbar tab > button.flat:active, .nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, +.nautilus-window tabbar tab:active > button.flat:active, .nautilus-window tabbar tab:checked > button.flat:active, .nautilus-window tabbar tab:selected > button.flat:active, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:active, stackswitcher.linked:not(.vertical) > button:active:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, row button.circular:active, check:active, radio:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton:active, spinbutton:not(.vertical) > button:active, spinbutton.vertical > button:active, tabbar tab button.image-button:active, dnd tab button.image-button:active, splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.flat > button:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message.csd .dialog-action-area > button:active, .app-notification button:active, headerbar popover.background button.flat:active:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, @@ -687,10 +687,10 @@ combobox > .linked:not(.vertical) > button:active:not(:only-child), button.flat: box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 100% 100%; - color: rgba(0, 0, 0, 0.87); + color: white; } -.nautilus-window tabbar tab > button.flat:disabled, .nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, +.nautilus-window tabbar tab:active > button.flat:disabled, .nautilus-window tabbar tab:checked > button.flat:disabled, .nautilus-window tabbar tab:selected > button.flat:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button:disabled, stackswitcher.linked:not(.vertical) > button:disabled:not(.suggested-action):not(.destructive-action), placessidebar .navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, row button.circular:disabled, check:disabled, radio:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton:disabled, spinbutton:not(.vertical) > button:disabled, spinbutton.vertical > button:disabled, tabbar tab button.image-button:disabled, dnd tab button.image-button:disabled, splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, menubutton.flat > button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message.csd .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar popover.background button.flat:disabled:not(.suggested-action):not(.destructive-action), headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, @@ -698,7 +698,7 @@ toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } tabbar tab button.image-button:checked, @@ -707,7 +707,7 @@ splitbutton.flat > menubutton > button:checked, menubutton.flat > button:checked toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } tabbar tab button.image-button:checked:disabled, @@ -716,7 +716,7 @@ splitbutton.flat > menubutton > button:checked:disabled, menubutton.flat > butto toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } button.text-button { @@ -781,17 +781,17 @@ button.text-button.image-button image:not(:only-child) { button.osd { box-shadow: none; padding: 12px 16px; - background-color: #FFFFFF; - border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #2C2C2C; + border: 1px solid rgba(255, 255, 255, 0.12); background-clip: padding-box; } button.osd:hover { - background-color: rgba(235, 235, 235, 0.987); + background-color: #414141; } button.osd:active { - background-color: rgba(214, 214, 214, 0.974); + background-color: #565656; } button.osd.image-button { @@ -803,93 +803,93 @@ button.osd:disabled { } button.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; box-shadow: none; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(255, 214, 0, 0.2), 0 4px 3px 0 rgba(255, 214, 0, 0.14), 0 1px 6px 0 rgba(255, 214, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(50, 129, 234, 0.2), 0 4px 3px 0 rgba(50, 129, 234, 0.14), 0 1px 6px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:checked { - background-color: rgba(192, 161, 0, 0.961); + background-color: #70a7f0; } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(255, 214, 0, 0.3), 0 2px 3px -1px rgba(255, 214, 0, 0.24), 0 2px 5px 0 rgba(255, 214, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(50, 129, 234, 0.3), 0 2px 3px -1px rgba(50, 129, 234, 0.24), 0 2px 5px 0 rgba(50, 129, 234, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(255, 214, 0, 0.35); + box-shadow: 0 0 0 2px rgba(50, 129, 234, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #FFD600; + color: #3281EA; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } button.suggested-action.flat:checked { - background-color: rgba(255, 214, 0, 0.3); + background-color: rgba(50, 129, 234, 0.3); } button.destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; box-shadow: none; } button.destructive-action:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(229, 57, 53, 0.2), 0 4px 3px 0 rgba(229, 57, 53, 0.14), 0 1px 6px 0 rgba(229, 57, 53, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(244, 67, 54, 0.2), 0 4px 3px 0 rgba(244, 67, 54, 0.14), 0 1px 6px 0 rgba(244, 67, 54, 0.12); } button.destructive-action:checked { - background-color: #ed7472; + background-color: #f77b72; } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(229, 57, 53, 0.3), 0 2px 3px -1px rgba(229, 57, 53, 0.24), 0 2px 5px 0 rgba(229, 57, 53, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(244, 67, 54, 0.3), 0 2px 3px -1px rgba(244, 67, 54, 0.24), 0 2px 5px 0 rgba(244, 67, 54, 0.12); } button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(229, 57, 53, 0.35); + box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.35); } button.destructive-action.flat { background-color: transparent; - color: #E53935; + color: #F44336; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } button.destructive-action.flat:checked { - background-color: rgba(229, 57, 53, 0.3); + background-color: rgba(244, 67, 54, 0.3); } stackswitcher > button > label { @@ -1012,13 +1012,13 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } list > row button.image-button:not(.flat).destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; } @@ -1026,19 +1026,19 @@ list > row button.image-button:not(.flat).destructive-action { * Links * *********/ link { - color: #FFD600; + color: #3281EA; } link:visited { - color: #AB47BC; + color: #BA68C8; } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #FFD600; + color: #3281EA; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #AB47BC; + color: #BA68C8; } button.link > label { @@ -1052,32 +1052,32 @@ spinbutton:not(.vertical), spinbutton.vertical { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; border-radius: 12px; padding: 0; border-spacing: 0; } spinbutton:not(.vertical):focus-within, spinbutton.vertical:focus-within { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); - outline-color: #FFD600; + background-color: rgba(255, 255, 255, 0.04); + color: white; + outline-color: #3281EA; outline-width: 2px; outline-offset: -2px; } spinbutton:not(.vertical):disabled, spinbutton.vertical:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); outline: none; filter: none; opacity: 1; } spinbutton:not(.vertical):disabled > label, spinbutton.vertical:disabled > label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } spinbutton:not(.vertical) > text, spinbutton.vertical > text { @@ -1095,7 +1095,7 @@ spinbutton:not(.vertical) > button, spinbutton.vertical > button { spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled), spinbutton.vertical > button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } spinbutton:not(.vertical) > text { @@ -1112,7 +1112,7 @@ spinbutton:not(.vertical) > button.up:dir(rtl), spinbutton:not(.vertical) > butt } spinbutton.vertical:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } spinbutton.vertical > text { @@ -1235,18 +1235,18 @@ button.combo:only-child { transition: outline-color 300ms cubic-bezier(0, 0, 0.2, 1), outline-width 300ms cubic-bezier(0, 0, 0.2, 1), outline-offset 300ms cubic-bezier(0, 0, 0.2, 1); outline: 0 solid transparent; outline-offset: 4px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.04); + color: white; } button.combo:only-child:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:active { @@ -1255,18 +1255,18 @@ button.combo:only-child:active { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 100% 100%; - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:checked { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } button.combo:only-child:disabled { box-shadow: none; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); filter: none; opacity: 1; } @@ -1276,13 +1276,13 @@ toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; } .app-notification:backdrop, .toolbar.osd:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /************ @@ -1291,7 +1291,7 @@ toolbar.osd:backdrop { .toolbar, toolbar { padding: 3px 6px; - background-color: #F2F2F2; + background-color: #212121; border-spacing: 6px; } @@ -1375,8 +1375,8 @@ searchbar > revealer > box { border-spacing: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + border-color: rgba(255, 255, 255, 0.12); + background-color: #212121; background-clip: border-box; box-shadow: none; } @@ -1392,43 +1392,43 @@ searchbar > revealer > box splitbutton { * Header bars * ***************/ window.about.background.csd headerbar button:not(.suggested-action):not(.destructive-action), headerbar.flat button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } window.about.background.csd headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:active:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.87); + color: white; } window.about.background.csd headerbar button:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } window.about.background.csd headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } window.about.background.csd headerbar button:backdrop:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } window.about.background.csd headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:focus:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:hover:not(.suggested-action):not(.destructive-action), window.about.background.csd headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } window.about.background.csd headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } window.about.background.csd headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } window.about.background.csd headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar.flat button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { @@ -1436,88 +1436,88 @@ headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructiv } headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar entry { - caret-color: rgba(0, 0, 0, 0.87); + caret-color: white; } headerbar entry { - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); } headerbar entry, headerbar entry > text { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar entry:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); } headerbar entry image { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar entry image:hover, headerbar entry image:active { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar entry image:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + color: white; min-height: 48px; padding: 0; margin: 0; - background-color: #FFFFFF; + background-color: transparent; } headerbar:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar:backdrop { - color: rgba(0, 0, 0, 0.6); - background-color: #FFFFFF; + color: rgba(255, 255, 255, 0.7); + background-color: transparent; } headerbar:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar .title { @@ -1537,14 +1537,14 @@ row.expander:not(:checked) headerbar image.expander-row-arrow, headerbar row label.subtitle, row headerbar label.subtitle { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar .subtitle:backdrop, headerbar .dim-label:backdrop, headerbar row.expander:not(:checked) image.expander-row-arrow:backdrop, row.expander:not(:checked) headerbar image.expander-row-arrow:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar headerbar { @@ -1581,8 +1581,8 @@ headerbar .linked:not(.vertical) > entry:not(:only-child) { headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); } headerbar button.toggle { @@ -1590,9 +1590,9 @@ headerbar button.toggle { } headerbar.flat { - background-color: #F2F2F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - color: rgba(0, 0, 0, 0.6); + background-color: #212121; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); border-radius: 18px 18px 0 0; } @@ -1602,11 +1602,11 @@ background.csd.info headerbar.flat, background.csd.about headerbar.flat { } headerbar popover.background > contents { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background > contents .dim-label, headerbar popover.background > contents row.expander:not(:checked) image.expander-row-arrow, row.expander:not(:checked) headerbar popover.background > contents image.expander-row-arrow, headerbar popover.background > contents row label.subtitle, row headerbar popover.background > contents label.subtitle { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar popover.background button, headerbar popover.background entry, headerbar popover.background spinbutton { @@ -1614,7 +1614,7 @@ headerbar popover.background button, headerbar popover.background entry, headerb } headerbar popover.background button:not(.suggested-action):not(.destructive-action) image { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar popover.background .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { @@ -1640,43 +1640,43 @@ headerbar stackswitcher { headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:active { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:checked:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:focus, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:hover, headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:active { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button:backdrop:checked:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } headerbar > windowhandle > box { @@ -1718,16 +1718,16 @@ headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } headerbar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } headerbar.selection-mode .subtitle:link { - color: rgba(0, 0, 0, 0.87); + color: white; } headerbar.selection-mode .selection-menu { @@ -1741,7 +1741,7 @@ headerbar.selection-mode .selection-menu .arrow { headerbar .selection-mode { box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #FFD600; + background-color: #3281EA; } .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar { @@ -1752,8 +1752,8 @@ headerbar.default-decoration { min-height: 24px; padding: 6px; background-image: none; - background-color: #FFFFFF; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #2C2C2C; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } headerbar.default-decoration windowcontrols button, @@ -1770,11 +1770,11 @@ headerbar.default-decoration windowcontrols menubutton { } window.devel headerbar.titlebar { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 214, 0, 0.2)), linear-gradient(to top, #f7f7f7, #FFFFFF 3px, white); + background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(50, 129, 234, 0.1)), linear-gradient(to top, #343434 3px, #393939); } window.devel headerbar.titlebar:backdrop { - background: #FFFFFF cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#FFFFFF); + background: #2C2C2C cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#2C2C2C); /* background-color would flash */ } @@ -1843,8 +1843,8 @@ pathbar > button.slider-button { } .pathbar { - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); border: none; border-radius: 12px; padding: 2px; @@ -1853,8 +1853,8 @@ pathbar > button.slider-button { headerbar .pathbar { margin-top: 6px; margin-bottom: 6px; - background-color: rgba(0, 0, 0, 0.04); - color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.7); } .pathbar > button { @@ -1868,7 +1868,7 @@ headerbar .pathbar { .pathbar > button:last-child { background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } /************** @@ -1876,13 +1876,13 @@ headerbar .pathbar { **************/ columnview.view, treeview.view { - border-left-color: #dedede; - border-top-color: #dedede; + border-left-color: #404040; + border-top-color: #404040; } columnview.view:selected, treeview.view:selected { - background-color: #FFFFFF; + background-color: #2C2C2C; background-image: image(alpha(currentColor, 0.1)); box-shadow: none; } @@ -1897,7 +1897,7 @@ treeview.view:selected { columnview.view.separator, treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.12); + color: rgba(255, 255, 255, 0.12); } columnview.view:drop(active), @@ -1936,7 +1936,7 @@ columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -1952,27 +1952,27 @@ treeview.view.expander:checked { columnview.view.expander:hover, treeview.view.expander:hover { - color: rgba(0, 0, 0, 0.87); + color: white; } columnview.view.expander:selected, treeview.view.expander:selected { - color: #FFD600; + color: #3281EA; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { - color: rgba(255, 214, 0, 0.65); + color: rgba(50, 129, 234, 0.65); } columnview.view.expander:disabled, treeview.view.expander:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #FFD600; + border-bottom: 6px solid #3281EA; box-shadow: none; background-color: transparent; background-image: none; @@ -1985,7 +1985,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(0, 0, 0, 0.15); + border-bottom: 6px solid rgba(255, 255, 255, 0.15); box-shadow: none; background-color: transparent; background-image: none; @@ -2001,20 +2001,20 @@ treeview.view > header > button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; background-clip: border-box; } columnview.view > header > button:not(:focus):not(:hover):not(:active), treeview.view > header > button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } columnview.view > header > button, columnview.view > header > button:disabled, treeview.view > header > button, treeview.view > header > button:disabled { - background-color: #FFFFFF; + background-color: #2C2C2C; } columnview.view > header > button:last-child, @@ -2045,17 +2045,17 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; - background-color: #FFFFFF; + background-color: #2C2C2C; background-clip: border-box; - color: #FFD600; + color: #3281EA; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #FFD600; + background-color: #3281EA; } /********* @@ -2063,13 +2063,13 @@ treeview.view acceleditor > label { *********/ menubar { padding: 0; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + background-color: #2C2C2C; + color: white; } menubar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); } .csd menubar { @@ -2080,17 +2080,17 @@ menubar > item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } menubar > item:selected { transition: none; background-color: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } menubar > item:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } menubar > item label:disabled { @@ -2173,10 +2173,10 @@ popover.background > contents { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + background-color: #3C3C3C; border: none; border-radius: 11px; - color: rgba(0, 0, 0, 0.87); + color: white; } popover.background:backdrop > arrow, @@ -2197,7 +2197,7 @@ popover.background > contents > scrolledwindow > viewport > stack > box { } popover.background > contents separator { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.12); margin: 3px 0; } @@ -2216,7 +2216,7 @@ popover.background > contents list separator { popover.background .view:not(:selected), popover.background toolbar { - background-color: #FFFFFF; + background-color: #3C3C3C; } popover.background .linked > button:not(.radio):first-child { @@ -2237,19 +2237,19 @@ popover.background modelbutton { min-width: 56px; padding: 3px 9px; border-radius: 5px; - color: rgba(0, 0, 0, 0.87); + color: white; font: initial; text-shadow: none; border-spacing: 6px; } popover.background modelbutton accelerator { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); margin-left: 30px; } popover.background modelbutton accelerator:disabled { - color: rgba(0, 0, 0, 0.12); + color: rgba(255, 255, 255, 0.12); } popover.background modelbutton arrow.left { @@ -2282,7 +2282,7 @@ popover.background listview > row { } magnifier { - background-color: #FFFFFF; + background-color: #2C2C2C; } /************* @@ -2299,42 +2299,42 @@ notebook > header tab { outline: none; background-clip: padding-box; box-shadow: none; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); font-weight: 500; } notebook > header tab:hover { - background-color: #dedede; - color: rgba(0, 0, 0, 0.87); + background-color: #404040; + color: white; } notebook > header tab:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; + background-color: #2C2C2C; background-clip: padding-box; - border-color: #dedede; - color: rgba(0, 0, 0, 0.87); + border-color: #404040; + color: white; box-shadow: none; } notebook > header tab:checked:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } notebook > header tab:checked.reorderable-page { - background-color: #FFFFFF; + background-color: #2C2C2C; } notebook { - background-color: #FFFFFF; + background-color: #2C2C2C; } frame > paned > notebook > header, notebook.frame > header { - background-color: #FAFAFA; + background-color: #242424; } notebook.frame { @@ -2372,12 +2372,12 @@ notebook.frame > header.right { notebook > header { border: none; - background-color: #F2F2F2; + background-color: #212121; padding: 0; } notebook > header.top { - box-shadow: inset 0 -1px #dedede; + box-shadow: inset 0 -1px #404040; } notebook > header.top > tabs { @@ -2390,7 +2390,7 @@ notebook > header.top > tabs > tab { } notebook > header.bottom { - box-shadow: inset 0 1px #dedede; + box-shadow: inset 0 1px #404040; } notebook > header.bottom > tabs { @@ -2403,7 +2403,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.left { - box-shadow: inset -1px 0 #dedede; + box-shadow: inset -1px 0 #404040; } notebook > header.left > tabs { @@ -2416,7 +2416,7 @@ notebook > header.left > tabs > tab { } notebook > header.right { - box-shadow: inset 1px 0 #dedede; + box-shadow: inset 1px 0 #404040; } notebook > header.right > tabs { @@ -2487,8 +2487,8 @@ notebook > header tab > box { } notebook > header tab > box:drop(active) { - background-color: rgba(0, 0, 0, 0.12); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(255, 255, 255, 0.12); + color: white; } notebook > header tab button.flat:last-child { @@ -2545,23 +2545,23 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #FFFFFF; + background-color: #2C2C2C; } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); } scrollbar > range > trough { @@ -2577,21 +2577,21 @@ scrollbar > range > trough > slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.5); box-shadow: none; outline: none; } scrollbar > range > trough > slider:hover { - background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(255, 255, 255, 0.7); } scrollbar > range > trough > slider:active { - background-color: rgba(0, 0, 0, 0.87); + background-color: white; } scrollbar > range > trough > slider:disabled { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scrollbar > range.fine-tune > trough > slider { @@ -2622,7 +2622,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > sli min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); box-shadow: none; outline: none; } @@ -2631,15 +2631,15 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.38); + background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { @@ -2659,7 +2659,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(255, 255, 255, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal > range > trough > slider { @@ -2702,14 +2702,14 @@ switch { padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; font-size: 0; color: transparent; } switch:checked { - background-color: rgba(255, 214, 0, 0.5); + background-color: rgba(50, 129, 234, 0.5); } switch:disabled { @@ -2729,7 +2729,7 @@ switch > slider { border-radius: 9999px; outline: none; box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17); - background-color: #FFFFFF; + background-color: #3C3C3C; } switch:focus > slider { @@ -2745,8 +2745,8 @@ switch:focus:hover > slider { } switch:checked > slider { - background-color: #FFD600; - color: #FFD600; + background-color: #3281EA; + color: #3281EA; } /************************* @@ -2772,12 +2772,12 @@ switch:checked > slider { .view.content-view.check:not(list), .content-view .tile check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png")); + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png")); } .view.content-view.check:not(list):checked, .content-view .tile check:not(list):checked { - -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png")); + -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png")); } checkbutton, @@ -2816,13 +2816,13 @@ radio { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #0F9D58; + color: #81C995; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } check:not(:hover):focus, @@ -2843,7 +2843,7 @@ popover modelbutton check, popover modelbutton check:focus, popover modelbutton } popover modelbutton check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } popover modelbutton check, popover modelbutton check:hover, popover modelbutton check:disabled, popover modelbutton radio, popover modelbutton radio:hover, popover modelbutton radio:disabled { @@ -2935,7 +2935,7 @@ columnview.view radio { padding: 0; box-shadow: none; background: none; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active, @@ -2943,13 +2943,13 @@ columnview.view check:hover, columnview.view check:active, columnview.view radio:hover, columnview.view radio:active { - color: rgba(0, 0, 0, 0.87); + color: white; } treeview.view check:disabled, treeview.view radio:disabled, columnview.view check:disabled, columnview.view radio:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate, @@ -2957,7 +2957,7 @@ columnview.view check:checked, columnview.view check:indeterminate, columnview.view radio:checked, columnview.view radio:indeterminate { - color: #0F9D58; + color: #81C995; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled, @@ -2965,7 +2965,7 @@ columnview.view check:checked:disabled, columnview.view check:indeterminate:disabled, columnview.view radio:checked:disabled, columnview.view radio:indeterminate:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus radio, treeview.view:focus-within check, treeview.view:focus-within radio, @@ -3023,11 +3023,11 @@ scale.fine-tune > trough > slider { scale > trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scale > trough:disabled { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(255, 255, 255, 0.15); } scale > trough > slider { @@ -3039,7 +3039,7 @@ scale > trough > slider { min-width: 32px; margin: -15px; border-radius: 50%; - color: #FFD600; + color: #3281EA; background-color: transparent; } @@ -3050,11 +3050,11 @@ scale > trough > slider, scale > trough > slider:focus, scale > trough > slider: } scale > trough > slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale > trough > slider:focus { @@ -3072,24 +3072,24 @@ scale > trough > slider:focus:hover { scale > trough > slider:active { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: auto, 0% 0%; - color: #FFD600; + color: #3281EA; } scale > trough > highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#FFD600); + background-image: image(#3281EA); } scale > trough > highlight:disabled { - background-color: #F2F2F2; - background-image: image(rgba(0, 0, 0, 0.26)); + background-color: #212121; + background-image: image(rgba(255, 255, 255, 0.3)); } scale > trough > fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); } scale > trough > fill:disabled { @@ -3098,11 +3098,11 @@ scale > trough > fill:disabled { scale > marks, scale > value { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } scale > marks indicator { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.3); color: transparent; } @@ -3167,51 +3167,51 @@ scale.marks-before:not(.marks-after) > trough > slider:disabled, scale.marks-aft } scale.horizontal.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-before:not(.marks-after) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) > trough > slider { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale.vertical.marks-after:not(.marks-before) > trough > slider:active { - background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); } scale.color { @@ -3250,7 +3250,7 @@ scale.color.vertical:dir(rtl) > trough > slider { * Progress bars * *****************/ progressbar { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); font-size: smaller; } @@ -3266,12 +3266,12 @@ progressbar.vertical progress { progressbar trough { border-radius: 12px; - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(255, 255, 255, 0.15); } progressbar progress { border-radius: 12px; - background-color: #FFD600; + background-color: #3281EA; } progressbar.osd { @@ -3288,7 +3288,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #FFD600; + background-color: #3281EA; } progressbar trough.empty progress { @@ -3327,26 +3327,26 @@ levelbar trough { } levelbar block.low { - background-color: #FFD600; + background-color: #FBC02D; } levelbar block.high, levelbar block:not(.empty) { - background-color: #FFD600; + background-color: #3281EA; } levelbar block.full { - background-color: #0F9D58; + background-color: #81C995; } levelbar block.empty { - background-color: rgba(0, 0, 0, 0.15); + background-color: rgba(255, 255, 255, 0.15); } /**************** * Print dialog * *****************/ window.dialog.print drawing { - color: rgba(0, 0, 0, 0.87); + color: white; background: none; border: none; padding: 0; @@ -3354,9 +3354,9 @@ window.dialog.print drawing { window.dialog.print drawing paper { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; + color: white; } window.dialog.print .dialog-action-box { @@ -3368,7 +3368,7 @@ window.dialog.print .dialog-action-box { **********/ frame, .frame { - border: 1px solid rgba(0, 0, 0, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); } frame > list, @@ -3401,8 +3401,8 @@ frame.flat > border, statusbar frame > border { actionbar > revealer > box { padding: 6px; border-spacing: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; background-clip: border-box; box-shadow: none; } @@ -3428,7 +3428,7 @@ stack scrolledwindow.frame viewport.frame list { overshoot.top { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at top, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at top, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3438,7 +3438,7 @@ overshoot.top { overshoot.bottom { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at bottom, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at bottom, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3448,7 +3448,7 @@ overshoot.bottom { overshoot.left { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at left, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at left, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3458,7 +3458,7 @@ overshoot.left { overshoot.right { background-size: 200% 70%; - background-image: radial-gradient(farthest-side at right, rgba(0, 0, 0, 0.04) 99%, transparent 100%); + background-image: radial-gradient(farthest-side at right, rgba(255, 255, 255, 0.04) 99%, transparent 100%); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3468,13 +3468,13 @@ overshoot.right { junction { border: none; - background-color: #FFFFFF; + background-color: #2C2C2C; } separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.12); } separator.spacer { @@ -3501,10 +3501,10 @@ stacksidebar separator.horizontal, button.font separator, button.file separator *********/ listview, list { - border-color: rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + border-color: rgba(255, 255, 255, 0.12); + background-color: #2C2C2C; background-clip: padding-box; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } listview > row, @@ -3525,13 +3525,13 @@ list > row.expander .row-header { listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); } listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } list.frame { @@ -3583,7 +3583,7 @@ button row.activatable, button row.activatable:hover, button row.activatable.has } button:checked row { - color: rgba(0, 0, 0, 0.87); + color: white; } row:selected { @@ -3592,7 +3592,7 @@ row:selected { row:selected image, row:selected label { - color: rgba(0, 0, 0, 0.87); + color: white; } row:selected button image, @@ -3602,7 +3602,7 @@ row:selected button label { row:selected:disabled image, row:selected:disabled label { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } treeexpander { @@ -3633,11 +3633,11 @@ columnview > header > button:first-child { columnview.column-separators > listview > row > cell, columnview.column-separators > header > button { - border-left-color: rgba(0, 0, 0, 0.12); + border-left-color: rgba(255, 255, 255, 0.12); } columnview > listview:not(.horizontal).separators > row:not(.separator) { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } @@ -3647,7 +3647,7 @@ columnview.data-table > listview > row > cell { } columnview ~ undershoot.top { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); } columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { @@ -3655,12 +3655,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #FFD600; + outline: 2px solid #3281EA; } columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; + color: white; + background-color: #3281EA; } .rich-list { @@ -3730,15 +3730,15 @@ list.content > row, list.content > row.expander row.header, list.boxed-list > row, list.boxed-list > row.expander row.header, row.expander list.nested > row { transition: 200ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(255, 255, 255, 0.7); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .osd list.content > row:focus:focus-visible, .osd list.content > row.expander row.header:focus:focus-visible, list.content > row.expander .osd row.header:focus:focus-visible, .osd list.boxed-list > row:focus:focus-visible, .osd list.boxed-list > row.expander row.header:focus:focus-visible, list.boxed-list > row.expander .osd row.header:focus:focus-visible, .osd row.expander list.nested > row:focus:focus-visible, row.expander .osd list.nested > row:focus:focus-visible { - outline-color: rgba(0, 0, 0, 0.04); + outline-color: rgba(255, 255, 255, 0.04); } row.expander { @@ -3752,7 +3752,7 @@ row.expander > box > list { } row.expander list.nested { - background-color: #FFFFFF; + background-color: #2C2C2C; color: inherit; } @@ -3781,7 +3781,7 @@ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { } row.expander:checked image.expander-row-arrow:not(:disabled) { - color: #FFD600; + color: #3281EA; } .osd row.expander:checked image.expander-row-arrow:not(:disabled) { @@ -3834,7 +3834,7 @@ list.boxed-list > row:only-child.expander:checked list.nested > row:last-child { } .app-notification button.text-button:not(:disabled) { - color: #FFD600; + color: #3281EA; } .app-notification.frame, @@ -3849,7 +3849,7 @@ expander { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -3858,11 +3858,11 @@ expander:dir(rtl) { } expander:hover, expander:active { - color: rgba(0, 0, 0, 0.87); + color: white; } expander:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } expander-widget > box > title { @@ -3870,7 +3870,7 @@ expander-widget > box > title { } expander-widget > box > title:hover > expander { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), @@ -3888,13 +3888,13 @@ expander-widget:not(decoration):not(window):drop(active) { ************/ calendar { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; - color: rgba(0, 0, 0, 0.87); + color: white; } calendar:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } calendar:selected { @@ -3903,7 +3903,7 @@ calendar:selected { calendar > header { padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } calendar > header > button { @@ -3939,7 +3939,7 @@ calendar > grid > label.day-number.other-month { * Dialogs * ***********/ window.dialog.message.background { - background-color: #FFFFFF; + background-color: #3C3C3C; background-image: none; } @@ -3950,14 +3950,14 @@ window.dialog.message box.dialog-vbox.vertical { window.dialog.message .titlebar { min-height: 24px; border-style: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; + color: white; } window.dialog.message .titlebar:backdrop { - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); + background-color: #3C3C3C; + color: rgba(255, 255, 255, 0.7); } window.dialog.message.csd .dialog-action-area { @@ -3980,11 +3980,11 @@ window.dialog.message.csd .dialog-action-area > button:not(:last-child) { } window.dialog.message.csd .dialog-action-area > button:not(:disabled) { - color: #FFD600; + color: #3281EA; } window.dialog.message.csd .dialog-action-area > button.destructive-action:not(:disabled) { - color: #E53935; + color: #F44336; } window.messagedialog .message-area separator { @@ -4009,11 +4009,11 @@ window.messagedialog .response-area button:not(:last-child) { } window.messagedialog .response-area button.suggested:not(:disabled) { - color: #FFD600; + color: #3281EA; } window.messagedialog .response-area button.destructive:not(:disabled) { - color: #E53935; + color: #F44336; } window.messagedialog .response-area separator { @@ -4022,12 +4022,12 @@ window.messagedialog .response-area separator { } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #212121; } filechooser stack.view frame > border { @@ -4052,7 +4052,7 @@ window.aboutdialog .large-icons { } window.about.background.csd headerbar { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } /*********** @@ -4060,16 +4060,16 @@ window.about.background.csd headerbar { ***********/ .sidebar { border-style: none; - background-color: #FAFAFA; + background-color: #242424; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -4084,7 +4084,7 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . stacksidebar list { padding: 6px; - background-color: #FAFAFA; + background-color: #242424; } stacksidebar row { @@ -4108,7 +4108,7 @@ stacksidebar row > label { } separator.sidebar { - background-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.12); border-right: none; } @@ -4141,11 +4141,11 @@ separator.sidebar.spacer { .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FFD600; + color: #3281EA; } .navigation-sidebar > row:selected label, .navigation-sidebar > row:selected image { - color: #FFD600; + color: #3281EA; } .navigation-sidebar > row:selected:hover { @@ -4162,7 +4162,7 @@ separator.sidebar.spacer { } .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } .navigation-sidebar > separator { @@ -4174,11 +4174,11 @@ separator.sidebar.spacer { ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } row image.sidebar-icon:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } placessidebar > viewport.frame { @@ -4202,16 +4202,16 @@ placessidebar .navigation-sidebar > row > revealer { placessidebar .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.1); - color: #FFD600; + color: #3281EA; font-weight: 500; } placessidebar .navigation-sidebar > row:selected image.sidebar-icon { - color: #FFD600; + color: #3281EA; } placessidebar .navigation-sidebar > row:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { @@ -4239,11 +4239,11 @@ placessidebar .navigation-sidebar > row.sidebar-placeholder-row { } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { - color: #FFD600; + color: #3281EA; } placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { - color: #FFD600; + color: #3281EA; } placessidebar .navigation-sidebar > row:drop(active) { @@ -4274,7 +4274,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px; background-clip: content-box; box-shadow: none; @@ -4283,8 +4283,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #F2F2F2; - background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12)); + background-color: #212121; + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -4354,33 +4354,33 @@ infobar > revealer > box { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - color: rgba(0, 0, 0, 0.87); - background-color: #FFFFFF; + color: white; + background-color: #2C2C2C; } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #FFD600; + color: #3281EA; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: rgba(0, 0, 0, 0.87); + color: white; } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #ffda1a; + background-color: #1b73e8; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #FFD600; + background-color: #FBC02D; color: rgba(0, 0, 0, 0.87); } @@ -4393,11 +4393,11 @@ infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > b } infobar.warning:hover > revealer > box { - background-color: #ffda1a; + background-color: #fbb814; } infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #E53935; + background-color: #F44336; color: white; } @@ -4410,7 +4410,7 @@ infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box * } infobar.error:hover > revealer > box { - background-color: #e84f4c; + background-color: #f32c1e; } /************ @@ -4422,7 +4422,7 @@ tooltip { } tooltip.background, tooltip.background.csd { - background-color: rgba(52, 52, 52, 0.9); + background-color: rgba(25, 25, 25, 0.9); color: white; box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; @@ -4487,7 +4487,7 @@ colorswatch.light { colorswatch#add-color-button { border-radius: 11px 11px 0 0; - color: rgba(0, 0, 0, 0.87); + color: white; } colorswatch#add-color-button:only-child { @@ -4495,7 +4495,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-color: #FFFFFF; + background-color: #3C3C3C; } colorswatch:disabled { @@ -4517,19 +4517,19 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #FFFFFF; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #3C3C3C; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } /******** * Misc * ********/ .content-view { - background-color: #F2F2F2; + background-color: #212121; } /********************** @@ -4543,28 +4543,43 @@ window { window.csd { border-radius: 18px; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); } window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { border-radius: 0; } +window.csd.background { + background-color: transparent; + background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); +} + window.csd:backdrop { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.csd:backdrop.background { + background-color: transparent; + background-image: linear-gradient(to bottom, #2C2C2C, #2C2C2C 48px, #212121 48px, #212121); } window.csd.messagedialog { - background-color: #FFFFFF; + background-color: #3C3C3C; background-image: none; - box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); } window.csd.messagedialog:backdrop { - background-color: #F2F2F2; + background-color: #212121; + background-image: none; + box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.csd.about.background, window.csd.about.background:backdrop, window.csd.info.background, window.csd.info.background:backdrop { + background-color: #212121; background-image: none; - box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent, inset 0 1px rgba(255, 255, 255, 0.4); } window.ssd { @@ -4576,11 +4591,11 @@ window.solid-csd { padding: 2px; border-radius: 0; box-shadow: none; - background-color: #FFFFFF; + background-color: #2C2C2C; } window.solid-csd:backdrop { - background-color: #FFFFFF; + background-color: #2C2C2C; } gridview > child:selected, row:selected, calendar:selected, calendar > grid > label.day-number:selected { @@ -4588,13 +4603,13 @@ gridview > child:selected, row:selected, calendar:selected, calendar > grid > la } .view:selected, iconview:selected, flowbox > flowboxchild:selected, calendar > grid > label.today, stacksidebar row:selected { - color: #FFD600; - background-color: rgba(255, 214, 0, 0.2); + color: #3281EA; + background-color: rgba(50, 129, 234, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: rgba(0, 0, 0, 0.87); - background-color: #FFD600; + color: white; + background-color: #3281EA; } .monospace { @@ -4609,7 +4624,7 @@ textview text selection:focus, textview text selection, label > selection, entry * Touch Copy & Paste * **********************/ cursor-handle { - color: #FFD600; + color: #3281EA; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4637,17 +4652,17 @@ shortcut > .keycap { padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.12); + border: solid 1px rgba(255, 255, 255, 0.12); border-radius: 8px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12); - background-color: #FFFFFF; + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12); + background-color: #3C3C3C; background-clip: border-box; - color: rgba(0, 0, 0, 0.87); + color: white; font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #FFD600; + caret-color: #3281EA; } stackswitcher { @@ -4667,8 +4682,8 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc } stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } stackswitcher button.text-button { @@ -4711,7 +4726,7 @@ popover.emoji-picker > contents { .emoji-searchbar { padding: 6px; border-spacing: 6px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: none; } @@ -4727,7 +4742,7 @@ popover.emoji-picker > contents { .emoji-toolbar { padding: 0; border-spacing: 3px; - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); background: none; box-shadow: none; } @@ -4739,7 +4754,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #FFD600; + color: #3281EA; } popover.emoji-picker emoji { @@ -4766,7 +4781,7 @@ emoji-completion-row > box { emoji-completion-row:focus, emoji-completion-row:hover, emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { background-color: alpha(currentColor, 0.08); - color: rgba(0, 0, 0, 0.87); + color: white; } popover.entry-completion > contents { @@ -4774,12 +4789,12 @@ popover.entry-completion > contents { } .nautilus-window.background.csd { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window.background.csd, .nautilus-window.background.csd:backdrop { background-image: none; - background-color: #FFFFFF; + background-color: #2C2C2C; } .nautilus-window headerbar { @@ -4795,13 +4810,13 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar { background-color: transparent; border-radius: 18px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow { margin: 0 0 12px 12px; border-radius: 12px; - background-color: rgba(255, 214, 0, 0.08); + background-color: rgba(50, 129, 234, 0.08); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow overshoot.top { @@ -4846,7 +4861,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable label.sidebar-label { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable image.sidebar-icon { @@ -4865,6 +4880,7 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:drop(active) { border-radius: 0; + border-radius: 9999px 0 0 9999px; background-color: rgba(245, 124, 0, 0.1); } @@ -4873,7 +4889,7 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:hover label.sidebar-label { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected { @@ -4882,24 +4898,24 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { - color: #FFD600; - background-color: #FFFFFF; + color: #3281EA; + background-color: #2C2C2C; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; - border-image-source: -gtk-scaled(url("assets/row-selected-light.png"), url("assets/row-selected-light@2.png")); + border-image-source: -gtk-scaled(url("assets/row-selected-dark.png"), url("assets/row-selected-dark@2.png")); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected label.sidebar-label { @@ -4907,11 +4923,11 @@ popover.entry-completion > contents { } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected button.sidebar-button { - color: #FFD600; + color: #3281EA; } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled image.sidebar-icon, .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:disabled label.sidebar-label { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } .nautilus-window flap.unfolded > placessidebar > scrolledwindow > scrollbar { @@ -4931,36 +4947,36 @@ popover.entry-completion > contents { .nautilus-window tabbar .box { padding: 0 12px; background-color: transparent; - box-shadow: inset 0 -1px #dedede; + box-shadow: inset 0 -1px #404040; } .nautilus-window tabbar tab { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window tabbar tab:hover:not(:selected):not(:active):not(:checked) { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; + color: white; + background-color: rgba(255, 255, 255, 0.05); } .nautilus-window tabbar tab:active, .nautilus-window tabbar tab:checked, .nautilus-window tabbar tab:selected { - color: rgba(0, 0, 0, 0.87); + color: white; } .nautilus-window tabbar tab:active:disabled, .nautilus-window tabbar tab:checked:disabled, .nautilus-window tabbar tab:selected:disabled { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } .nautilus-window tabbar tab:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } .nautilus-window placesview label { - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .nautilus-window placesview label:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } .nautilus-window infobar { @@ -4982,7 +4998,7 @@ popover.entry-completion > contents { margin: 6px; border: none; border-radius: 9999px; - background-color: rgba(242, 242, 242, 0.95); + background-color: rgba(33, 33, 33, 0.95); box-shadow: none; } @@ -4997,16 +5013,16 @@ popover.entry-completion > contents { #NautilusQueryEditor { border-radius: 9999px; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); padding: 0 4px 0 8px; } #NautilusQueryEditor:focus-within { - color: rgba(0, 0, 0, 0.87); + color: white; } #NautilusQueryEditor:disabled { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.3); } #NautilusQueryEditor > menubutton > button.image-button { @@ -5021,7 +5037,7 @@ popover.entry-completion > contents { } #NautilusPathBar { - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); border-radius: 9999px; margin: 6px 0; } @@ -5032,7 +5048,7 @@ popover.entry-completion > contents { } #NautilusPathBar #NautilusPathButton.current-dir { - color: rgba(0, 0, 0, 0.87); + color: white; } #NautilusPathBar #NautilusPathButton.current-dir:hover, #NautilusPathBar #NautilusPathButton.current-dir:active { @@ -5073,15 +5089,15 @@ leaflet stack.background { } leaflet > box > scrolledwindow > viewport > widget > stack { - background-color: #FFFFFF; + background-color: #2C2C2C; } .history-view { - background-color: #FFFFFF; + background-color: #2C2C2C; } #displayitem { - border-top: 1px solid rgba(0, 0, 0, 0.12); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .small .card { @@ -5098,15 +5114,15 @@ leaflet > box > scrolledwindow > viewport > widget > stack { } leaflet button.number-button { - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(255, 255, 255, 0.1); } leaflet button.number-button:hover { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(255, 255, 255, 0.2); } leaflet button.number-button:active { - background-color: rgba(0, 0, 0, 0.3); + background-color: rgba(255, 255, 255, 0.3); } leaflet button.clear-button.image-button { @@ -5150,7 +5166,7 @@ app-context-bar > box:first-child > button.flat:first-child { } app-context-bar > box > button.flat { - border-left-color: rgba(0, 0, 0, 0.12); + border-left-color: rgba(255, 255, 255, 0.12); } carousel.card { @@ -5165,13 +5181,13 @@ carousel.card { } .context-tile-lozenge.grey { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.12); + color: white; + background-color: rgba(255, 255, 255, 0.12); } .context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { - color: #085731; - background-color: rgba(15, 157, 88, 0.15); + color: #4cb168; + background-color: rgba(129, 201, 149, 0.15); } .context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { @@ -5180,8 +5196,8 @@ carousel.card { } .context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { - color: #b39600; - background-color: rgba(255, 214, 0, 0.15); + color: #d79b04; + background-color: rgba(251, 192, 45, 0.15); } .context-tile-lozenge.details-rating-15 { @@ -5190,8 +5206,8 @@ carousel.card { } .context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { - color: #b61b17; - background-color: rgba(229, 57, 53, 0.15); + color: #d2190b; + background-color: rgba(244, 67, 54, 0.15); } screenshot-carousel box.frame.view { @@ -5254,7 +5270,7 @@ screenshot-carousel box.frame.view { .category-tile.category-socialize { background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); } .category-tile.category-socialize:hover { @@ -5270,19 +5286,19 @@ screenshot-carousel box.frame.view { /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */ color: #1c71d8; background-color: #fdf8d7; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 10px 10px, 10px 10px; background-position: -1px -4px, center -1px; } .category-tile.category-work:hover { background-color: #fefcef; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); } .category-tile.category-work:active { background-color: #fcf4bf; - background-image: linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px); + background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); } .polari-room-list .sidebar { @@ -5290,8 +5306,8 @@ screenshot-carousel box.frame.view { } .polari-room-list .sidebar > row.activatable:selected { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } .polari-room-list popover.background > arrow, @@ -5313,7 +5329,7 @@ popover.background.global-search > contents { panelframeswitcher { padding: 6px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } panelframetabbar { @@ -5322,7 +5338,7 @@ panelframetabbar { .frameheader.header { min-height: 24px; - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); } .frameheader.header > button { @@ -5342,7 +5358,7 @@ panelframetabbar { .frameheader.header tabbar.inline > revealer > box .end-action { padding: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); + border-left: 1px solid rgba(255, 255, 255, 0.12); } .frameheader.header tabbar.inline > revealer > box .end-action menubutton > button { @@ -5359,7 +5375,7 @@ panelframetabbar { } panelstatusbar { - background-color: #F2F2F2; + background-color: #212121; } panelstatusbar > menubutton > button, @@ -5392,15 +5408,15 @@ panelstatusbar > paneltogglebutton button.image-button { } .style-variant button.toggle:hover > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.04); + outline-color: rgba(255, 255, 255, 0.04); } .style-variant button.toggle:active > stylevariantpreview > .wallpaper { - outline-color: rgba(0, 0, 0, 0.26); + outline-color: rgba(255, 255, 255, 0.3); } .style-variant button.toggle:checked > stylevariantpreview > .wallpaper { - outline-color: #FFD600; + outline-color: #3281EA; } window.dialog > .dialog-vbox > box > scrolledwindow > viewport > widget > list.boxed-list { @@ -5548,8 +5564,8 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s } button.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); + background-color: #4c4c4c; + color: white; } button.destructive-action { @@ -5557,15 +5573,15 @@ button.destructive-action { } button.destructive-action, button.destructive-action:checked { - background-color: #E53935; + background-color: #F44336; } button.suggested-action { - color: rgba(0, 0, 0, 0.87); + color: white; } button.suggested-action, button.suggested-action:checked { - background-color: #FFD600; + background-color: #3281EA; } button.font separator { @@ -5623,18 +5639,18 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } menubutton.destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; } menubutton.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); + background-color: #4c4c4c; + color: white; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { @@ -5736,12 +5752,12 @@ splitbutton > menubutton > button:dir(ltr) { } splitbutton.flat > separator { - background: rgba(0, 0, 0, 0.12); + background: rgba(255, 255, 255, 0.12); } splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { background: alpha(currentColor, 0.1); - color: rgba(0, 0, 0, 0.87); + color: white; } splitbutton.flat:hover > separator, splitbutton.flat:active > separator, splitbutton.flat:checked > separator { @@ -5758,18 +5774,18 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } splitbutton.destructive-action { - background-color: #E53935; + background-color: #F44336; color: white; } splitbutton.opaque { - background-color: rgba(224, 224, 224, 0.9805); - color: rgba(0, 0, 0, 0.87); + background-color: #4c4c4c; + color: white; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { @@ -5778,11 +5794,11 @@ splitbutton.suggested-action > button, splitbutton.suggested-action > button:che } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.12); } splitbutton > menubutton > button > arrow.none { @@ -5819,8 +5835,8 @@ toast { border-radius: 9999px; border-spacing: 6px; padding: 6px; - box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4); - color: rgba(0, 0, 0, 0.6); + box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); font-weight: normal; } @@ -5879,10 +5895,10 @@ list.content, list.boxed-list, .card { border-radius: 12px; box-shadow: none; - border: 1px solid rgba(0, 0, 0, 0.12); + border: 1px solid rgba(255, 255, 255, 0.12); background-clip: padding-box; - background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.6); + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); } preferencespage > scrolledwindow > viewport > clamp > box { @@ -5917,15 +5933,15 @@ preferencesgroup > box button.background-preview-button.toggle, preferencesgroup } preferencesgroup > box button.background-preview-button.toggle:hover { - outline-color: rgba(0, 0, 0, 0.04); + outline-color: rgba(255, 255, 255, 0.04); } preferencesgroup > box button.background-preview-button.toggle:active { - outline-color: rgba(0, 0, 0, 0.26); + outline-color: rgba(255, 255, 255, 0.3); } preferencesgroup > box button.background-preview-button.toggle:checked { - outline-color: #FFD600; + outline-color: #3281EA; } viewswitcher { @@ -5935,26 +5951,26 @@ viewswitcher { viewswitcher.wide { border-spacing: 3px; border-radius: 9999px; - background-color: rgba(0, 0, 0, 0.04); + background-color: rgba(255, 255, 255, 0.04); margin-top: 6px; margin-bottom: 6px; } viewswitcher.wide button.toggle:checked, viewswitcher.wide button.toggle.flat:checked { - background-color: #FFD600; - color: rgba(0, 0, 0, 0.87); + background-color: #3281EA; + color: white; } viewswitcher.wide button.toggle:checked:backdrop, viewswitcher.wide button.toggle.flat:checked:backdrop { - color: rgba(0, 0, 0, 0.38); + color: rgba(255, 255, 255, 0.5); } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator { - background-color: rgba(0, 0, 0, 0.87); + background-color: white; } viewswitcher.wide button.toggle:checked indicatorbin.needs-attention > indicator > label, viewswitcher.wide button.toggle.flat:checked indicatorbin.needs-attention > indicator > label { - color: #FFD600; + color: #3281EA; } viewswitcher.narrow button.toggle { @@ -6021,19 +6037,19 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #FFD600; + background-color: #3281EA; } indicatorbin.needs-attention > indicator > label { - color: rgba(0, 0, 0, 0.87); + color: white; } tabbar .box { min-height: 28px; - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.6); + background-color: #212121; + color: rgba(255, 255, 255, 0.7); padding: 0; - box-shadow: inset 0 -1px #dedede; + box-shadow: inset 0 -1px #404040; border-bottom: none; } @@ -6057,7 +6073,7 @@ tabbar tabbox > revealer > indicator { min-width: 2px; border-radius: 2px; margin: 9px 6px; - background: alpha(#FFD600, 0.5); + background: alpha(#3281EA, 0.5); } tabbar tab { @@ -6065,25 +6081,25 @@ tabbar tab { border-radius: 12px 12px 0 0; border: 1px solid transparent; border-bottom-width: 0; - color: rgba(0, 0, 0, 0.6); + color: rgba(255, 255, 255, 0.7); padding: 6px 12px; } tabbar tab:hover:not(:selected):not(:active):not(:checked) { transition: none; - background-color: #dedede; + background-color: #404040; box-shadow: none; - color: rgba(0, 0, 0, 0.87); - border-color: #dedede; + color: white; + border-color: #404040; border-radius: 12px 12px 0 0; } tabbar tab:selected, tabbar tab:checked, tabbar tab:active { transition: background-color 150ms ease-in-out; - background-color: #FFFFFF; + background-color: #2C2C2C; box-shadow: none; - color: rgba(0, 0, 0, 0.87); - border-color: #dedede; + color: white; + border-color: #404040; border-radius: 12px 12px 0 0; } @@ -6103,12 +6119,12 @@ tabbar .end-action:dir(ltr) { } tabview > stack { - background-color: #FFFFFF; + background-color: #2C2C2C; } dnd tab { - background-color: #F2F2F2; - color: rgba(0, 0, 0, 0.6); + background-color: #212121; + color: rgba(255, 255, 255, 0.7); box-shadow: none; margin: 24px; } @@ -6127,7 +6143,7 @@ tabbar tab indicator, dnd tab indicator { min-height: 2px; border-radius: 2px; - background: alpha(#FFD600, 0.5); + background: alpha(#3281EA, 0.5); } tabview:drop(active), @@ -6144,81 +6160,81 @@ tabbox:drop(active) { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_fg_color white; /* text color for entries, views and content in general */ -@define-color theme_text_color rgba(0, 0, 0, 0.87); +@define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #F2F2F2; +@define-color theme_bg_color #212121; /* text widgets and the like base background color */ -@define-color theme_base_color #FFFFFF; +@define-color theme_base_color #2C2C2C; /* base background color of selections */ -@define-color theme_selected_bg_color #FFD600; +@define-color theme_selected_bg_color #3281EA; /* text/foreground color of selections */ -@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_selected_fg_color white; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #F2F2F2; +@define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(0, 0, 0, 0.38); +@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #FAFAFA; +@define-color insensitive_base_color #242424; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_fg_color white; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #F2F2F2; +@define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #FFFFFF; +@define-color theme_unfocused_base_color #2C2C2C; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #FFD600; +@define-color theme_unfocused_selected_bg_color #3281EA; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); +@define-color theme_unfocused_selected_fg_color white; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38); +@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.12); +@define-color borders rgba(255, 255, 255, 0.12); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FFD600; -@define-color error_color #E53935; -@define-color success_color #0F9D58; +@define-color warning_color #FBC02D; +@define-color error_color #F44336; +@define-color success_color #81C995; /* 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 rgba(0, 0, 0, 0.87); -@define-color wm_unfocused_title rgba(0, 0, 0, 0.6); -@define-color wm_highlight rgba(255, 255, 255, 0.4); -@define-color wm_bg #FFFFFF; -@define-color wm_unfocused_bg #FFFFFF; +@define-color wm_title white; +@define-color wm_unfocused_title rgba(255, 255, 255, 0.7); +@define-color wm_highlight rgba(255, 255, 255, 0.1); +@define-color wm_bg #2C2C2C; +@define-color wm_unfocused_bg #2C2C2C; /* FIXME this is really an API */ -@define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #666666; +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #FFFFFF; -@define-color budgie_tasklist_indicator_color rgba(0, 0, 0, 0.6); -@define-color budgie_tasklist_indicator_color_active #FFD600; -@define-color budgie_tasklist_indicator_color_active_window rgba(250, 224, 90, 0.8075); -@define-color budgie_tasklist_indicator_color_attention #FFD600; +@define-color text_view_bg #1d1d1d; +@define-color budgie_tasklist_indicator_color rgba(255, 255, 255, 0.7); +@define-color budgie_tasklist_indicator_color_active #3281EA; +@define-color budgie_tasklist_indicator_color_active_window rgba(44, 93, 160, 0.8075); +@define-color budgie_tasklist_indicator_color_attention #FBC02D; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @define-color STRAWBERRY_500 #F15D22; @@ -6317,36 +6333,36 @@ FIXME this is really an API */ /* GTK NAMED COLORS ---------------- use responsibly! */ -@define-color accent_bg_color #FFD600; -@define-color accent_fg_color rgba(0, 0, 0, 0.87); -@define-color accent_color #FFD600; -@define-color destructive_bg_color #E53935; +@define-color accent_bg_color #3281EA; +@define-color accent_fg_color white; +@define-color accent_color #3281EA; +@define-color destructive_bg_color #F44336; @define-color destructive_fg_color white; -@define-color destructive_color #E53935; -@define-color success_bg_color #0F9D58; -@define-color success_fg_color white; -@define-color success_color #0F9D58; -@define-color warning_bg_color #FFD600; +@define-color destructive_color #F44336; +@define-color success_bg_color #81C995; +@define-color success_fg_color rgba(0, 0, 0, 0.87); +@define-color success_color #81C995; +@define-color warning_bg_color #FBC02D; @define-color warning_fg_color rgba(0, 0, 0, 0.87); -@define-color warning_color #FFD600; -@define-color error_bg_color #E53935; +@define-color warning_color #FBC02D; +@define-color error_bg_color #F44336; @define-color error_fg_color white; -@define-color error_color #E53935; -@define-color window_bg_color #F2F2F2; -@define-color window_fg_color rgba(0, 0, 0, 0.87); -@define-color view_bg_color #FFFFFF; -@define-color view_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_bg_color #FFFFFF; -@define-color headerbar_fg_color rgba(0, 0, 0, 0.87); -@define-color headerbar_border_color rgba(0, 0, 0, 0.12); -@define-color headerbar_backdrop_color #FFFFFF; -@define-color headerbar_shade_color rgba(0, 0, 0, 0.12); -@define-color card_bg_color #FFFFFF; -@define-color card_fg_color rgba(0, 0, 0, 0.87); -@define-color card_shade_color rgba(0, 0, 0, 0.12); -@define-color dialog_bg_color #FAFAFA; -@define-color dialog_fg_color rgba(0, 0, 0, 0.87); -@define-color popover_bg_color #FFFFFF; -@define-color popover_fg_color rgba(0, 0, 0, 0.87); -@define-color shade_color rgba(0, 0, 0, 0.12); -@define-color scrollbar_outline_color rgba(0, 0, 0, 0.12); +@define-color error_color #F44336; +@define-color window_bg_color #212121; +@define-color window_fg_color white; +@define-color view_bg_color #2C2C2C; +@define-color view_fg_color white; +@define-color headerbar_bg_color #2C2C2C; +@define-color headerbar_fg_color white; +@define-color headerbar_border_color rgba(255, 255, 255, 0.12); +@define-color headerbar_backdrop_color #2C2C2C; +@define-color headerbar_shade_color rgba(255, 255, 255, 0.12); +@define-color card_bg_color #2C2C2C; +@define-color card_fg_color white; +@define-color card_shade_color rgba(255, 255, 255, 0.12); +@define-color dialog_bg_color #242424; +@define-color dialog_fg_color white; +@define-color popover_bg_color #3C3C3C; +@define-color popover_fg_color white; +@define-color shade_color rgba(255, 255, 255, 0.12); +@define-color scrollbar_outline_color rgba(255, 255, 255, 0.12);