From fe162960a43d6e40b306852db88c8e6100f044c2 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 28 Jun 2019 01:53:17 +0900 Subject: [PATCH 01/72] xfwm4: Update light assets to fix errors I forgot to update the light assets :P --- src/xfwm4/assets-light/{border.svg => border-active.svg} | 0 src/xfwm4/assets-light/border-inactive.svg | 3 +++ src/xfwm4/assets-light/close-inactive.svg | 2 +- src/xfwm4/assets-light/hide-inactive.svg | 2 +- src/xfwm4/assets-light/maximize-inactive.svg | 2 +- src/xfwm4/assets-light/maximize-toggled-inactive.svg | 2 +- src/xfwm4/assets-light/menu-inactive.svg | 2 +- src/xfwm4/assets-light/shade-inactive.svg | 2 +- src/xfwm4/assets-light/shade-toggled-inactive.svg | 2 +- src/xfwm4/assets-light/stick-inactive.svg | 2 +- src/xfwm4/assets-light/stick-toggled-inactive.svg | 2 +- src/xfwm4/assets-light/{title.svg => title-active.svg} | 0 src/xfwm4/assets-light/title-inactive.svg | 4 ++++ 13 files changed, 16 insertions(+), 9 deletions(-) rename src/xfwm4/assets-light/{border.svg => border-active.svg} (100%) create mode 100644 src/xfwm4/assets-light/border-inactive.svg rename src/xfwm4/assets-light/{title.svg => title-active.svg} (100%) create mode 100644 src/xfwm4/assets-light/title-inactive.svg diff --git a/src/xfwm4/assets-light/border.svg b/src/xfwm4/assets-light/border-active.svg similarity index 100% rename from src/xfwm4/assets-light/border.svg rename to src/xfwm4/assets-light/border-active.svg diff --git a/src/xfwm4/assets-light/border-inactive.svg b/src/xfwm4/assets-light/border-inactive.svg new file mode 100644 index 000000000..35cc0e282 --- /dev/null +++ b/src/xfwm4/assets-light/border-inactive.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/xfwm4/assets-light/close-inactive.svg b/src/xfwm4/assets-light/close-inactive.svg index 048a06f38..1e28cc23e 100644 --- a/src/xfwm4/assets-light/close-inactive.svg +++ b/src/xfwm4/assets-light/close-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/hide-inactive.svg b/src/xfwm4/assets-light/hide-inactive.svg index 866828fab..48f1e2476 100644 --- a/src/xfwm4/assets-light/hide-inactive.svg +++ b/src/xfwm4/assets-light/hide-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/maximize-inactive.svg b/src/xfwm4/assets-light/maximize-inactive.svg index ff598cebf..d742ba582 100644 --- a/src/xfwm4/assets-light/maximize-inactive.svg +++ b/src/xfwm4/assets-light/maximize-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/maximize-toggled-inactive.svg b/src/xfwm4/assets-light/maximize-toggled-inactive.svg index cced82ae8..994472b2c 100644 --- a/src/xfwm4/assets-light/maximize-toggled-inactive.svg +++ b/src/xfwm4/assets-light/maximize-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/menu-inactive.svg b/src/xfwm4/assets-light/menu-inactive.svg index 90e7fc369..40130d14f 100644 --- a/src/xfwm4/assets-light/menu-inactive.svg +++ b/src/xfwm4/assets-light/menu-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/shade-inactive.svg b/src/xfwm4/assets-light/shade-inactive.svg index 044a3b1e5..7c2558d7f 100644 --- a/src/xfwm4/assets-light/shade-inactive.svg +++ b/src/xfwm4/assets-light/shade-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/shade-toggled-inactive.svg b/src/xfwm4/assets-light/shade-toggled-inactive.svg index 02cf377f3..41fe1d91c 100644 --- a/src/xfwm4/assets-light/shade-toggled-inactive.svg +++ b/src/xfwm4/assets-light/shade-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/stick-inactive.svg b/src/xfwm4/assets-light/stick-inactive.svg index ff8bb792b..f810abe25 100644 --- a/src/xfwm4/assets-light/stick-inactive.svg +++ b/src/xfwm4/assets-light/stick-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/stick-toggled-inactive.svg b/src/xfwm4/assets-light/stick-toggled-inactive.svg index c2d7c72ae..8cc01c8b3 100644 --- a/src/xfwm4/assets-light/stick-toggled-inactive.svg +++ b/src/xfwm4/assets-light/stick-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets-light/title.svg b/src/xfwm4/assets-light/title-active.svg similarity index 100% rename from src/xfwm4/assets-light/title.svg rename to src/xfwm4/assets-light/title-active.svg diff --git a/src/xfwm4/assets-light/title-inactive.svg b/src/xfwm4/assets-light/title-inactive.svg new file mode 100644 index 000000000..fb5c989aa --- /dev/null +++ b/src/xfwm4/assets-light/title-inactive.svg @@ -0,0 +1,4 @@ + + + + From 3f4867f62f194d770e0cd3446a9a4337f65a3ccd Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 28 Jun 2019 01:24:58 +0900 Subject: [PATCH 02/72] Update primary color for light variants To address accessibility issue. See #404 for details. --- src/_sass/_colors.scss | 2 +- src/cinnamon/assets/add-workspace-active.svg | 2 +- src/cinnamon/assets/checkbox.svg | 2 +- src/cinnamon/assets/radiobutton.svg | 2 +- src/cinnamon/assets/toggle-on.svg | 2 +- src/gnome-shell/assets/checkbox.svg | 2 +- src/gnome-shell/assets/key-shift-latched-uppercase.svg | 2 +- src/gnome-shell/assets/key-shift-uppercase.svg | 2 +- src/gnome-shell/assets/more-results.svg | 2 +- src/gnome-shell/assets/toggle-on.svg | 2 +- src/gtk-2.0/assets.svg | 2 +- src/gtk-2.0/gtkrc | 4 ++-- src/gtk-2.0/gtkrc-light | 4 ++-- src/gtk/assets.svg | 2 +- src/unity/progress_bar_fill.svg | 2 +- 15 files changed, 17 insertions(+), 17 deletions(-) diff --git a/src/_sass/_colors.scss b/src/_sass/_colors.scss index 3a87b18c2..5d930d9ba 100644 --- a/src/_sass/_colors.scss +++ b/src/_sass/_colors.scss @@ -51,7 +51,7 @@ $red: #EA4335; // Basic colors // -$primary-dark: $blue; +$primary-dark: #1A73E8; $primary-light: #8AB4F8; $primary: if($variant == 'light', $primary-dark, $primary-light); diff --git a/src/cinnamon/assets/add-workspace-active.svg b/src/cinnamon/assets/add-workspace-active.svg index 4ce632132..2a546bf34 100644 --- a/src/cinnamon/assets/add-workspace-active.svg +++ b/src/cinnamon/assets/add-workspace-active.svg @@ -113,7 +113,7 @@ sodipodi:nodetypes="sccssss" /> diff --git a/src/cinnamon/assets/checkbox.svg b/src/cinnamon/assets/checkbox.svg index aabddc83c..b77fa265f 100644 --- a/src/cinnamon/assets/checkbox.svg +++ b/src/cinnamon/assets/checkbox.svg @@ -1,3 +1,3 @@ - + diff --git a/src/cinnamon/assets/radiobutton.svg b/src/cinnamon/assets/radiobutton.svg index a89ec0dc6..b045839a6 100644 --- a/src/cinnamon/assets/radiobutton.svg +++ b/src/cinnamon/assets/radiobutton.svg @@ -1,3 +1,3 @@ - + diff --git a/src/cinnamon/assets/toggle-on.svg b/src/cinnamon/assets/toggle-on.svg index 88708c0b5..09f9e530d 100644 --- a/src/cinnamon/assets/toggle-on.svg +++ b/src/cinnamon/assets/toggle-on.svg @@ -1,4 +1,4 @@ - + diff --git a/src/gnome-shell/assets/checkbox.svg b/src/gnome-shell/assets/checkbox.svg index aabddc83c..b77fa265f 100644 --- a/src/gnome-shell/assets/checkbox.svg +++ b/src/gnome-shell/assets/checkbox.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/key-shift-latched-uppercase.svg b/src/gnome-shell/assets/key-shift-latched-uppercase.svg index 4129dc841..e39123a2f 100644 --- a/src/gnome-shell/assets/key-shift-latched-uppercase.svg +++ b/src/gnome-shell/assets/key-shift-latched-uppercase.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/key-shift-uppercase.svg b/src/gnome-shell/assets/key-shift-uppercase.svg index 21b66da50..f8fc678bf 100644 --- a/src/gnome-shell/assets/key-shift-uppercase.svg +++ b/src/gnome-shell/assets/key-shift-uppercase.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/more-results.svg b/src/gnome-shell/assets/more-results.svg index 6f3abfab7..847c26047 100644 --- a/src/gnome-shell/assets/more-results.svg +++ b/src/gnome-shell/assets/more-results.svg @@ -1,4 +1,4 @@ - + diff --git a/src/gnome-shell/assets/toggle-on.svg b/src/gnome-shell/assets/toggle-on.svg index 88708c0b5..09f9e530d 100644 --- a/src/gnome-shell/assets/toggle-on.svg +++ b/src/gnome-shell/assets/toggle-on.svg @@ -1,4 +1,4 @@ - + diff --git a/src/gtk-2.0/assets.svg b/src/gtk-2.0/assets.svg index 02eab016d..e416b10c3 100644 --- a/src/gtk-2.0/assets.svg +++ b/src/gtk-2.0/assets.svg @@ -39,7 +39,7 @@ - + diff --git a/src/gtk-2.0/gtkrc b/src/gtk-2.0/gtkrc index dd0355e23..91826cefd 100644 --- a/src/gtk-2.0/gtkrc +++ b/src/gtk-2.0/gtkrc @@ -16,7 +16,7 @@ gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" # Foreground/background gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" # Selected foreground/background -gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#4285F4" +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#1A73E8" # Titlebar foreground/background gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#383838" # Menus @@ -24,7 +24,7 @@ gtk-color-scheme = "menu_color:#FFFFFF" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" # Links -gtk-color-scheme = "link_color:#4285F4\nvisited_link_color:#9C27B0" +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" # Set GTK settings gtk-auto-mnemonics = 1 diff --git a/src/gtk-2.0/gtkrc-light b/src/gtk-2.0/gtkrc-light index 17e5a1504..f52360807 100644 --- a/src/gtk-2.0/gtkrc-light +++ b/src/gtk-2.0/gtkrc-light @@ -16,7 +16,7 @@ gtk-color-scheme = "text_color:#212121\nbase_color:#FFFFFF" # Foreground/background gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" # Selected foreground/background -gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#4285F4" +gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#1A73E8" # Titlebar foreground/background gtk-color-scheme = "titlebar_fg_color:#212121\ntitlebar_bg_color:#E0E0E0" # Menus @@ -24,7 +24,7 @@ gtk-color-scheme = "menu_color:#FFFFFF" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" # Links -gtk-color-scheme = "link_color:#4285F4\nvisited_link_color:#9C27B0" +gtk-color-scheme = "link_color:#1A73E8\nvisited_link_color:#9C27B0" # Set GTK settings gtk-auto-mnemonics = 1 diff --git a/src/gtk/assets.svg b/src/gtk/assets.svg index ecf0ada9c..58fa12227 100644 --- a/src/gtk/assets.svg +++ b/src/gtk/assets.svg @@ -21,7 +21,7 @@ - + diff --git a/src/unity/progress_bar_fill.svg b/src/unity/progress_bar_fill.svg index 2073f40f9..eab4ffaee 100644 --- a/src/unity/progress_bar_fill.svg +++ b/src/unity/progress_bar_fill.svg @@ -1,3 +1,3 @@ - + From c33f8e4d049c60e8de3a77953da02a3882bf5d41 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 28 Jun 2019 01:30:14 +0900 Subject: [PATCH 03/72] Rerender PNG assets --- src/gtk-2.0/assets/checkbox-checked-active.png | Bin 412 -> 398 bytes src/gtk-2.0/assets/checkbox-checked-hover.png | Bin 391 -> 395 bytes src/gtk-2.0/assets/checkbox-checked.png | Bin 334 -> 334 bytes src/gtk-2.0/assets/checkbox-mixed-active.png | Bin 312 -> 299 bytes src/gtk-2.0/assets/checkbox-mixed-hover.png | Bin 288 -> 292 bytes src/gtk-2.0/assets/checkbox-mixed.png | Bin 232 -> 232 bytes src/gtk-2.0/assets/combo-left-entry-active.png | Bin 208 -> 208 bytes src/gtk-2.0/assets/combo-right-entry-active.png | Bin 213 -> 213 bytes src/gtk-2.0/assets/entry-active.png | Bin 227 -> 227 bytes src/gtk-2.0/assets/menu-checkbox-checked.png | Bin 305 -> 305 bytes src/gtk-2.0/assets/menu-checkbox-mixed.png | Bin 221 -> 221 bytes src/gtk-2.0/assets/menu-radio-checked.png | Bin 544 -> 544 bytes src/gtk-2.0/assets/menu-radio-mixed.png | Bin 470 -> 470 bytes src/gtk-2.0/assets/progressbar-progress.png | Bin 152 -> 152 bytes src/gtk-2.0/assets/radio-checked-active.png | Bin 768 -> 755 bytes src/gtk-2.0/assets/radio-checked-hover.png | Bin 744 -> 749 bytes src/gtk-2.0/assets/radio-checked.png | Bin 667 -> 667 bytes src/gtk-2.0/assets/radio-mixed-active.png | Bin 713 -> 700 bytes src/gtk-2.0/assets/radio-mixed-hover.png | Bin 687 -> 694 bytes src/gtk-2.0/assets/radio-mixed.png | Bin 616 -> 616 bytes src/gtk-2.0/assets/scale-horz-trough-active.png | Bin 176 -> 176 bytes src/gtk-2.0/assets/scale-slider-active.png | Bin 541 -> 543 bytes src/gtk-2.0/assets/scale-slider-hover.png | Bin 492 -> 469 bytes src/gtk-2.0/assets/scale-slider.png | Bin 305 -> 305 bytes src/gtk-2.0/assets/scale-vert-trough-active.png | Bin 175 -> 175 bytes src/gtk-2.0/assets/tab.png | Bin 142 -> 142 bytes .../assets/scale-horz-marks-after-slider.png | Bin 395 -> 395 bytes .../assets/scale-horz-marks-after-slider@2.png | Bin 541 -> 541 bytes .../assets/scale-horz-marks-before-slider.png | Bin 390 -> 390 bytes .../assets/scale-horz-marks-before-slider@2.png | Bin 547 -> 547 bytes src/gtk/assets/scale-slider.png | Bin 305 -> 305 bytes src/gtk/assets/scale-slider@2.png | Bin 509 -> 509 bytes .../assets/scale-vert-marks-after-slider.png | Bin 362 -> 362 bytes .../assets/scale-vert-marks-after-slider@2.png | Bin 522 -> 522 bytes .../assets/scale-vert-marks-before-slider.png | Bin 367 -> 367 bytes .../assets/scale-vert-marks-before-slider@2.png | Bin 508 -> 508 bytes .../assets/selectionmode-checkbox-checked.png | Bin 489 -> 486 bytes .../assets/selectionmode-checkbox-checked@2.png | Bin 737 -> 732 bytes 38 files changed, 0 insertions(+), 0 deletions(-) diff --git a/src/gtk-2.0/assets/checkbox-checked-active.png b/src/gtk-2.0/assets/checkbox-checked-active.png index 03a3dd385991b86bc35c6d987e1b9f4d1b2a6a08..f974e3c4325eda8bf0e171402f4d766abb3346b5 100644 GIT binary patch delta 298 zcmbQk+{Zj2x85(nC&ZP3fkC_BszSqk@xq5-kGsszY|2!a?u9r7cWKH7aapCs_*r5aSYKo-#h7`P_qILtFl+(RHd!kPW}I% z!7t~~vhn?n*^NFzf=hK>*MupZ3g`@6v@%VA`@HSEP1XiXA~wf(1r*|fMCZ3fEZ?bh zjWb@D{rr*d58gMc8}@sL&F?(0BgLj#%V3|-dHe4^o%45bsnq3N|2=!+ALUoc+aGXk rwlq*)d-Ypyaz%+!)((x!<)4`EYN>{adVW6ubQ*)FtDnm{r-UW|%Xoj! delta 312 zcmeBUp2IvLw>~_;C&ZP3fkC_Bszbwlhlc+y4IiAEKR7nMcW8L;&lmA)@?g?*WbST;^oU(t2(X&7500&IEHAP@11l|s7XPD zVZMfDx8$VAS^xjfm9=U3GUwJ~J?1ma6K`2@%`sIf?RLsOvMA~3!MA&5BiLWCL~L(j z6-fB)#Cv|S!S}^d&*m*?y_^1U>+j?5f+hY=S$p2;i2uy<+q!;KfBN~b(eCHrwMr-D z*GnHV?4S5Y_{&CXiLOmC3vH`!x%K>#)SKF|F?QwdWs~^-hG=fC$*o-tbQ^=GtDnm{ Hr-UW|j0~7p diff --git a/src/gtk-2.0/assets/checkbox-checked-hover.png b/src/gtk-2.0/assets/checkbox-checked-hover.png index 4fee6d09f6749225dc27cdeb6461e25d0a069cec..a6b2b5e76270c362a112f7bfbd398c48e41e0896 100644 GIT binary patch delta 295 zcmZo??q;5lTkjX(6XMDM1P%WgLjQ}Dy%x&7EuH;Dy7Gxs@iVdfm!hSwBnn@N7rl@w zd?8i*QmXj5RM89RlIPN3hE(wj$&%+%B@ii~ERgZy?OJs{pn;MlL4LsuOw7D|!onir z5@F#Hom~@GtzNhB+Vv+-pH-*4{|8i5-{tAz7@~2$chW(jW(6KrWv10zoz||M_W%Dy zISU4<<+aCS)lRl_NW8W@60Mvh<26UHTS{B*-TW&l^AB)uSnh1*&`{E)6(^n~n;yDG z*-?0A_@lW$jXx_rOI&#`T**jBbiJ2roBPAk&j%tZj6;`vD7zz2x8{lb!u59#ml)jU my`ymT`nT}o7dor#YSrUoe3Z>2Z`v;c1&61rpUXO@geCxwo_~J; delta 291 zcmeBXZfBm5Tkjp<6XMFiz|hd}KXlc9>(2k?4R4(*KRGmfa&G`GlVjT#r?#&k)biD-^)m^#NBF+o4G>w9lR`%2AgjW>kY z%^wwixPGvE#-XHp(i1tlA1(_~I@5al*~En(E{Aj;I{*0Cq0jZZjTY@KYu#vcoB7MT k?BBa(l3y&Tw5wIOzuK)Ra6T-N3Fs~cPgg&ebxsLQ0Mf3DC;$Ke diff --git a/src/gtk-2.0/assets/checkbox-checked.png b/src/gtk-2.0/assets/checkbox-checked.png index def23045577ceb820fc74bf5486a775fb3775337..d2669ef1280b22080e702903857286535fb0f3b1 100644 GIT binary patch delta 68 zcmX@dbdG64sTD)$e};ztl7+7%il56AJ(ntaDOCa@rAuB&6@yX9ODF@xg|Z#4KgyrD Gem(#|{~=2N delta 68 zcmX@dbdG64sa5Ez{|*iRo!h@SwSIMM`wAqTT0c9r0=Zut+d!lfP!Pyy`{D=|gh-{N K${(1xem(#IsU_S1 diff --git a/src/gtk-2.0/assets/checkbox-mixed-active.png b/src/gtk-2.0/assets/checkbox-mixed-active.png index 8a60cc53f4199e2d1018115b69703a573001311b..541d76d3cf5706e7197d0f9a79572b438da6b53a 100644 GIT binary patch delta 211 zcmdnNw3=yx1SbnK0|SFlq{8Wmiazza0X`wFK)!avRfUH8;)M^zN*{@pzLYL{DP8(R zy7ZM~@iVF77cxaJfFuNk+nrDbYTzpg@(X5Q<4{so);BOP&dq!AGC7vl11J;b>Eak7 zF*P}%YX&FlS}vYf#t#>CC<+~%dFX=W?|aq;6}yY94xicie!+t$KK5-hKPSwYe&yjF zmYWv*((SXpDO4{kzGlhsoA*Mo$Gv$yG76nMKJN_5HZm}%hTK@U!fV%ApcM?Bu6{1- HoD!MM1b%@gYZFu z??8a>K!xu>h4ev!@Ir<0LWT1|g!4g#^FoC4LWT6R%-0+M000nlQchC<1_%fuBQG#8 zFf(m!Zs_SG49HLb003J_L_t(2&&`s%5`Z8O1Hvkf6yvq0fX=T1O)UKs|0tozrlJv=Cc>5=iqlpU#E@o(`VS6mZo_F5?SwsiIr>B=Wk#m^)PUx^pJkScs3Rs0f+ zUKl&5m;n{@mIV0)GcYmp@(BxzgoQ^udHP{bQ7cd)*we)^L}F@kLXmcRlL#x@)glXy zqyqN>FNsU5&)s8fw!VB?;#BrKr-R>$+CD`|Jh!kawYctRb}i{~z-74<{Uzb=S~uix npRQEBTf)+TNm9UZstyCgLb1KOj~18x0y)#u)z4*}Q$iB}IHgJw delta 187 zcmZ3&w1859L3jD++#H-*+fCQcthceO#V&chm5W{+*p1p nXyV?vJu(W7JRJ+T#26ULrmoKTYGiT?Xg-6dtDnm{r-UW|jyXu; diff --git a/src/gtk-2.0/assets/checkbox-mixed.png b/src/gtk-2.0/assets/checkbox-mixed.png index 75b5a4feab85d00f935ead5c065232d32ab28870..995ce318c1c1a8891c3d6e7d22fdca5d3302cd6e 100644 GIT binary patch delta 32 ncmaFC_=0glshDKpD~aOgGDXj&ieE?-zXX!1Q|Cud?2ZKh?kf(~ delta 32 kcmaFC_=0glshD&77pK;*j%{BZTY(G^y6~^=)5Pvr026o;3jhEB diff --git a/src/gtk-2.0/assets/combo-left-entry-active.png b/src/gtk-2.0/assets/combo-left-entry-active.png index db5c08bef557b6baed5896f5924075895a8e805d..3335374b953675ce4e9d1ee5d9566a1186f343d9 100644 GIT binary patch delta 40 vcmcb>c!6=kdc`GO@qd=LHHMTwe8A4|SA}W4@RF<78Gyjk)z4*}Q$iB}e5nxh delta 40 vcmcb>c!6=kdc`?W`~NI&YYZuW_<)@uSexlbP0l+XkKZgmg& diff --git a/src/gtk-2.0/assets/combo-right-entry-active.png b/src/gtk-2.0/assets/combo-right-entry-active.png index f9d76dbccba2fea92b5f135fa43812351ca9cb62..7cb1097afe69c6c40a720fa6c593607c29fc8089 100644 GIT binary patch delta 17 Ycmcc0c$INNBfC`bi|EMu>WLk`06@_PP5=M^ delta 17 Ycmcc0c$INNBfC@UmwZ7f_K6+706umGhX4Qo diff --git a/src/gtk-2.0/assets/entry-active.png b/src/gtk-2.0/assets/entry-active.png index 62267c5818e252d25fc30a75911e470a29e5431c..d360987aa17c74903ef13a645e5e95d1b510ef6e 100644 GIT binary patch delta 17 YcmaFN_?U4*BfC`bi|EMu>WLlE079P!cmMzZ delta 17 YcmaFN_?U4*BfC@UmwZ7f_K6+Q06;_ru>b%7 diff --git a/src/gtk-2.0/assets/menu-checkbox-checked.png b/src/gtk-2.0/assets/menu-checkbox-checked.png index 46a3bc98e57afa6917d15f7db6708db00dc715bf..96774412ecd2595cae95e4852c9e443908676bfa 100644 GIT binary patch delta 62 zcmdnUw2^5-sR={qf8(_Ol7+7%il0lDJeLBJMK7g5jF-|SFTf%%q>6#)C7671TbreI H;>r#Hd9EEr delta 62 zcmdnUw2^5-sY&Rn|Hd=_JGXyvYW?ci`qjDZ3y5s}?AQVn`QqIA)d?g5VnfjVj$JYn HS9SmZ8~`Gy diff --git a/src/gtk-2.0/assets/menu-checkbox-mixed.png b/src/gtk-2.0/assets/menu-checkbox-mixed.png index b98132ec249080343863b2349cba0b7d19a871a0..128e19f873e71290ad244916c805516c0100e9c8 100644 GIT binary patch delta 35 ocmcc1c$aZPsib7#D~aOg(k0KOieE?-zXX#n440nfo!I9O02@;fC;$Ke delta 35 hcmcc1c$aZPsibrJ7pK;*jvxeNKvCf1%ZU^F`~gDk643wv diff --git a/src/gtk-2.0/assets/menu-radio-checked.png b/src/gtk-2.0/assets/menu-radio-checked.png index 5e133748d78f5c83dbf4575f82e7b6f7561901ae..2cf49efc82fbb04f3d4dbe56c44c0a52c5f27832 100644 GIT binary patch delta 175 zcmZ3$vVdhmS$*1n?S`u=xwpkjUWjJB5-EEvUG_w(=&4lMQ;Fi|5{1u!;xdIVq>Elk zm%frId@fT0WWSIuc_~@)T(bCubny$Rq8Cz7@}(3=@HvQE@>044%mA`s2&5PtDZj)J QLQ!lbGbs0I0P@HUIzs delta 140 zcmcb{e2sZRS^doap$-2%C;fNp{_oK6%Cq6EbK7Ufrq2$opIw^1ICgw-X#L{U^3AdB zn?uVt=QbeYixW_!^@}rz@ztsAt0RyEq0dk$m;xs_1FRmb2C5fg0+5vUV4CDG@%w!M D|4L7u diff --git a/src/gtk-2.0/assets/progressbar-progress.png b/src/gtk-2.0/assets/progressbar-progress.png index 35cd514594995dfa0ba43b7fa2c7071d236b7567..6b67701bac108516eaa6b1342609fa80a1656c81 100644 GIT binary patch delta 41 wcmbQiID>IQnbH)kx{vc2ISmXKFdkxJSWv)Jqx8Gdl>rDmUHx3vIVCg!03%}!QUCw| delta 41 wcmbQiID>IQnNmsC-%s-yISmXKFdkxJ*ffLbkaBM03G+N6+e?Kd?pDIEP5hQ^jxCkxpdJp>EdV7MbBkGJB1B`+n4UrLk$6}*%x zelAt?9HbYhvgCzS@e2?aBmzYB&!tOV0wqAA#UQ1UB|roec>z=^4b}M^Y~l+^pn?*h z9-ue~NkPnl8VA%4G7%&W5rN2pNT9JG!H5sltU!-?mjw9*Gq7|6O7tPb-f5FR8aVDJ^jKr1FH>vV50y0;czopr08tYR;Q#;t delta 610 zcmey&+Q2p;xBgXtPlzi61A}(MRfmTA4h{cZ8a_BRe{gJi@6hnxp%sX}I5vH7Zu;ol z{?W1Nqf5g_hn7$FP4Dd6J~_3#cWU|I)biP}^|N#HXQ!smK#dN~Uz}RLI5vNA1Zr&g z;@k@6wtjMM`Q+3L)bh!>8Hj*_Ag*&u{U^uPPfo3$fJz-(KqN>rkO7nf>I7>BlFkr= z+Q5dkfz`Bq23qXY3bgyH69|D7w|#X6vfI9brM`l7L8Tmly1;5$Z$uRWz3W>N{ozQ{H?2It$|(JJJ1j4w5Kv4S;p>9>Vz)eR)FgsZ&vI=M0%6lgUEzhb}k^uU3Y zJbo)Vb26CNoO7MRSBkI5U|>6+b+9q0`ocA336n2!2et}@3w#M>ZZ23-obdnZ&gr%f zg5q5b9zHy*;&P=cRYqb+3gtGjY4$_o@wz zJTcRKQAGW(l6Q|chN(>4>eHusE$oa@+`RfvH${K5o@a1R_^_a$6d1G&p00i_>zopr E0GI73J^%m! diff --git a/src/gtk-2.0/assets/radio-checked-hover.png b/src/gtk-2.0/assets/radio-checked-hover.png index 789f45d4a539f7c17160c75e5b398e6c4c7ac10a..e110fbbd8fed342bd344924d5290d2641dfceb23 100644 GIT binary patch delta 593 zcmaFC`j&Myb#NODPQnfw(OBq z`7_DlXA%|9fr3({Po?soNftf>s*x-KiAxo~kScs3S^QG62&}B=xkT}EiK16hCC{ab zUPuA802LIylq!5FRSXn)3gk)_zmP7je<4})T)GIz0!l*^0m~_&IUu7^%>i-2DDT!)W1uI!N`m}?8JL)P`Gkc<#Ka|~ zCZ{vn)vIr?&17I;)bMn14AD4WI_YK*lOvDo?5}4wtWaRuwD^F+rc-@NvyFLv{^$R+ zFn9T>LpG&FtMV?H2WrXmepY{UaYN8UiEt&cu)x1wX3L|`-}aOCoa;XI+Df^n>U^SW zmodDVc;eK_B|(zux<*?VL=JeIJ3npOhNyi!JS$H9w0kkT{`1l`j-NFA9Wq~5b}L<& zRx2c8lA7um|NUL#-icNkGrE{njYAoC88NcXFJkv*el}sMu10|>?>ff#0_At21x?YG ztU=t&X^mHATLhRW@W)CvH?^(Feev=a_YLWlFZtz`u!=leXMLJk_NM9djjH_r zo?e_`A+kUB^`^TYpSpd$9-FPO>1EpGmpSFi)AwzQ)nB#8Jov3w)%LWloxh$OF1>$z mYs)$1|FX^=v9|L)JZhO$B^+++yy$KOB^*yzKbLh*2~7YzRSRkW delta 592 zcmaFM`hs;rZvDLgpAc6D28M=)|Dmh?TX+69Z+Pom`N^T-lUu`Q=hiQ_tzTUmzPfaL zcWQa>(D2@^=7VDsNY=jTlXLSYr^Zi?&7YlGzPPl0acKGC(E7!`<%=VX?bHTje|2d4 z>eTubsK&ANlVi&#r`AtEac7`l+gHby`cDompPgF2ID(aegn&xHa?U^ohz&Br5h&6E zVfr0Zc!jy!Gc-`;Lo(8S^4uBjcgbiLBqR@L|a zo#J?upKCnJn)H6jnfV%`eaC*JZp?^S`C-0+gU*^ozn)$>zWQ*Y={n0>{aSMa?w!23 zO?B=fhBu8T7R~ii33|KK<33XW1GA-F^sbhx981z2BKyAoiBPMbu!!xP-@JxHe+p(i zZCsWk6A&=Hl{NP6Zsu+3p#cWd%tX$FSQezRaM?ZOd&cIYsH+|Dz+0$>dEW!KKiUcW z+c)i>GE356=aj0+W>0ueG-*2r1WaDaD=S;iczbf!zXxGb4tcMBPu96GsWiqrXp%zl z#3zatw)3_w(s#UkEpfN#30G~l2wTDPzUq@RuTKsRKfO*o^v;Zx*H{^n(zbql_2TgN q`|VSAd{h1}>+BJ0JKw{jmU&*d-IjHQW^%wlW$<+Mb6Mw<&;$Tg#UHc) diff --git a/src/gtk-2.0/assets/radio-checked.png b/src/gtk-2.0/assets/radio-checked.png index 9082e39e59576084cf27d1f2fcdc79595d0e773b..f15be459adf684317e6e8e2c03d25b926007d21c 100644 GIT binary patch delta 218 zcmbQuI-7MuX+1;3e}>Ti#%cex8?K6%yb#TLB~tcUDEF;I@pFm7=RgtZqUX{e@`ZHC zb08^I@l3ASnm} unF$i{1DXY-zzC!oEDF>E5`m}yX#kl8K~O0e7cLHDd{fGsz1fK|k`VxVTWBHx delta 218 zcmX|(F%H5o3`NzUCt_r&9SMnrtpi8k0L(<-L_#pIqRuR=T%u6kK@vbApk~P;pfy0b7t&D8KqG)`2zn_6 zQVd2wbBllskXb-kkRVhF&_4_kowYuVhAH6_T3&ea2w!N}WAQI~>WX^7g0L6Mj9(=`)VScN zaLJ)1L-Rw|>>NR6ACVsiD#a=~L^>W8^)(m9xvg=ua4doHorV~ zVF}ap7fT!aclzqCbPntPc>3)-t;|Opo7P|T`>QL*cURO|L8fBe>$_(+R4>_fc|lh9 zlAfPi<)+B3y*q2q@sGEQFRQBA|37Xt=gGcnOFl41{*?L6!t>5pRdR}i1u*m&JYD@< J);T3K0RW?^0=57E delta 565 zcmdnPdXjZQZvE{5pAc6D1_tehs}2qK9UA_-G<d&rVIBff`+!f$T4iEnl2lzc{sg zacuqM-15n(8L0A;Gmvcl1e5{_0!?sg1+wcwe5Yoh($65(EuS2lKY?@t5l9fka0Z(N zQU+85w5Ii|W9wHS2~q<@ZC{;%?6$99Suh)DeH&N`tl-@JC?lZ%JW7K6f*II2IFyw2 z4Gav7O-;?rEo^KjCo`JWH%Q%B%)r3N=kQcK_+=k}@paynA!OX3lik z=%YPT{EK@dR=4@Q*kXT{^Fj61qMfgP9=LJixylTOFFdJ<-&ox^Go0?o+^=8Dc|~-? z^%qOEr4ll|FSO<_Ym{7|dr)0&lP{0q)CcU>BOfSDQD{1B$@gealLp&VogIhX{|}R| zIMbBA$Mb^Y1l{t!X;}rWby5`(5m_p{9k&eYci+9M>MY~TleFDCzkB-Ol3qapp4j7s z^Pk<=yK3WV*Q?V#rMs)Q-cH#XR{cv>%QgPJuJ=*aOXup^x@9IF`*L|p+=+|w4OwPl U?}SCNfq}>1>FVdQ&MBb@090=j6aWAK diff --git a/src/gtk-2.0/assets/radio-mixed-hover.png b/src/gtk-2.0/assets/radio-mixed-hover.png index 61de2fb0afe82184805cd47c80f71600c7bb654d..ab436346ea74e53d6a63ae3ebe8872ebb8266fad 100644 GIT binary patch delta 558 zcmZ3_x{Y;0ZvCYIpAc6DAZYl{5c*%F?6pwtZRzYM(v?r7il2#>yb#NODO&nUzTmZN z*(0g)XOhLwBr2W*#idH0O65P3EPN(e0uq!geI{81mMwZNQT$w@=#^B-bE%>iQb3i( zK=d4F8jvAb@lct0;z+N&p{F;K=QeC5r~8u0Wt-s8jL{NUPu;! z4Jrbf3q)}3U4`~82Z-No>O+IA`#iUGG{7dSHK zUG!z<&+gV)={RNm*X55_PMTrS_Tp$(`8~mW@$z0l0iKxSh3(vP?wu@)3Mrl3v$1a3 zUA5I)XKfA@(Os_0+x_WH{Cvg3d3E!1+WsTC{=j6`njxgN@xNA7W?=_ delta 555 zcmdnSx}J4HZvFWHpAc6D28M=)|Dmh?TX+69Z+Pom`N^T-lUu`Q=hiO{4PR_qzq&Sj zb?Nx-)bie;;k{eU2gfFm0{f;JDn@7dg z>P$OO`#=5Dgv^D7iFHp>-jy58>^1Z?|G{ru(rfs3y3WL7CA%!&rf#|KetMeozH=`e zYuk@(Gp#!0x7?JKX@88yl)nr!W~lo%X}TO=A`ljyFsI4t$la&+yBwz0H*9uRpB>0A z?cQX@q|LoXz?bvhhb3Yck2^K_-&u9QS;diOdhwjz&q|M2L_z}&UH=-ez9Q_PfH7wj z$JLVXjDW`IlFbK>-&!{9ih`E--+u))9e#P9E;p;F-8+ADJpNvJSWUtH|9zt;H|D>de12oT|3Td>vGaj^z~E!>boFyt I=akR{0B2GTlmGw# diff --git a/src/gtk-2.0/assets/radio-mixed.png b/src/gtk-2.0/assets/radio-mixed.png index 617075eb5f0e35c3d0521efd273440369993b5d0..7f2b407b57bec971391440f5b872ecf85e8d6bbe 100644 GIT binary patch delta 203 zcmaFC@`7bTX+1;3e}>TiK+-tvzjnh_@sby!S+7LOUJK>El_-8LQTQAvA`L`EFQiId zN`c51QpGPNOI}JAy_7C~E?x9oy5u=Xy!g2kkWma$AX)rE5~!sZs0*m(B}lLcNJ7wa pkS>rRK*1MM_CN}#4opHcgGi84uvuubaAjadUAxeu&BlzTi~s~yVH5xW delta 203 zcmYk!K?=e!5Cu>QJ%sltu3Xreh~NQw6mcUM>`Xx1xb+Hdy;QNd%EWE_v7o{*d6S>a zP!IKGd+RH#PTAEc))@vI&>*! sEpTcqhA&QRGON+#PgKTW=)9Z`=nME)i4}#txCH(q+s*dly{YEa8%y=LWLJhrPg9@)R|W%v_%9Zg+pV`JF#v(5tDnm{ Hr-UW|Nput{ delta 52 zcmdnMxPfs(vu^O~>Hn8VY*{~xeRZVIl3f`hJxzfITp0`us!}X0-dpYlGXR07tDnm{ Hr-UW|GI|oq diff --git a/src/gtk-2.0/assets/scale-slider-active.png b/src/gtk-2.0/assets/scale-slider-active.png index fdbd0e2c53268c7e3e5250faed9a92cbc86adc95..40263fc38e354b18dfb00a684d63ff83644021a8 100644 GIT binary patch delta 444 zcmbQsGM{BaZhcpPPlzi65H$Q}Nc(S`_FucPF!ScI;G+N z7d(+DelAt~QVK|x02wcUND_>sit2%Uun^E_u*4!B9&w;+bW4K#f*Dv?S=re5`S}Gz zMa9Hq<>VC(42_H}EIm8Bx-VY3eC6iNFJHgC$4iXosf`yR`m(bH*nwPa16NpS@LteZTBS067@&QdC@1O zd(I0;Dd&F{ee=*ZoWX9&N~aav51YO(S#fLIDd8AC@%YQZs=tnp z5`-VE$(fbj_WtKi`JfeMh8IkKeS4?mYVk*Yio{i=s14Jd@6Souv3lDL;jCSMf9-g- a!!CZRjb(T4R*!g49C^C>xvX%=th9^ zK7{Q=fcHX#??8a>K!@){fbc+o@j!?1K7;B$gYiLv?LmU`K!EN*h3`Ox^ge>`LWS@_ zg78Fu@k4_0LV@u?g!Dm$@<4?0LWT50hV(*(^FoI6LWT1}g)Q_#h4n*)^+JX8LWT5N zA6v@+001m>QchC<1O)~L4-XI(78V^IA0QwiBqSx19RV1B#cotJ0002cNkl&F zh^&Ek!~%}IFEn5bRR910 diff --git a/src/gtk-2.0/assets/scale-slider-hover.png b/src/gtk-2.0/assets/scale-slider-hover.png index a7d1d18ec20477bd74b1a9688f924a3dea42bbc7..e0775dab13868705d2f76c0fa97d49272a0ee41d 100644 GIT binary patch delta 369 zcmaFEe3f}ZZhcySPlzi65HvI}H2h}>U8UV{RlDK8Lc@K9hW|2!kHt$~h-SSKZFnV8 zc0;7>wNUO`xr&F>O1_jVc_~@^9EgD8AXEe* zXLg?916rh5666=mz{JGN#>T->&&kch!^_JjC@dl+rCU)^dFu3;vzM=Y`ttQ!qsCmI z>Mfowjv*T7YlGg3H7W4Kwj_nsbjW9l{racBGM7Wnvh4qXcd2hSF*+o)hD2#=O1wGf zCH!HJo89F!_PMz=iF_J=Dkn1(&+udYySZTb-nVU;Qc>Q4JJl|%`*)^e8qN4eiA2q${JDAt%A}41dC%bP0 Hl+XkK5YM9c delta 393 zcmcc0{Dyf#Zhd}$Plzi65H$R6X!su*x=Op@sy2|(@ZX`~zh&WLw{9Tg6_9OR_S(Ah zzh}c+&xZdt6(4NcKR8!@a&G(N(D2E%;j3%sSG%S!PA#9D+P*lpesOC3;tVE%3=nGh z?AQime06F8adQd|Xaa3iDGBnc4`yIuVrFAwZw( z0w$-56hHL@Zes0Sdi3+79|0$LD|UREXro~CeJT5ig@^b*xH>ic-t_kP#(XcEdevg4 zcdHVaR&bra5~9az?{3gOk>^_3rWK7IC%LcnbC)@O|H1X(bN|GT$Mnwy ztlLz?tz7)+H;f*WNe1H~nLh(*NY74L7Q7H~!rdSiHJy{m0qaRR!gLly98p gZ2su^_QxLvVQ0-Vudk&Gfx_F<)z4*}6H`JH003UNC;$Ke diff --git a/src/gtk-2.0/assets/scale-slider.png b/src/gtk-2.0/assets/scale-slider.png index e31762d864d6c6a55fd2f4a4938bffc769a5daf7..d65067433d9c4d09ed52ca5d965b67c17873f36d 100644 GIT binary patch delta 62 ycmdnUw2^5-sfl*ORh8V^GKFuXN}fv;M3KejR22 delta 62 zcmdnUw2^5-sYz(Vf6qz(om##*wS0DJ{p<)Pom+wIFF@oBBwIiXr`E3!5$_dZCnm1! F000n>A{GDu diff --git a/src/gtk-2.0/assets/scale-vert-trough-active.png b/src/gtk-2.0/assets/scale-vert-trough-active.png index 3e1dd87d34837280323da0558cb0c572bbfd1de5..69eba27bb2d11d4aee2031f952aa4dca278f20af 100644 GIT binary patch delta 58 zcmZ3_xSnxBjj_Y3A4ls~J`(@$dGWA|_VJ!5gRFxqSP!3U3N+x-U}yMZ!SX+C0#i8y O5O})!xvX|>lzDmg)`j*)>$fwAn1aHkvt5O})!xvX|>lzDp`>Amx+Pt1mhl-NssawfWXt$&t;ucLK6V5mI`(N diff --git a/src/gtk/assets/scale-horz-marks-after-slider.png b/src/gtk/assets/scale-horz-marks-after-slider.png index 38297dffc6e5c86a6c71a12d7abafa0bc3bc65d9..f8a1f3064fb133c47292879698f6d45cde269f18 100644 GIT binary patch delta 113 zcmeBX?q;4)n$8gVpP}KuaoT_FhO5$*PsB@JNS8g4Dtana{tU>LDtaMR{6ezig=Eo7 m>Ef3_HV73xmnwb^kpjsAML;S+veFO*s3b$)m%kJ5tOo$b$Tung delta 113 zcmeBX?q;4)njX69zeB@+v3b$9K2p?~bisoq(wAt8?2| mrxqal3j{&MTR%I2&=+T@I8XtI>(mBS22q@R%l7`nJL>`bWI&_< diff --git a/src/gtk/assets/scale-horz-marks-after-slider@2.png b/src/gtk/assets/scale-horz-marks-after-slider@2.png index 667afbb83778594957e6122cafba47cadb7cf439..33b115691957da0524f6baefdd53545b4d7fffa1 100644 GIT binary patch delta 161 zcmbQsGM8mSX}x^GYnj3~(q&Jiik?c9Ka(teCRO}Wy7;+t$#bdV7eFLg@(^6 z@TFAIODT}}b1(@M1S)tbSpro2LJGu&s)win>H>*C#a}{X(MeH=A|x`AEu3*PC!+`> E03)|bX8-^I delta 161 zcmbQsGM8mSX}xXhSErV54xQiJTE4k-e0OU3?%ej(x$U!K>u0ByFHT_6vGt2{%NOU? zFF+9xyA3G*#R)`y1u{V55Yz@!15pgr3l;}zfhvG9K)Rqv6wZP%G(#V;j` vUP>3glrDNHRr~^kik?dqgQS3L$>JB%AVH86m;qJ*Q3fWvSq~Xayt4`bx~DcX delta 113 zcmZo;ZeyNMnjX69zeB@+v3b$9K2p?@n!B99zEvk#pNu krR diff --git a/src/gtk/assets/scale-horz-marks-before-slider@2.png b/src/gtk/assets/scale-horz-marks-before-slider@2.png index 4f70ee2857acb148d1314be34e436ceefa88e360..ec43f55d70b647b00dbd78049434e0dc4bb74fcd 100644 GIT binary patch delta 164 zcmY+4F%E+;3`K>+*q!FPRj*i_Kt~3~F1-Us=)`>hCkltaE?K&K+3&rnp6X9GJf8X9 z=Ucl|zkpY~Hs?2lNM4AAg6Itv=c6+ii4*w*P6!$pfhn01AHuT+|tqRd_x1 M|MGhtzn7}14kXJ>a{vGU delta 164 zcmZ9Du?>JQ3Dx z>i0Ba^4kq~TND=}V6+rn2?MevcF2xO2NDSRw;0Gi=t@IuKTlD89$$X_r6}9K)zf)m If7Mk}J&guhp#T5? diff --git a/src/gtk/assets/scale-slider.png b/src/gtk/assets/scale-slider.png index e31762d864d6c6a55fd2f4a4938bffc769a5daf7..d65067433d9c4d09ed52ca5d965b67c17873f36d 100644 GIT binary patch delta 62 ycmdnUw2^5-sfl*ORh8V^GKFuXN}fv;M3KejR22 delta 62 zcmdnUw2^5-sYz(Vf6qz(om##*wS0DJ{p<)Pom+wIFF@oBBwIiXr`E3!5$_dZCnm1! F000n>A{GDu diff --git a/src/gtk/assets/scale-slider@2.png b/src/gtk/assets/scale-slider@2.png index ec1f3b7f4cc62881950d27364998c55b6d843caa..dc34378d085dfa2963b379837d64c5d1bc3eba6b 100644 GIT binary patch delta 147 zcmey%{Fiw`X}v`5bNPbTvSqJj3g1YVJ&`JUDpmeWqTsni@pI{-7g8lJq=01cOX;GQ zQpL}uik?fAJeMj4iAw^>q8E}SFQkDCFdIlp1J#tg1Pi_ds{|`92J3|=LnArC{P`~5 JV;25p1OSfxM}7bR delta 147 zcmey%{Fiw`X}xXRXWQ1VuAN_sRMCpx{@>HZY^@vt!F= z=hn|oEuWoQA?z>CZC@N)!Ga)>FHR5y()Gou^$SqMxfR5Kp|2Q>FHW3bX_e@k{0sjw F0st7WQpo@S diff --git a/src/gtk/assets/scale-vert-marks-after-slider.png b/src/gtk/assets/scale-vert-marks-after-slider.png index 6e0e9f668db20cff89cc51cd6c73e8e88aaa0538..9d44619a2957108be86cb878dd863fa5fea02f73 100644 GIT binary patch delta 101 zcmaFG^onUhX*5IVe};zt+6`AFa-WNrypS$?B31qj$dD>|Aqhl9FQtoLN)^8VqnA=e c&!vhW>=)8NL7=kY=O6|K$`(G(Hu1tN0F*s2s{jB1 delta 101 zcmaFG^onUhX>{nS{|*iRLmU3vwtaSM`0UX6&86eJTl074wy#cYUqNIGknzQ-6^_0- cwSESpFU~;07N9tg3zvm58ofkxCSI5Y09p_@-v9sr diff --git a/src/gtk/assets/scale-vert-marks-after-slider@2.png b/src/gtk/assets/scale-vert-marks-after-slider@2.png index 0563cbd40adb2cf5bd444d775e0dcf9f74ebee79..1cd35bb523045c99d04f2c9f3777f78eed6a557a 100644 GIT binary patch delta 161 zcmeBT>0+5sS}$AnTBh)gblDTBqNh^j&m@bVNtL{iE`Bau@?5Iug;X&JNrTW!siK!s z#m}XH;y`W@NKmTyrDVx-u;Ld$#gZV6FTo0cf?&NM6M(va2+W0(Fq5T3;X*LR1l^N7 Jn>iU7837cKO9lV{ delta 161 zcmeBT>0+5sTJPHV)v4v1L+3ZQmTxW{-vwwHW==*%MgU&i BSpfh5 diff --git a/src/gtk/assets/scale-vert-marks-before-slider.png b/src/gtk/assets/scale-vert-marks-before-slider.png index 82f88a59c3e5487b31d2fbef6265da31d08aec8b..a6ecdd210efa5776373aef8806be3b33041b97ad 100644 GIT binary patch delta 107 zcmaFQ^qy%#X(B`De};zt#%cex8?H(fKa0*qct6+M?K1|kqwviOBGkO7tjF;LM|;g(mNGKtZS0&tL=>gowboAV$rdl=6w!W&!}tS3Q>i diff --git a/src/gtk/assets/scale-vert-marks-before-slider@2.png b/src/gtk/assets/scale-vert-marks-before-slider@2.png index 5dd16324448872baefd92e75cd59f307f0f8d368..098dbe93d370d6028773ad196151b3f0a06ea714 100644 GIT binary patch delta 150 zcmYj|u?>JQ3{TM~xjq$qI-q=otw}A{ZeBMhOV%iueCHma&}rv9V{}U1T@p z9ft$tAaTTwj6>s*9f&7|14%#*sJ(cU07e}R88E7)H3|CrXrGY7Q~s#lqutkKF5(Ss C2}xuC delta 150 zcmeyv{D*l$X}xRbSErV54xQiJTE4k-e0OU3?%ej-spYd{>t|;u`r_F7#ku8+bL$tU n77*L1?TZso1jvA~f#M+4`o$5f45Wrg!~;{;l#uah65}5L9K2Of diff --git a/src/gtk/assets/selectionmode-checkbox-checked.png b/src/gtk/assets/selectionmode-checkbox-checked.png index 1acfc53d395d56b59c1ba60193a6200807a05dc4..ae006eb3bb5143f840fac184b71c570d53770d5a 100644 GIT binary patch delta 355 zcmaFK{ET@*ZhcXJPlzi61A}zg6REPNQpL}tieE?m%UUdf2mmh zQoZ_R@U(Z)v){$cexJ4EL+h5$o!dY6?EKuj^UIWdUv^yivGdB0T~~kXzWQVD^&k7L z|2%N>=f`jVe*FIT|NsAEYnIOi+R8Way;A*cp(X_ZwggjeW7jjMHZ{-v_BY;;N#8+i znsoXd?erhdZhdKhPlzi61A{~7H^=5r4sD;DTE958esya73`EW#639hCZXI9TJHB{y ze(~-3TDbUo;gav=%fDBw_};SN$E&S02e)uqK=Um4A_=<49^aGots!N0Ht`YUE6hd3$HZEjo8^>$KZq#m(PLPSqTH-~Q#}{LZJn(s9;zexzjGQFPxi`+2#n z!4fm6WhOo*DNht)kKa9!y84i{%;btm_J{bbclfX2zp<(u7?cd2u6{1-oD!M<4+z5< diff --git a/src/gtk/assets/selectionmode-checkbox-checked@2.png b/src/gtk/assets/selectionmode-checkbox-checked@2.png index 3af6898b298152d7a3743b665896eceabb30408d..241e0d38a05bfc337e61acd95e4e5362d6ccc480 100644 GIT binary patch delta 520 zcmaFJdWUsFZvFfKpAc6D1_teht17v-B?_O5m%NZEd?8cvQnKW^Wbq5>q8HM|FQkfI zNI}V$Qb6$%5Emp{0+t0z;XrCtFAW-A88^K)X?|_m{MxMLwR!7ni`LiH?XMd)eQMpJ z`MGE3=iZ%PrtJH2?9R_yFMi*D{pZ1(KM&vjdGz+rllOm~efabL|Nkc}ZqFx6FzVE| zdAc};L>zv5<95&?0|B;#J}nLQiHjVPSzVGha?Sc)Z>GOs;Y!Q5Y3X|m{+E9Cy_IKX zd^_XFgr|?Hwk4dBe}7*>4$u;8F`vl>6Ql&wm}w}J&nog2;gnb+mWF~!v0vaxva;lP5^#tpN->t4Ft zJiGbFtw%PxKWYS=w5uwtK0J-)So`Af%LCUhZ~7ZmTM}Dk+1%JOUu;$Nms|56E`Q*DuzCOR4d&-vS+w+WgnRk}I6xplSv7KHxZ*y|-g6I2~EY5u1 v5o~ed^Ufuo=3H#r;PN59aq<)<3sL!V8!}g1IW(;X7~c$@u6{1-oD!MI@`XzdE*l21-E{z|?>ggAh;wgaIOby1#}@_!>UxYxv}^5tF}0PWc)IL{q=UPX9J- z&(B%=bbc;4^mE~%U(1jEy72JN!`FYGy!-p~-QQ>L|2+qy5C2|%{P*h9zyJULUl9CK zI9ZfYr@q6}#W5t}@Y@@=gAN%8uqE_qX|PXRdJi zb=9nEelQK-%xnrKLgi-gB`)do=7M^OF)ECuNe!R(eWmmG>gv6)6y)_S{x;L5k zsMvCz%Q)cDR4nzuv8hKxu;;=5hW;Z7VQ)MRt`SIb=SZt>73h-SklVXTg3Yd0#`dEd zbJiY(fak3ZQThy5sw*x$Sm-#powZj^$fVlh!lQ)_v)dWN&G;GD+2zW~lvE^Kcq)0| z>~FD`FAtt|tjRB&Cst#}u~5|3M)t=i<(9B7A4?u&@66dBCLdcrRsP9^?s?O>ui93< zJ^x|x3m5 Date: Thu, 11 Jul 2019 01:24:51 +0900 Subject: [PATCH 04/72] scss: Adjust comments --- src/_sass/_color-palette.scss | 4 ++-- src/_sass/_variables.scss | 33 +++++++++++++++++++++------ src/_sass/gnome-shell/_variables.scss | 30 +++++++++++++++++------- 3 files changed, 50 insertions(+), 17 deletions(-) diff --git a/src/_sass/_color-palette.scss b/src/_sass/_color-palette.scss index 9c7b71f81..ea7ef6c7a 100644 --- a/src/_sass/_color-palette.scss +++ b/src/_sass/_color-palette.scss @@ -1,5 +1,5 @@ -// based color palette: -// https://material.io/guidelines/style/color.html#color-color-palette +// Based on 2014 Material Design color palettes: +// https://material.io/design/color/#tools-for-picking-colors // Red $red-50: #FFEBEE; diff --git a/src/_sass/_variables.scss b/src/_sass/_variables.scss index 587b13556..f7a6cad9d 100644 --- a/src/_sass/_variables.scss +++ b/src/_sass/_variables.scss @@ -1,7 +1,10 @@ $asset-suffix: if($variant == 'dark', '-dark', ''); $background-clip-extra: if($variant == 'light', padding-box, border-box); -// sizes +// +// Sizes +// + $container-padding: if($compact == 'false', 6px, 4px); $small-size: if($compact == 'false', 24px, 24px); @@ -11,32 +14,48 @@ $large-size: if($compact == 'false', 48px, 40px); $bar-size: 4px; $menuitem-size: 28px; -// radii +// +// Radii +// + $corner-radius: 4px; $circular-radius: 9999px; -// durations +// +// Durations +// + $duration: 75ms; $ripple-fade-in-duration: 225ms; $ripple-fade-out-duration: 300ms; $ripple-fade-out-opacity-duration: 1200ms; -// timing functions +// +// Timing functions +// + $ease: cubic-bezier(0.4, 0.0, 0.2, 1); $ease-out: cubic-bezier(0.0, 0.0, 0.2, 1); $ease-in: cubic-bezier(0.4, 0.0, 1, 1); $ease-in-out: cubic-bezier(0.4, 0.0, 0.6, 1); -// transition shorthands +// +// Transition shorthands +// + $transition: all $duration $ease-out; $transition-shadow: box-shadow $duration $ease-out; -// shadows +// +// Shadows +// + // based shadow values: // https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png -// box-shadow 1px blur doesn't draw correctly, see +// NOTE: box-shadow 1px blur doesn't work properly, see // https://gitlab.gnome.org/GNOME/gtk/issues/511 + // $shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24); $shadow-1: 0 1px 1px rgba(black, 0.12), 0 1px 2px rgba(black, 0.24); $shadow-2: 0 3px 3px rgba(black, 0.16), 0 3px 3px rgba(black, 0.23); diff --git a/src/_sass/gnome-shell/_variables.scss b/src/_sass/gnome-shell/_variables.scss index 2327a61e9..147ba2646 100644 --- a/src/_sass/gnome-shell/_variables.scss +++ b/src/_sass/gnome-shell/_variables.scss @@ -1,36 +1,50 @@ -// font families +// +// Font families +// + $font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; $font-family-large: Roboto, "M+ 1c", Cantarell, Sans-Serif; -// font sizes +// +// Font sizes +// + $font-size: if($compact == 'false', 14px, 14px); $font-size-subheading: if($compact == 'false', 16px, 15px); +// // Override sizes -$menuitem-size: if($compact == 'false', 32px, 28px); +// -// durations -$duration-panel: 250ms; +$menuitem-size: if($compact == 'false', 32px, 28px); +// // Override durations; since St does not support transition-timing-function +// + $duration: 100ms; $duration-ripple: 200ms; +$duration-panel: 250ms; -// shadows +// +// Override shadows +// // This should be none, but it's creating some issues with borders, so to // workaround it for now, use inset wich goes through a different code path. // see https://bugzilla.gnome.org/show_bug.cgi?id=752934 $shadow-0: 0 0 transparent; -// Override shadows $shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24); $shadow-2: 0 3px 3px rgba(black, 0.16 * 1.5), 0 3px 3px rgba(black, 0.23 * 1.5); $shadow-3: 0 10px 10px rgba(black, 0.19 * 1.5), 0 6px 3px rgba(black, 0.23 * 1.5); $shadow-4: 0 14px 14px rgba(black, 0.25 * 2), 0 10px 5px rgba(black, 0.22 * 2); $shadow-5: 0 19px 19px rgba(black, 0.30 * 2), 0 15px 6px rgba(black, 0.22 * 2); -// Override overlay colors; since St does not support alpha() function +// +// Override overlay colors; since St does not support GTK-specific alpha() function +// + $overlay-hover: rgba($text, 0.08); $overlay-focus: rgba($text, 0.12); $overlay-focus-hover: rgba($text, 0.16); From d2ae0569cd728629e9cb6528bb6e92dba337bd8f Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 12 Jul 2019 01:38:45 +0900 Subject: [PATCH 05/72] gtk: Fix Nautilus headerbar button styles These specificity bumps are ugly, but unavoidable... --- src/_sass/gtk/apps/_gnome-3.22.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/_sass/gtk/apps/_gnome-3.22.scss b/src/_sass/gtk/apps/_gnome-3.22.scss index e3741733f..d30c5c5b8 100644 --- a/src/_sass/gtk/apps/_gnome-3.22.scss +++ b/src/_sass/gtk/apps/_gnome-3.22.scss @@ -41,7 +41,7 @@ animation: nautilus-operations-button-needs-attention $ripple-fade-out-duration $ease 6 alternate; } -.linked > button:not(.suggested-action):not(.destructive-action).disclosure-button { @extend %circular_button; } +.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button { @extend %circular_button; } // Path bar @@ -70,10 +70,12 @@ } // for 3.32 - .nautilus-path-bar button { + .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: ($medium-size - 24px) / 2; padding-right: ($medium-size - 24px) / 2; + &.text-button { min-width: 0; } + label:not(:only-child) { &:first-child { margin-left: 0; } From e2d443f294b8623f0945bebe757b25c7bebf3818 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 12 Jul 2019 01:58:28 +0900 Subject: [PATCH 06/72] Update change_color.sh & _colors.scss.template --- change_color.sh | 6 ++++-- src/_sass/_colors.scss.template | 10 +++++----- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/change_color.sh b/change_color.sh index 2776e376f..a17c2637d 100755 --- a/change_color.sh +++ b/change_color.sh @@ -181,7 +181,8 @@ for FILEPATH in "${PATHLIST[@]}"; do -e 's/#BDBDBD/%INACTIVE_FG%/g' \ -e 's/#FAFAFA/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#F2F2F2/%BG%/g' \ - -e 's/#4285F4/%SEL_BG%/g' \ + -e 's/#1A73E8/%SEL_BG%/g' \ + -e 's/#8AB4F8/%SEL_BG%/g' \ -e 's/#FFFFFF/%MATERIA_VIEW%/g' \ -e 's/#383838/%HDR_BG%/g' \ -e 's/#E0E0E0/%HDR_BG%/g' \ @@ -201,7 +202,8 @@ for FILEPATH in "${PATHLIST[@]}"; do -e 's/#FFFFFF/%FG%/g' \ -e 's/#FAFAFA/%FG%/g' \ -e 's/#424242/%MATERIA_SURFACE%/g' \ - -e 's/#4285F4/%SEL_BG%/g' \ + -e 's/#1A73E8/%SEL_BG%/g' \ + -e 's/#8AB4F8/%SEL_BG%/g' \ -e 's/#303030/%MATERIA_VIEW%/g' \ -e 's/#383838/%HDR_BG%/g' \ -e 's/#212121/%HDR_BG2%/g' \ diff --git a/src/_sass/_colors.scss.template b/src/_sass/_colors.scss.template index 131639b68..c19cef7ef 100644 --- a/src/_sass/_colors.scss.template +++ b/src/_sass/_colors.scss.template @@ -3,6 +3,11 @@ @import 'color-palette'; +$blue: %TERMINAL_COLOR12%; +$green: %TERMINAL_COLOR10%; +$yellow: %TERMINAL_COLOR11%; +$red: %TERMINAL_COLOR9%; + @function gtkalpha($c, $a) { @return unquote("alpha(#{$c}, #{$a})"); } @@ -46,11 +51,6 @@ // Basic colors // -$blue: %TERMINAL_COLOR12%; -$green: %TERMINAL_COLOR10%; -$yellow: %TERMINAL_COLOR11%; -$red: %TERMINAL_COLOR9%; - $primary-dark: %SEL_BG%; $primary-light: %SEL_BG%; $primary: if($variant == 'light', $primary-dark, $primary-light); From 70fd7e88ab7b6b9c764841e5e38d4ecf745c5d89 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 12 Jul 2019 03:18:26 +0900 Subject: [PATCH 07/72] gtk: Override Caja's default entry style (fix #398) --- src/_sass/gtk/apps/_mate.scss | 23 ++++++++++++++++++++++- 1 file changed, 22 insertions(+), 1 deletion(-) diff --git a/src/_sass/gtk/apps/_mate.scss b/src/_sass/gtk/apps/_mate.scss index c7f1627ee..6c3997d73 100644 --- a/src/_sass/gtk/apps/_mate.scss +++ b/src/_sass/gtk/apps/_mate.scss @@ -342,7 +342,7 @@ na-tray-applet widget box widget { // window and desktop mode .caja-canvas-item { - // border-radius: $corner-radius; + border-radius: $corner-radius; } // desktop mode @@ -353,6 +353,27 @@ na-tray-applet widget box widget { .caja-desktop EelEditableLabel.entry { } +// override https://github.com/mate-desktop/caja/blob/master/data/caja.css +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: $corner-radius; + background-color: $fill; + background-image: none; + color: $text; + + &:selected { background-color: $overlay-selected; } +} + +.caja-desktop.view .entry { + background-color: $scrim-alt; + color: on(dark); + text-shadow: $shadow-1; + caret-color: currentColor; // this shouldn't be needed. + + &:selected { background-color: $overlay-selected; } // FIXME: this should have light overlay. +} + // statusbar .caja-navigation-window statusbar { margin: 0 -10px; From 55fe07bec610bd37fcd4661673ee4a003f6bbb08 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 12 Jul 2019 03:45:17 +0900 Subject: [PATCH 08/72] Regenerate CSSs --- .../chrome-scrollbar-dark/scrollbars.css | 2 +- src/cinnamon/cinnamon-compact.css | 106 +- src/cinnamon/cinnamon-dark-compact.css | 136 +- src/cinnamon/cinnamon-dark.css | 136 +- src/cinnamon/cinnamon-light-compact.css | 106 +- src/cinnamon/cinnamon-light.css | 106 +- src/cinnamon/cinnamon.css | 106 +- src/gnome-shell/3.18/gnome-shell-compact.css | 94 +- .../3.18/gnome-shell-dark-compact.css | 110 +- src/gnome-shell/3.18/gnome-shell-dark.css | 110 +- .../3.18/gnome-shell-light-compact.css | 94 +- src/gnome-shell/3.18/gnome-shell-light.css | 94 +- src/gnome-shell/3.18/gnome-shell.css | 94 +- src/gnome-shell/3.24/gnome-shell-compact.css | 94 +- .../3.24/gnome-shell-dark-compact.css | 112 +- src/gnome-shell/3.24/gnome-shell-dark.css | 112 +- .../3.24/gnome-shell-light-compact.css | 94 +- src/gnome-shell/3.24/gnome-shell-light.css | 94 +- src/gnome-shell/3.24/gnome-shell.css | 94 +- src/gnome-shell/3.26/gnome-shell-compact.css | 94 +- .../3.26/gnome-shell-dark-compact.css | 112 +- src/gnome-shell/3.26/gnome-shell-dark.css | 112 +- .../3.26/gnome-shell-light-compact.css | 94 +- src/gnome-shell/3.26/gnome-shell-light.css | 94 +- src/gnome-shell/3.26/gnome-shell.css | 94 +- src/gnome-shell/3.28/gnome-shell-compact.css | 98 +- .../3.28/gnome-shell-dark-compact.css | 116 +- src/gnome-shell/3.28/gnome-shell-dark.css | 116 +- .../3.28/gnome-shell-light-compact.css | 98 +- src/gnome-shell/3.28/gnome-shell-light.css | 98 +- src/gnome-shell/3.28/gnome-shell.css | 98 +- src/gnome-shell/3.30/gnome-shell-compact.css | 98 +- .../3.30/gnome-shell-dark-compact.css | 116 +- src/gnome-shell/3.30/gnome-shell-dark.css | 116 +- .../3.30/gnome-shell-light-compact.css | 98 +- src/gnome-shell/3.30/gnome-shell-light.css | 98 +- src/gnome-shell/3.30/gnome-shell.css | 98 +- src/gnome-shell/3.32/gnome-shell-compact.css | 100 +- .../3.32/gnome-shell-dark-compact.css | 120 +- src/gnome-shell/3.32/gnome-shell-dark.css | 120 +- .../3.32/gnome-shell-light-compact.css | 100 +- src/gnome-shell/3.32/gnome-shell-light.css | 100 +- src/gnome-shell/3.32/gnome-shell.css | 100 +- src/gtk/3.0/gtk-compact.css | 1720 ++++++++------- src/gtk/3.0/gtk-dark-compact.css | 1898 +++++++++-------- src/gtk/3.0/gtk-dark.css | 1898 +++++++++-------- src/gtk/3.0/gtk-light-compact.css | 1730 ++++++++------- src/gtk/3.0/gtk-light.css | 1730 ++++++++------- src/gtk/3.0/gtk.css | 1720 ++++++++------- 49 files changed, 7905 insertions(+), 7173 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark/scrollbars.css b/src/chrome/chrome-scrollbar-dark/scrollbars.css index 10ccabe5b..638565099 100644 --- a/src/chrome/chrome-scrollbar-dark/scrollbars.css +++ b/src/chrome/chrome-scrollbar-dark/scrollbars.css @@ -2,7 +2,7 @@ ::-webkit-scrollbar-corner { width: 17px; height: 17px; - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); background-color: rgba(48, 48, 48, 0.9); background-clip: border-box; } diff --git a/src/cinnamon/cinnamon-compact.css b/src/cinnamon/cinnamon-compact.css index b1b9a0aa5..672024b55 100644 --- a/src/cinnamon/cinnamon-compact.css +++ b/src/cinnamon/cinnamon-compact.css @@ -99,11 +99,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -128,13 +128,13 @@ border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); @@ -215,7 +215,7 @@ .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #4285F4; + color: #1A73E8; font-style: italic; } @@ -469,23 +469,23 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { @@ -497,7 +497,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { @@ -505,11 +505,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { @@ -517,27 +517,27 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -545,7 +545,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { @@ -553,11 +553,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { @@ -565,27 +565,27 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { @@ -598,7 +598,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { @@ -606,11 +606,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { @@ -618,27 +618,27 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #4285F4 inset; + box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -647,7 +647,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { @@ -655,11 +655,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { @@ -667,7 +667,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #4285F4 inset; + box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { @@ -713,7 +713,7 @@ StScrollView StScrollBar { .window-caption#selected, .window-caption:focus { color: white; - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { @@ -790,7 +790,7 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame#active { - border: 1px solid #4285F4; + border: 1px solid #1A73E8; } #LookingGlassDialog { @@ -867,7 +867,7 @@ StScrollView StScrollBar { .calendar-day-base:active { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-with-image { @@ -1074,7 +1074,7 @@ StScrollView StScrollBar { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #4285F4; + background-color: #1A73E8; border-radius: 52px; } @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1696,7 +1696,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } @@ -1810,7 +1810,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #4285F4; + background-color: #1A73E8; } .osd-window { @@ -1826,7 +1826,7 @@ StScrollView StScrollBar { .osd-window .level-bar { border-radius: 0.3em; - background-color: #4285F4; + background-color: #1A73E8; } .tile-hud:top { diff --git a/src/cinnamon/cinnamon-dark-compact.css b/src/cinnamon/cinnamon-dark-compact.css index 5c9adc073..b5c83f43f 100644 --- a/src/cinnamon/cinnamon-dark-compact.css +++ b/src/cinnamon/cinnamon-dark-compact.css @@ -99,11 +99,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -111,8 +111,8 @@ .separator, .popup-separator-menu-item { -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0.26); - -gradient-end: rgba(0, 0, 0, 0.26); + -gradient-start: rgba(255, 255, 255, 0.12); + -gradient-end: rgba(255, 255, 255, 0.12); -margin-horizontal: 4px; height: 1.5em; } @@ -128,13 +128,13 @@ border-radius: 4px 4px 0 0; color: white; caret-color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; padding: 0 8px; border-width: 0; color: white; @@ -210,12 +210,12 @@ .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(255, 255, 255, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #4285F4; + color: #8AB4F8; font-style: italic; } @@ -469,23 +469,23 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-badge { @@ -497,7 +497,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-box { @@ -505,11 +505,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-separator { @@ -517,27 +517,27 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -545,7 +545,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-box { @@ -553,11 +553,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-separator { @@ -565,27 +565,27 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-badge { @@ -598,7 +598,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-box { @@ -606,11 +606,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-separator { @@ -618,27 +618,27 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #4285F4 inset; + box-shadow: 4px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -647,7 +647,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-box { @@ -655,11 +655,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-separator { @@ -667,7 +667,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #4285F4 inset; + box-shadow: -4px 0 0 0 #8AB4F8 inset; } .panel-status-button { @@ -713,7 +713,7 @@ StScrollView StScrollBar { .window-caption#selected, .window-caption:focus { color: white; - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .workspace-controls { @@ -763,14 +763,14 @@ StScrollView StScrollBar { } .window-border { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; @@ -786,11 +786,11 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .expo-workspace-thumbnail-frame#active { - border: 1px solid #4285F4; + border: 1px solid #8AB4F8; } #LookingGlassDialog { @@ -866,8 +866,8 @@ StScrollView StScrollBar { } .calendar-day-base:active { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -946,7 +946,7 @@ StScrollView StScrollBar { #notification { background-color: #424242; border-radius: 4px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-with-image { @@ -1030,7 +1030,7 @@ StScrollView StScrollBar { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-list-item-container { @@ -1074,7 +1074,7 @@ StScrollView StScrollBar { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 52px; } @@ -1174,7 +1174,7 @@ StScrollView StScrollBar { } .magnifier-zoom-region { - border: 3px solid rgba(0, 0, 0, 0.26); + border: 3px solid rgba(255, 255, 255, 0.12); } .magnifier-zoom-region.full-screen { @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1447,7 +1447,7 @@ StScrollView StScrollBar { } .grouped-window-list-thumbnail-menu .item-box:outlined { - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(255, 255, 255, 0.12); color: white; } @@ -1486,7 +1486,7 @@ StScrollView StScrollBar { .grouped-window-list-thumbnail-menu .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .sound-player StButton:small { @@ -1546,12 +1546,12 @@ StScrollView StScrollBar { .workspace-graph .workspace { background-color: #212121; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active .windows { @@ -1696,7 +1696,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } @@ -1731,7 +1731,7 @@ StScrollView StScrollBar { } .about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } @@ -1810,7 +1810,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #4285F4; + background-color: #8AB4F8; } .osd-window { @@ -1826,7 +1826,7 @@ StScrollView StScrollBar { .osd-window .level-bar { border-radius: 0.3em; - background-color: #4285F4; + background-color: #8AB4F8; } .tile-hud:top { diff --git a/src/cinnamon/cinnamon-dark.css b/src/cinnamon/cinnamon-dark.css index 63e25addd..3ada60819 100644 --- a/src/cinnamon/cinnamon-dark.css +++ b/src/cinnamon/cinnamon-dark.css @@ -99,11 +99,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -111,8 +111,8 @@ .separator, .popup-separator-menu-item { -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0.26); - -gradient-end: rgba(0, 0, 0, 0.26); + -gradient-start: rgba(255, 255, 255, 0.12); + -gradient-end: rgba(255, 255, 255, 0.12); -margin-horizontal: 4px; height: 1.5em; } @@ -128,13 +128,13 @@ border-radius: 4px 4px 0 0; color: white; caret-color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; padding: 0 8px; border-width: 0; color: white; @@ -210,12 +210,12 @@ .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(255, 255, 255, 0.12); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #4285F4; + color: #8AB4F8; font-style: italic; } @@ -469,23 +469,23 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .grouped-window-list-badge { @@ -497,7 +497,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-box { @@ -505,11 +505,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #8AB4F8 inset; } .panel-top .applet-separator { @@ -517,27 +517,27 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -545,7 +545,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-box { @@ -553,11 +553,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .panel-bottom .applet-separator { @@ -565,27 +565,27 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .grouped-window-list-badge { @@ -598,7 +598,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-box { @@ -606,11 +606,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #8AB4F8 inset; } .panel-left .applet-separator { @@ -618,27 +618,27 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #4285F4 inset; + box-shadow: 4px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -647,7 +647,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-box { @@ -655,11 +655,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #8AB4F8 inset; } .panel-right .applet-separator { @@ -667,7 +667,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #4285F4 inset; + box-shadow: -4px 0 0 0 #8AB4F8 inset; } .panel-status-button { @@ -713,7 +713,7 @@ StScrollView StScrollBar { .window-caption#selected, .window-caption:focus { color: white; - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #8AB4F8 inset; } .workspace-controls { @@ -763,14 +763,14 @@ StScrollView StScrollBar { } .window-border { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .window-close-area { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; @@ -786,11 +786,11 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .expo-workspace-thumbnail-frame#active { - border: 1px solid #4285F4; + border: 1px solid #8AB4F8; } #LookingGlassDialog { @@ -866,8 +866,8 @@ StScrollView StScrollBar { } .calendar-day-base:active { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -946,7 +946,7 @@ StScrollView StScrollBar { #notification { background-color: #424242; border-radius: 4px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-with-image { @@ -1030,7 +1030,7 @@ StScrollView StScrollBar { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-list-item-container { @@ -1074,7 +1074,7 @@ StScrollView StScrollBar { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 52px; } @@ -1174,7 +1174,7 @@ StScrollView StScrollBar { } .magnifier-zoom-region { - border: 3px solid rgba(0, 0, 0, 0.26); + border: 3px solid rgba(255, 255, 255, 0.12); } .magnifier-zoom-region.full-screen { @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1447,7 +1447,7 @@ StScrollView StScrollBar { } .grouped-window-list-thumbnail-menu .item-box:outlined { - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(255, 255, 255, 0.12); color: white; } @@ -1486,7 +1486,7 @@ StScrollView StScrollBar { .grouped-window-list-thumbnail-menu .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .sound-player StButton:small { @@ -1546,12 +1546,12 @@ StScrollView StScrollBar { .workspace-graph .workspace { background-color: #212121; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active { background-color: rgba(255, 255, 255, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } .workspace-graph .workspace:active .windows { @@ -1696,7 +1696,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } @@ -1731,7 +1731,7 @@ StScrollView StScrollBar { } .about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } @@ -1810,7 +1810,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #4285F4; + background-color: #8AB4F8; } .osd-window { @@ -1826,7 +1826,7 @@ StScrollView StScrollBar { .osd-window .level-bar { border-radius: 0.3em; - background-color: #4285F4; + background-color: #8AB4F8; } .tile-hud:top { diff --git a/src/cinnamon/cinnamon-light-compact.css b/src/cinnamon/cinnamon-light-compact.css index b1b9a0aa5..672024b55 100644 --- a/src/cinnamon/cinnamon-light-compact.css +++ b/src/cinnamon/cinnamon-light-compact.css @@ -99,11 +99,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -128,13 +128,13 @@ border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); @@ -215,7 +215,7 @@ .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #4285F4; + color: #1A73E8; font-style: italic; } @@ -469,23 +469,23 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { @@ -497,7 +497,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { @@ -505,11 +505,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { @@ -517,27 +517,27 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -545,7 +545,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { @@ -553,11 +553,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { @@ -565,27 +565,27 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { @@ -598,7 +598,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { @@ -606,11 +606,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { @@ -618,27 +618,27 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #4285F4 inset; + box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -647,7 +647,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { @@ -655,11 +655,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { @@ -667,7 +667,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #4285F4 inset; + box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { @@ -713,7 +713,7 @@ StScrollView StScrollBar { .window-caption#selected, .window-caption:focus { color: white; - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { @@ -790,7 +790,7 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame#active { - border: 1px solid #4285F4; + border: 1px solid #1A73E8; } #LookingGlassDialog { @@ -867,7 +867,7 @@ StScrollView StScrollBar { .calendar-day-base:active { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-with-image { @@ -1074,7 +1074,7 @@ StScrollView StScrollBar { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #4285F4; + background-color: #1A73E8; border-radius: 52px; } @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1696,7 +1696,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } @@ -1810,7 +1810,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #4285F4; + background-color: #1A73E8; } .osd-window { @@ -1826,7 +1826,7 @@ StScrollView StScrollBar { .osd-window .level-bar { border-radius: 0.3em; - background-color: #4285F4; + background-color: #1A73E8; } .tile-hud:top { diff --git a/src/cinnamon/cinnamon-light.css b/src/cinnamon/cinnamon-light.css index f7c588c1e..61dc580f4 100644 --- a/src/cinnamon/cinnamon-light.css +++ b/src/cinnamon/cinnamon-light.css @@ -99,11 +99,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -128,13 +128,13 @@ border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); @@ -215,7 +215,7 @@ .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #4285F4; + color: #1A73E8; font-style: italic; } @@ -469,23 +469,23 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { @@ -497,7 +497,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { @@ -505,11 +505,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { @@ -517,27 +517,27 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -545,7 +545,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { @@ -553,11 +553,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { @@ -565,27 +565,27 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { @@ -598,7 +598,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { @@ -606,11 +606,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { @@ -618,27 +618,27 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #4285F4 inset; + box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -647,7 +647,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { @@ -655,11 +655,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { @@ -667,7 +667,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #4285F4 inset; + box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { @@ -713,7 +713,7 @@ StScrollView StScrollBar { .window-caption#selected, .window-caption:focus { color: white; - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { @@ -790,7 +790,7 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame#active { - border: 1px solid #4285F4; + border: 1px solid #1A73E8; } #LookingGlassDialog { @@ -867,7 +867,7 @@ StScrollView StScrollBar { .calendar-day-base:active { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-with-image { @@ -1074,7 +1074,7 @@ StScrollView StScrollBar { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #4285F4; + background-color: #1A73E8; border-radius: 52px; } @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1696,7 +1696,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } @@ -1810,7 +1810,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #4285F4; + background-color: #1A73E8; } .osd-window { @@ -1826,7 +1826,7 @@ StScrollView StScrollBar { .osd-window .level-bar { border-radius: 0.3em; - background-color: #4285F4; + background-color: #1A73E8; } .tile-hud:top { diff --git a/src/cinnamon/cinnamon.css b/src/cinnamon/cinnamon.css index f7c588c1e..61dc580f4 100644 --- a/src/cinnamon/cinnamon.css +++ b/src/cinnamon/cinnamon.css @@ -99,11 +99,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -128,13 +128,13 @@ border-radius: 4px 4px 0 0; color: rgba(0, 0, 0, 0.87); caret-color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; padding: 0 8px; border-width: 0; color: rgba(0, 0, 0, 0.87); @@ -215,7 +215,7 @@ .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { @@ -242,7 +242,7 @@ stage { } .cinnamon-link { - color: #4285F4; + color: #1A73E8; font-style: italic; } @@ -469,23 +469,23 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .grouped-window-list-badge { @@ -497,7 +497,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-box { @@ -505,11 +505,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #4285F4 inset; + box-shadow: 0 3px 0 0 #1A73E8 inset; } .panel-top .applet-separator { @@ -517,27 +517,27 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .grouped-window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -545,7 +545,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-box { @@ -553,11 +553,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .panel-bottom .applet-separator { @@ -565,27 +565,27 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #4285F4 inset; + box-shadow: 0 4px 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .grouped-window-list-badge { @@ -598,7 +598,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-box { @@ -606,11 +606,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #4285F4 inset; + box-shadow: 3px 0 0 0 #1A73E8 inset; } .panel-left .applet-separator { @@ -618,27 +618,27 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #4285F4 inset; + box-shadow: 4px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .grouped-window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -647,7 +647,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-box { @@ -655,11 +655,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #4285F4 inset; + box-shadow: -3px 0 0 0 #1A73E8 inset; } .panel-right .applet-separator { @@ -667,7 +667,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #4285F4 inset; + box-shadow: -4px 0 0 0 #1A73E8 inset; } .panel-status-button { @@ -713,7 +713,7 @@ StScrollView StScrollBar { .window-caption#selected, .window-caption:focus { color: white; - box-shadow: 0 -3px 0 0 #4285F4 inset; + box-shadow: 0 -3px 0 0 #1A73E8 inset; } .workspace-controls { @@ -790,7 +790,7 @@ StScrollView StScrollBar { } .expo-workspace-thumbnail-frame#active { - border: 1px solid #4285F4; + border: 1px solid #1A73E8; } #LookingGlassDialog { @@ -867,7 +867,7 @@ StScrollView StScrollBar { .calendar-day-base:active { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; } @@ -919,7 +919,7 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -961,7 +961,7 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-with-image { @@ -1074,7 +1074,7 @@ StScrollView StScrollBar { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #4285F4; + background-color: #1A73E8; border-radius: 52px; } @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1428,7 +1428,7 @@ StScrollView StScrollBar { } .grouped-window-list-item-demands-attention { - background-color: #34A853; + background-color: #383838; color: rgba(255, 255, 255, 0.7); } @@ -1696,7 +1696,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; } @@ -1810,7 +1810,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #4285F4; + background-color: #1A73E8; } .osd-window { @@ -1826,7 +1826,7 @@ StScrollView StScrollBar { .osd-window .level-bar { border-radius: 0.3em; - background-color: #4285F4; + background-color: #1A73E8; } .tile-hud:top { diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 84c9a0c9c..4a4184e0f 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -907,7 +915,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -944,7 +952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -962,7 +970,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -988,8 +996,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1250,7 +1258,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:active, .calendar-day-base:selected { transition-duration: 200ms; color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32) !important; + background-color: rgba(26, 115, 232, 0.24) !important; border-color: transparent; } @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1655,7 +1663,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2085,7 +2093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2164,7 +2172,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2336,7 +2344,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2450,7 +2458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2576,7 +2584,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2586,7 +2594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2595,7 +2603,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2911,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; transition-duration: 200ms; @@ -2927,16 +2935,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3241,7 +3249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3255,7 +3263,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index e8c0c537c..8a8fa1ad5 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -907,7 +915,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -922,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -944,7 +952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -962,8 +970,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -988,8 +996,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1250,7 +1258,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:active, .calendar-day-base:selected { transition-duration: 200ms; color: white; - background-color: rgba(66, 133, 244, 0.32) !important; + background-color: rgba(138, 180, 248, 0.24) !important; border-color: transparent; } @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1655,7 +1663,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2085,7 +2093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2164,9 +2172,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2336,7 +2344,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2450,7 +2458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2575,8 +2583,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2585,8 +2593,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2594,8 +2602,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2877,7 +2885,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2911,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; transition-duration: 200ms; @@ -2927,16 +2935,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3241,7 +3249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3255,7 +3263,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index 248875cfa..183e46dce 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -907,7 +915,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -922,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -944,7 +952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -962,8 +970,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -988,8 +996,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1250,7 +1258,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:active, .calendar-day-base:selected { transition-duration: 200ms; color: white; - background-color: rgba(66, 133, 244, 0.32) !important; + background-color: rgba(138, 180, 248, 0.24) !important; border-color: transparent; } @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1655,7 +1663,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2085,7 +2093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2164,9 +2172,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2336,7 +2344,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2450,7 +2458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2575,8 +2583,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2585,8 +2593,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2594,8 +2602,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2877,7 +2885,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2911,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; transition-duration: 200ms; @@ -2927,16 +2935,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3241,7 +3249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3255,7 +3263,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index 1471b3f77..743f7e4d8 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -907,7 +915,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -944,7 +952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -962,7 +970,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -988,8 +996,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1250,7 +1258,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:active, .calendar-day-base:selected { transition-duration: 200ms; color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32) !important; + background-color: rgba(26, 115, 232, 0.24) !important; border-color: transparent; } @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1655,7 +1663,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2085,7 +2093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2164,7 +2172,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2336,7 +2344,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2450,7 +2458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2576,7 +2584,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2586,7 +2594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2595,7 +2603,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2911,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; transition-duration: 200ms; @@ -2927,16 +2935,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3241,7 +3249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3255,7 +3263,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index ee417c1e3..de9114bee 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -907,7 +915,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -944,7 +952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -962,7 +970,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -988,8 +996,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1250,7 +1258,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:active, .calendar-day-base:selected { transition-duration: 200ms; color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32) !important; + background-color: rgba(26, 115, 232, 0.24) !important; border-color: transparent; } @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1655,7 +1663,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2085,7 +2093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2164,7 +2172,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2336,7 +2344,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2450,7 +2458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2576,7 +2584,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2586,7 +2594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2595,7 +2603,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2911,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; transition-duration: 200ms; @@ -2927,16 +2935,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3241,7 +3249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3255,7 +3263,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index 0003fd799..746d32ec9 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -907,7 +915,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -944,7 +952,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -962,7 +970,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -988,8 +996,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1250,7 +1258,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:active, .calendar-day-base:selected { transition-duration: 200ms; color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32) !important; + background-color: rgba(26, 115, 232, 0.24) !important; border-color: transparent; } @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1655,7 +1663,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2085,7 +2093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2164,7 +2172,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2336,7 +2344,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2450,7 +2458,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2576,7 +2584,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2586,7 +2594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2595,7 +2603,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2911,7 +2919,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; transition-duration: 200ms; @@ -2927,16 +2935,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3241,7 +3249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3255,7 +3263,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index 1fe9b7408..818a1cc33 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -915,7 +923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -952,7 +960,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -970,7 +978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -996,8 +1004,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1330,7 +1338,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1698,7 +1706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2128,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2207,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2379,7 +2387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2493,7 +2501,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2619,7 +2627,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2629,7 +2637,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2638,7 +2646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2955,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2970,16 +2978,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3284,7 +3292,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3298,7 +3306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index ea89ce323..f33ea1710 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -915,7 +923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -930,7 +938,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -952,7 +960,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -970,8 +978,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -996,8 +1004,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1136,7 +1144,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1330,7 +1338,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1698,7 +1706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2128,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2207,9 +2215,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2379,7 +2387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2493,7 +2501,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2618,8 +2626,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2628,8 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2637,8 +2645,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2920,7 +2928,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2955,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2970,16 +2978,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3284,7 +3292,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3298,7 +3306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index 40b164b28..650c01163 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -915,7 +923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -930,7 +938,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -952,7 +960,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -970,8 +978,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -996,8 +1004,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1136,7 +1144,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1330,7 +1338,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1698,7 +1706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2128,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2207,9 +2215,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2379,7 +2387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2493,7 +2501,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2618,8 +2626,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2628,8 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2637,8 +2645,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2920,7 +2928,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2955,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2970,16 +2978,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3284,7 +3292,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3298,7 +3306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index 666cbe09c..0adf3f406 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -915,7 +923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -952,7 +960,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -970,7 +978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -996,8 +1004,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1330,7 +1338,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1698,7 +1706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2128,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2207,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2379,7 +2387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2493,7 +2501,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2619,7 +2627,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2629,7 +2637,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2638,7 +2646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2955,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2970,16 +2978,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3284,7 +3292,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3298,7 +3306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index c64f20f7c..cd78ceaf4 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -915,7 +923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -952,7 +960,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -970,7 +978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -996,8 +1004,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1330,7 +1338,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1698,7 +1706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2128,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2207,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2379,7 +2387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2493,7 +2501,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2619,7 +2627,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2629,7 +2637,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2638,7 +2646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2955,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2970,16 +2978,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3284,7 +3292,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3298,7 +3306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index e7afe08e0..30d9b8a2d 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -651,12 +651,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -762,17 +770,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -832,10 +840,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -870,7 +878,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -915,7 +923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -952,7 +960,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -970,7 +978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -996,8 +1004,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1290,7 +1298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1330,7 +1338,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1698,7 +1706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2128,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2207,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2379,7 +2387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2493,7 +2501,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2619,7 +2627,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2629,7 +2637,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2638,7 +2646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2955,7 +2963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2970,16 +2978,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3284,7 +3292,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3298,7 +3306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index eff7b7396..46a975f47 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2470,7 +2478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2596,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2606,7 +2614,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2615,7 +2623,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2932,7 +2940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2947,16 +2955,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3261,7 +3269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3275,7 +3283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index 6c69b7344..7964dcd1f 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -918,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -958,8 +966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1169,7 +1177,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2239,9 +2247,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2470,7 +2478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2595,8 +2603,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2605,8 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2614,8 +2622,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2897,7 +2905,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2932,7 +2940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2947,16 +2955,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3261,7 +3269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3275,7 +3283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index 2b0b27311..5ad9a6337 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -918,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -958,8 +966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1169,7 +1177,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2239,9 +2247,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2470,7 +2478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2595,8 +2603,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2605,8 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2614,8 +2622,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2897,7 +2905,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2932,7 +2940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2947,16 +2955,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3261,7 +3269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3275,7 +3283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index c9b416a0a..18cf03317 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2470,7 +2478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2596,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2606,7 +2614,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2615,7 +2623,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2932,7 +2940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2947,16 +2955,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3261,7 +3269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3275,7 +3283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index 799ee9a66..b86a39c0f 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2470,7 +2478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2596,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2606,7 +2614,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2615,7 +2623,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2932,7 +2940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2947,16 +2955,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3261,7 +3269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3275,7 +3283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index d939e11a5..d719cbc00 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2470,7 +2478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2596,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2606,7 +2614,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2615,7 +2623,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2932,7 +2940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2947,16 +2955,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3261,7 +3269,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3275,7 +3283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index dca01621c..6b50f7a17 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2440,12 +2448,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2513,7 +2521,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2639,7 +2647,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2649,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2658,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2975,7 +2983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2990,16 +2998,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3304,7 +3312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3318,7 +3326,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 92730dc82..08cd3f1be 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -918,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -958,8 +966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1169,7 +1177,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2239,9 +2247,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2440,12 +2448,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #8AB4F8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: rgba(116, 151, 208, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2513,7 +2521,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2638,8 +2646,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2648,8 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2657,8 +2665,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2940,7 +2948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2975,7 +2983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2990,16 +2998,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3304,7 +3312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3318,7 +3326,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index 196664a41..418983c76 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -slider-height: 2px; -slider-background-color: rgba(255, 255, 255, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #8AB4F8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #8AB4F8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -918,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -958,8 +966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1169,7 +1177,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2239,9 +2247,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2440,12 +2448,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #8AB4F8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: rgba(116, 151, 208, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2513,7 +2521,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2638,8 +2646,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2648,8 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2657,8 +2665,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2940,7 +2948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2975,7 +2983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2990,16 +2998,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3304,7 +3312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3318,7 +3326,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index 950c04e44..9cb00ef7e 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2440,12 +2448,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2513,7 +2521,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2639,7 +2647,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2649,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2658,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2975,7 +2983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2990,16 +2998,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3304,7 +3312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3318,7 +3326,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index 1503b72f4..82fd6693d 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2440,12 +2448,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2513,7 +2521,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2639,7 +2647,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2649,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2658,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2975,7 +2983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2990,16 +2998,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3304,7 +3312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3318,7 +3326,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index 24673c93e..9341da6a3 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -slider-height: 2px; -slider-background-color: rgba(0, 0, 0, 0.26); -slider-border-color: transparent; - -slider-active-background-color: #4285F4; + -slider-active-background-color: #1A73E8; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 6px; @@ -294,11 +294,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -328,18 +328,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -668,12 +668,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -749,17 +757,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -819,10 +827,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -857,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .level-bar { - background-color: #4285F4; + background-color: #1A73E8; border-radius: 0; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1323,7 +1331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1363,7 +1371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1729,7 +1737,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2160,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2239,7 +2247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2356,7 +2364,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2440,12 +2448,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2513,7 +2521,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2639,7 +2647,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2649,7 +2657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2658,7 +2666,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2975,7 +2983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2990,16 +2998,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3304,7 +3312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3318,7 +3326,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index f468b2d91..341d2e7c9 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -331,18 +331,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -671,12 +671,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -752,17 +760,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -822,10 +830,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -856,7 +864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1329,7 +1337,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1369,7 +1377,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1736,7 +1744,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2167,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2246,7 +2254,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2363,7 +2371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2447,12 +2455,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2520,7 +2528,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2646,7 +2654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2656,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2665,7 +2673,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2982,7 +2990,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2997,16 +3005,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3311,7 +3319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3325,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index b86aef10c..b2dd6ddca 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -barlevel-height: 2px; -barlevel-background-color: rgba(255, 255, 255, 0.3); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -331,18 +331,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -671,12 +671,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -752,17 +760,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -822,10 +830,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -856,7 +864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -918,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -958,8 +966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1174,7 +1182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1329,7 +1337,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1369,7 +1377,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1736,7 +1744,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2167,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2246,9 +2254,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2363,7 +2371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2447,12 +2455,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #8AB4F8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: rgba(116, 151, 208, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2520,7 +2528,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2645,8 +2653,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2655,8 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2664,8 +2672,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2947,7 +2955,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2982,7 +2990,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2997,16 +3005,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3311,7 +3319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3325,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index d46a311d3..f2ab49538 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -barlevel-height: 2px; -barlevel-background-color: rgba(255, 255, 255, 0.3); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -331,18 +331,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -671,12 +671,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -752,17 +760,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -822,10 +830,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -856,7 +864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -918,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -958,8 +966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1174,7 +1182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1329,7 +1337,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1369,7 +1377,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1736,7 +1744,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2167,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2246,9 +2254,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2363,7 +2371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2447,12 +2455,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #8AB4F8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: rgba(116, 151, 208, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2520,7 +2528,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2645,8 +2653,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2655,8 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2664,8 +2672,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2947,7 +2955,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -2982,7 +2990,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -2997,16 +3005,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3311,7 +3319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3325,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 0b9f9bed9..0cbb27ccb 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -331,18 +331,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -671,12 +671,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -752,17 +760,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -822,10 +830,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -856,7 +864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1329,7 +1337,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1369,7 +1377,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1736,7 +1744,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2167,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2246,7 +2254,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2363,7 +2371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2447,12 +2455,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2520,7 +2528,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2646,7 +2654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2656,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2665,7 +2673,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2982,7 +2990,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2997,16 +3005,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3311,7 +3319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3325,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index b1d511148..69d099b03 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -331,18 +331,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -671,12 +671,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -752,17 +760,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -822,10 +830,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -856,7 +864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1329,7 +1337,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1369,7 +1377,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1736,7 +1744,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2167,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2246,7 +2254,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2363,7 +2371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2447,12 +2455,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2520,7 +2528,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2646,7 +2654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2656,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2665,7 +2673,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2982,7 +2990,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2997,16 +3005,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3311,7 +3319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3325,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index 1732e3a12..f9a3570bc 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -331,18 +331,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -671,12 +671,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -752,17 +760,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -822,10 +830,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -856,7 +864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -903,7 +911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -940,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -958,7 +966,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -984,8 +992,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1329,7 +1337,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1369,7 +1377,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1736,7 +1744,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2167,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2246,7 +2254,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2363,7 +2371,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2447,12 +2455,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2520,7 +2528,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2646,7 +2654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2656,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2665,7 +2673,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2982,7 +2990,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -2997,16 +3005,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3311,7 +3319,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3325,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index 2c0a0ef28..7834809d4 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -336,18 +336,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -676,12 +676,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -758,17 +766,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -828,10 +836,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -862,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -909,7 +917,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -946,7 +954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -964,7 +972,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -990,8 +998,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1359,7 +1367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1399,7 +1407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1784,7 +1792,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2225,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2304,7 +2312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2421,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2514,12 +2522,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2589,7 +2597,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .emoji-panel .keyboard-key:latched { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -2623,7 +2631,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2749,7 +2757,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2759,7 +2767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2768,7 +2776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -3085,7 +3093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -3100,16 +3108,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3414,7 +3422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3428,7 +3436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index 3a35c4d5a..ca59ec014 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -barlevel-height: 2px; -barlevel-background-color: rgba(255, 255, 255, 0.3); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -336,18 +336,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -676,12 +676,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -758,17 +766,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -828,10 +836,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -862,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -909,7 +917,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -924,7 +932,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -946,7 +954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -964,8 +972,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -990,8 +998,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1180,7 +1188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1359,7 +1367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1399,7 +1407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1784,7 +1792,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2225,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2304,9 +2312,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2421,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2514,12 +2522,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #8AB4F8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: rgba(116, 151, 208, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2589,8 +2597,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .emoji-panel .keyboard-key:latched { border-color: transparent; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } .candidate-popup-content { @@ -2623,7 +2631,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2748,8 +2756,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2758,8 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2767,8 +2775,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -3050,7 +3058,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -3085,7 +3093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -3100,16 +3108,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3414,7 +3422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3428,7 +3436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index 0f5faf90a..96d264498 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #8AB4F8; -barlevel-height: 2px; -barlevel-background-color: rgba(255, 255, 255, 0.3); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(138, 180, 248, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(138, 180, 248, 0.2); } /* Switches */ @@ -336,18 +336,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #8AB4F8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #8AB4F8; + background-color: rgba(138, 180, 248, 0.2); } /* Modal Dialogs */ @@ -676,12 +676,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(255, 255, 255, 0.2); } .audio-selection-device-box { @@ -758,17 +766,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(138, 180, 248, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(138, 180, 248, 0.6); } .popup-menu .popup-menu-item.selected { @@ -828,10 +836,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(255, 255, 255, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -862,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #8AB4F8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -909,7 +917,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -924,7 +932,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(255, 255, 255, 0.12); } .switcher-arrow { @@ -946,7 +954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #8AB4F8; } /* Workspace Switcher */ @@ -964,8 +972,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); background-size: 32px; border-radius: 4px; } @@ -990,8 +998,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1180,7 +1188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(255, 255, 255, 0.12); } .datemenu-calendar-column:ltr { @@ -1359,7 +1367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: white; - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); border-color: transparent; } @@ -1399,7 +1407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #8AB4F8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1784,7 +1792,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -2225,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #8AB4F8; } .notification-banner { @@ -2304,9 +2312,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; - color: white; - border: 2px solid white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(0, 0, 0, 0.87); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2421,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #8AB4F8; } .magnifier-zoom-region.full-screen { @@ -2514,12 +2522,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #8AB4F8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: rgba(116, 151, 208, 0.974); } .keyboard-key.shift-key-lowercase { @@ -2589,8 +2597,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .emoji-panel .keyboard-key:latched { border-color: transparent; - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } .candidate-popup-content { @@ -2623,7 +2631,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; transition-duration: 0ms; } @@ -2748,8 +2756,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2758,8 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: white; - background-color: #4285F4; + color: rgba(0, 0, 0, 0.87); + background-color: #8AB4F8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2767,8 +2775,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: white; - background-color: #6fa2f7; + color: rgba(0, 0, 0, 0.87); + background-color: rgba(111, 145, 199, 0.9688); border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -3050,7 +3058,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 0; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } #LookingGlassDialog .labels { @@ -3085,7 +3093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; } @@ -3100,16 +3108,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; } .lg-dialog .shell-link { - color: #4285F4; + color: #8AB4F8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #8AB4F8; } .lg-completions-text { @@ -3414,7 +3422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: white; - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(138, 180, 248, 0.24); selected-color: white; transition-duration: 100ms; background-color: rgba(255, 255, 255, 0.04); @@ -3428,7 +3436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; color: white; } diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index 8255423f8..ebc669b71 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 11.25pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -336,18 +336,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -676,12 +676,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -758,17 +766,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -828,10 +836,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -862,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -909,7 +917,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -946,7 +954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -964,7 +972,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -990,8 +998,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1359,7 +1367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1399,7 +1407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1784,7 +1792,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2225,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2304,7 +2312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2421,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2514,12 +2522,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2589,7 +2597,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .emoji-panel .keyboard-key:latched { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -2623,7 +2631,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2749,7 +2757,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2759,7 +2767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2768,7 +2776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -3085,7 +3093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -3100,16 +3108,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3414,7 +3422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3428,7 +3436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index 065ce7532..e78caacf5 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -336,18 +336,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -676,12 +676,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -758,17 +766,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -828,10 +836,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -862,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -909,7 +917,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -946,7 +954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -964,7 +972,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -990,8 +998,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1359,7 +1367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1399,7 +1407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1784,7 +1792,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2225,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2304,7 +2312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2421,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2514,12 +2522,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2589,7 +2597,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .emoji-panel .keyboard-key:latched { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -2623,7 +2631,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2749,7 +2757,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2759,7 +2767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2768,7 +2776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -3085,7 +3093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -3100,16 +3108,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3414,7 +3422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3428,7 +3436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index b3b5566be..04dbaa5c3 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -154,7 +154,7 @@ StEntry { border-radius: 4px 4px 0 0; border-width: 0; color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); font-size: 12pt; font-weight: 400; @@ -170,7 +170,7 @@ StEntry:hover { StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; } StEntry:insensitive { @@ -243,11 +243,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Slider */ .slider { height: 20px; - color: #4285F4; + color: #1A73E8; -barlevel-height: 2px; -barlevel-background-color: rgba(0, 0, 0, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-border-color: transparent; @@ -297,11 +297,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(66, 133, 244, 0.08); + background-color: rgba(26, 115, 232, 0.08); } .check-box:active:checked StBin { - background-color: rgba(66, 133, 244, 0.2); + background-color: rgba(26, 115, 232, 0.2); } /* Switches */ @@ -336,18 +336,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .shell-link { transition-duration: 100ms; border-radius: 4px; - color: #4285F4; + color: #1A73E8; } .shell-link:hover { - color: #4285F4; - background-color: rgba(66, 133, 244, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); } .shell-link:active { transition-duration: 200ms; - color: #4285F4; - background-color: rgba(66, 133, 244, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); } /* Modal Dialogs */ @@ -676,12 +676,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); + border: none; border-radius: 4px; } -.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #4285F4; +.audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.audio-selection-device:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +.audio-selection-device:active { + background-color: rgba(0, 0, 0, 0.2); } .audio-selection-device-box { @@ -758,17 +766,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: rgba(66, 133, 244, 0.4); + background-color: rgba(26, 115, 232, 0.4); } .popup-menu .popup-menu-item:checked:active { - background-color: rgba(66, 133, 244, 0.6); + background-color: rgba(26, 115, 232, 0.6); } .popup-menu .popup-menu-item.selected { @@ -828,10 +836,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item { height: 1px; margin: 8px 40px; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + border-bottom-width: 0; + border-bottom-style: none; } .background-menu { @@ -862,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 8px; -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); - -barlevel-active-background-color: #4285F4; + -barlevel-active-background-color: #1A73E8; -barlevel-overdrive-color: #EA4335; -barlevel-overdrive-separator-width: 2px; } @@ -909,7 +917,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -946,7 +954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #4285F4; + border: 4px solid #1A73E8; } /* Workspace Switcher */ @@ -964,7 +972,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #4285F4; + background-color: #1A73E8; color: white; background-size: 32px; border-radius: 4px; @@ -990,8 +998,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(123, 170, 247, 0.3); - border: 1px solid #7BAAF7; + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; } .tile-preview-left.on-primary { @@ -1359,7 +1367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-day-base:selected { color: rgba(0, 0, 0, 0.87); - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); border-color: transparent; } @@ -1399,7 +1407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #4285F4; + color: #1A73E8; font-weight: normal; text-decoration: underline; background-image: none; @@ -1784,7 +1792,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -2225,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #4285F4; + link-color: #1A73E8; } .notification-banner { @@ -2304,7 +2312,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #4285F4; + background-color: #1A73E8; color: white; border: 2px solid white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); @@ -2421,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #4285F4; + border: 2px solid #1A73E8; } .magnifier-zoom-region.full-screen { @@ -2514,12 +2522,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.enter-key { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #689df6; + background-color: #488fed; } .keyboard-key.shift-key-lowercase { @@ -2589,7 +2597,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .emoji-panel .keyboard-key:latched { border-color: transparent; - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -2623,7 +2631,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:selected { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); transition-duration: 0ms; } @@ -2749,7 +2757,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2759,7 +2767,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { color: white; - background-color: #4285F4; + background-color: #1A73E8; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2768,7 +2776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button:default:active { color: white; - background-color: #6fa2f7; + background-color: #5195ee; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -3085,7 +3093,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-bottom-width: 0; border-color: transparent; background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px #4285F4; + box-shadow: inset 0 -2px 0px #1A73E8; color: rgba(0, 0, 0, 0.87); text-shadow: none; } @@ -3100,16 +3108,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); } .lg-dialog .shell-link { - color: #4285F4; + color: #1A73E8; } .lg-dialog .shell-link:hover { - color: #4285F4; + color: #1A73E8; } .lg-completions-text { @@ -3414,7 +3422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* GPaste */ .popup-menu .search-entry { color: rgba(0, 0, 0, 0.87); - selection-background-color: rgba(66, 133, 244, 0.32); + selection-background-color: rgba(26, 115, 232, 0.24); selected-color: rgba(0, 0, 0, 0.87); transition-duration: 100ms; background-color: rgba(0, 0, 0, 0.04); @@ -3428,7 +3436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk-compact.css b/src/gtk/3.0/gtk-compact.css index 80f0e7063..5b4b9bec4 100644 --- a/src/gtk/3.0/gtk-compact.css +++ b/src/gtk/3.0/gtk-compact.css @@ -4,18 +4,18 @@ } } -@keyframes ripple-slider { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes ripple-headerbar { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } @@ -34,11 +34,11 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 4px; - -gtk-secondary-caret-color: #4285F4; + -gtk-secondary-caret-color: #1A73E8; } *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** @@ -80,7 +80,7 @@ } .gtkstyle-fallback:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -94,7 +94,7 @@ } .view:selected:hover { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08); + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { @@ -121,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #7BAAF7; - background-color: rgba(123, 170, 247, 0.3); + border: 1px solid #8AB4F8; + background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.54); } label:disabled { @@ -152,9 +152,8 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +.dim-label { + color: rgba(0, 0, 0, 0.54); } assistant .sidebar { @@ -205,26 +204,31 @@ entry { padding: 0 8px; border-radius: 4px 4px 0 0; caret-color: currentColor; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -284,9 +288,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #EA4335; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -298,16 +302,16 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FBBC05; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -319,7 +323,7 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -327,13 +331,13 @@ entry.warning:disabled { spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #4285F4; + border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; @@ -345,6 +349,10 @@ spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > e box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; @@ -352,7 +360,7 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #EA4335; @@ -383,7 +391,7 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FBBC05; @@ -431,7 +439,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -460,12 +468,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } @@ -476,10 +484,11 @@ button { padding: 4px 8px; border-radius: 4px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -487,19 +496,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.87); +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: rgba(0, 0, 0, 0.87); } @@ -511,87 +524,149 @@ button:disabled { button:checked { - background-color: #4285F4; + background-color: #1A73E8; color: white; } button:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar button, popover.background.menu button, +popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar button:focus, popover.background.menu button:focus, +popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .xfce4-panel.background button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar button:hover, +.path-bar button:drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar button:active, popover.background.menu button:active, +popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar button:checked, popover.background.menu button:checked, +popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -600,8 +675,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } @@ -614,61 +690,81 @@ button.text-button.image-button label:last-child { margin-right: 12px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, +toolbar .linked.vertical > button:not(:only-child).image-button, +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > +button.flat:not(:only-child).image-button, .linked.vertical > -button.flat.text-button.image-button { +button.flat:not(:only-child).image-button { + border-radius: 9999px; +} + +toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, +toolbar .linked.vertical > button:not(:only-child).text-button.image-button, +.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > +button.flat:not(:only-child).text-button.image-button, +.linked.vertical > +button.flat:not(:only-child).text-button.image-button { border-radius: 4px; - -gtk-outline-radius: 4px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -689,7 +785,7 @@ button.osd:disabled { button.suggested-action { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -702,13 +798,13 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #7baaf7; + background-color: #5f9def; } button.suggested-action.flat { background-color: transparent; - color: #4285F4; + color: #1A73E8; } @@ -720,7 +816,7 @@ button.suggested-action.flat:disabled { button.suggested-action.flat:checked { - background-color: rgba(66, 133, 244, 0.3); + background-color: rgba(26, 115, 232, 0.3); } @@ -759,35 +855,16 @@ button.destructive-action.flat:checked { background-color: rgba(234, 67, 53, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 2px; - padding-right: 2px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -804,15 +881,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -820,82 +893,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; -} - -.linked > button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.linked > button:only-child { - border-radius: 4px; +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.linked.vertical > button:first-child { +.linked:not(.vertical) > button.image-button:first-child { border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.linked.vertical > button:last-child { border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.linked.vertical > button:only-child { - border-radius: 4px; } -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 4px 0 0 0; -} - -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 4px 0 0; +.linked:not(.vertical) > button.image-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked:not(.vertical) > button.image-button:only-child { + border-radius: 9999px; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; +.linked.vertical > button.image-button:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:only-child { + border-radius: 9999px; } /* menu buttons */ @@ -904,7 +962,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 4px; - color: inherit; + color: rgba(0, 0, 0, 0.87); } modelbutton.flat arrow.left { @@ -924,22 +982,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, button:link:hover, button:link:active, -button:visited, -button:visited:hover, -button:visited:active { - color: #4285F4; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #1A73E8; } -*:link:visited, -button:visited, -button:visited:hover, -button:visited:active { - color: #E040FB; +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { + color: #9C27B0; } -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -963,6 +1016,11 @@ spinbutton:not(.vertical) button { border: solid 4px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } @@ -975,10 +1033,6 @@ spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 32px; min-width: 40px; @@ -991,6 +1045,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } @@ -1019,8 +1078,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1032,49 +1090,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: 0px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 28px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 4px; + padding: 4px; + border-radius: 9999px; } -button.combo { +button.combo:only-child { border-radius: 4px 4px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } -button.combo:hover { - background-image: image(alpha(currentColor, 0.08)); +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +button.combo:only-child:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -1093,7 +1173,7 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); @@ -1108,6 +1188,12 @@ toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1170,283 +1256,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 40px; - padding: 0 4px; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 4px 4px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: white; } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) entry, -headerbar entry { +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } -.titlebar:not(headerbar) entry:disabled, -headerbar entry:disabled { +.titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) entry image, -headerbar entry image { +.titlebar entry image { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active, -headerbar entry image:hover, -headerbar entry image:active { +.titlebar entry image:hover, .titlebar entry image:active { color: white; } -.titlebar:not(headerbar) entry image:disabled, -headerbar entry image:disabled { +.titlebar entry image:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { +.titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { +.titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { color: white; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; color: white; } -.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; + color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 4px; + padding-right: 4px; +} + +.titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #4285F4; + background-color: #1A73E8; color: white; } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { +.titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link { +.titlebar.selection-mode .subtitle:link { color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #1A73E8; +} + +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } +headerbar { + min-height: 40px; + padding: 0 4px; +} + headerbar entry, headerbar spinbutton, headerbar button { @@ -1475,87 +1536,6 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -headerbar.titlebar headerbar:not(.titlebar) { - background-color: transparent; - box-shadow: none; -} - -.background .titlebar { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 4px; -} - -window headerbar:last-child { - border-top-right-radius: 4px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #383838; - background-image: image(rgba(0, 0, 0, 0.12)); -} - /************ * Pathbars * ************/ @@ -1563,16 +1543,34 @@ window.csd > .titlebar:not(headerbar) { .path-bar button { padding-left: 4px; padding-right: 4px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 4px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { - margin-left: 4px; + margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { - margin-right: 4px; + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar button.text-button { + min-width: 0; } .caja-pathbar button.slider-button, @@ -1581,23 +1579,6 @@ window.csd > .titlebar:not(headerbar) { padding-right: 4px; } -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { - background-color: transparent; -} - /************** * Tree Views * **************/ @@ -1617,7 +1598,7 @@ treeview.view { treeview.view:selected { background-color: #FFFFFF; - background-image: image(rgba(66, 133, 244, 0.32)); + background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, treeview.view:selected { @@ -1631,8 +1612,8 @@ treeview.view.separator { treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #4285F4; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1666,7 +1647,7 @@ treeview.view.expander:disabled { } treeview.view.progressbar { - border-bottom: 4px solid #4285F4; + border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; @@ -1696,14 +1677,10 @@ treeview.view header button { background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(0, 0, 0, 0.54); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } @@ -1722,11 +1699,11 @@ treeview.view header.button.dnd { box-shadow: none; background-color: #FFFFFF; background-clip: border-box; - color: #4285F4; + color: #1A73E8; } treeview.view acceleditor > label { - background-color: #4285F4; + background-color: #1A73E8; } /********* @@ -1740,9 +1717,20 @@ menubar, color: white; } +menubar:backdrop, +.menubar:backdrop { + background-color: #303030; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.7); @@ -1751,7 +1739,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } @@ -1789,10 +1777,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } @@ -1801,7 +1790,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1871,7 +1860,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: rgba(0, 0, 0, 0.87); } @@ -1897,27 +1886,11 @@ menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } -.popup:not(.csd) menu menuitem { - color: #212121; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #E0E0E0; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #9E9E9E; -} - -.popup:not(.csd) menu accelerator { - color: #757575; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; @@ -1980,8 +1953,7 @@ notebook.frame > header { } notebook:focus tab:checked { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12); - outline: none; + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { @@ -2004,7 +1976,7 @@ notebook > header.top > tabs > tab { } notebook > header.top > tabs > tab:checked { - border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { @@ -2024,7 +1996,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.bottom > tabs > tab:checked { - border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { @@ -2044,7 +2016,7 @@ notebook > header.left > tabs > tab { } notebook > header.left > tabs > tab:checked { - border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { @@ -2064,7 +2036,7 @@ notebook > header.right > tabs > tab { } notebook > header.right > tabs > tab:checked { - border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { @@ -2124,14 +2096,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2140,7 +2112,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } @@ -2150,9 +2122,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: rgba(0, 0, 0, 0.87); @@ -2167,6 +2139,12 @@ notebook > header tab:checked.reorderable-page { background-color: #FFFFFF; } +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -8px; @@ -2219,7 +2197,7 @@ notebook > stack:not(:only-child) { * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } @@ -2246,7 +2224,7 @@ scrollbar.right { } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2268,7 +2246,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2281,6 +2258,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2363,7 +2344,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; padding: 0 2px; border: 5px solid transparent; @@ -2374,7 +2355,7 @@ switch { } switch:checked { - background-color: rgba(66, 133, 244, 0.5); + background-color: rgba(26, 115, 232, 0.5); } switch:disabled { @@ -2387,7 +2368,7 @@ switch image { } switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; @@ -2397,12 +2378,12 @@ switch slider { background-color: #FFFFFF; } -switch:hover slider { +switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } switch:focus:hover slider { @@ -2410,8 +2391,8 @@ switch:focus:hover slider { } switch:checked slider { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } /************************* @@ -2468,25 +2449,10 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #4285F4; + color: #1A73E8; } check:checked:disabled, check:indeterminate:disabled, @@ -2495,10 +2461,10 @@ radio:indeterminate:disabled { color: rgba(0, 0, 0, 0.26); } -popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat -radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2582,12 +2548,12 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } @@ -2600,7 +2566,6 @@ menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; - -gtk-outline-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } @@ -2663,7 +2628,7 @@ treeview.view radio:disabled { treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #4285F4; + color: #1A73E8; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, @@ -2716,7 +2681,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } @@ -2726,16 +2691,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #4285F4; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#1A73E8); } scale highlight:disabled { - background-color: transparent; + background-color: #F2F2F2; + background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } @@ -2744,87 +2710,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #1A73E8; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } -scale slider:hover { - background-color: rgba(66, 133, 244, 0.08); +scale slider:focus { + background-color: alpha(currentColor, 0.08); } -scale slider:focus { - background-color: rgba(66, 133, 244, 0.12); +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(66, 133, 244, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + 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-color: alpha(currentColor, 0.08); + 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-size: auto, 0% 0%; - background-color: rgba(66, 133, 244, 0.08); - color: rgba(66, 133, 244, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(0, 0, 0, 0.54); } -scale marks { - color: rgba(0, 0, 0, 0.26); +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2840,35 +2807,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-before:not(.marks-after) 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-after:not(.marks-before) 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-before:not(.marks-after) 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-after:not(.marks-before) 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%); } scale.color { @@ -2926,7 +2909,7 @@ progressbar trough { } progressbar progress { - background-color: #4285F4; + background-color: #1A73E8; } progressbar trough.empty progress { @@ -2965,7 +2948,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #4285F4; + background-color: #1A73E8; } levelbar block.full { @@ -3011,6 +2994,12 @@ frame.flat > border { actionbar > revealer > box { padding: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { @@ -3018,7 +3007,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3027,7 +3016,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3036,7 +3025,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3045,7 +3034,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3112,7 +3101,8 @@ separator { button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3131,29 +3121,36 @@ list row { } row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } row:selected { - color: #4285F4; + color: #1A73E8; } row:selected image, @@ -3187,7 +3184,7 @@ row:selected:disabled label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3230,6 +3227,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } @@ -3258,6 +3256,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } @@ -3266,24 +3265,20 @@ messagedialog.csd.background { border-bottom-right-radius: 4px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -4px; padding: 4px; } -messagedialog.csd .dialog-action-area button { - border-radius: 4px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 4px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { - color: #4285F4; +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #1A73E8; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #EA4335; } @@ -3296,10 +3291,6 @@ filechooser #pathbarbox { background-color: #F2F2F2; } -filechooserbutton:drop(active) { - box-shadow: none; -} - /*********** * Sidebar * ***********/ @@ -3326,13 +3317,30 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #FAFAFA; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 4px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; } -stacksidebar row > label { +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; } separator.sidebar { @@ -3346,67 +3354,61 @@ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } -placessidebar > viewport.frame { +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); font-weight: 500; } -placessidebar row:disabled { +placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } -placessidebar row image.sidebar-icon:dir(ltr) { +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } -placessidebar row image.sidebar-icon:dir(rtl) { +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } -placessidebar row label.sidebar-label:dir(ltr) { +placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } -placessidebar row label.sidebar-label:dir(rtl) { +placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected label.sidebar-label { color: inherit; } -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#4285F4); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #4285F4; +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #4285F4; +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #1A73E8; } placesview .server-list-button > image { @@ -3488,31 +3490,35 @@ infobar { border-style: none; } -infobar.info { - background-color: #34A853; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +infobar.info button.text-button, infobar.question button.text-button { + padding-left: 8px; + padding-right: 8px; } -infobar.question { - background-color: #4285F4; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #1A73E8; } infobar.warning { background-color: #FBBC05; + color: rgba(0, 0, 0, 0.87); } -infobar.error { - background-color: #EA4335; +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { +infobar.error { + background-color: #EA4335; color: white; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited { +infobar.error *:link, infobar.error button.link:link { color: white; } @@ -3590,20 +3596,8 @@ colorswatch.light { color: rgba(0, 0, 0, 0.87); } -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3611,9 +3605,13 @@ colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +colorswatch overlay:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + colorswatch#add-color-button { border-radius: 4px 4px 0 0; - color: white; + color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { @@ -3621,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%); + background-color: #FFFFFF; } colorswatch:disabled { @@ -3641,7 +3639,7 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; @@ -3662,7 +3660,7 @@ colorchooser .popover.osd:backdrop { * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; @@ -3713,9 +3711,8 @@ messagedialog.csd decoration { .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(66, 133, 244, 0.32); +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(26, 115, 232, 0.24); } .monospace { @@ -3726,7 +3723,7 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - color: #4285F4; + color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -3763,9 +3760,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4; - caret-color: #4285F4; + caret-color: #1A73E8; } stackswitcher button.text-button { @@ -3802,33 +3797,15 @@ popover.emoji-picker scrolledwindow { } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 32px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #4285F4; - background-color: transparent; -} - -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); -} - -button.emoji-section:first-child { - margin-left: 4px; + color: #1A73E8; } -button.emoji-section:last-child { - margin-right: 4px; +button.emoji-section:not(:last-child) { + margin-right: 0; } popover.emoji-picker .emoji { @@ -3838,7 +3815,7 @@ popover.emoji-picker .emoji { } popover.emoji-picker .emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } @@ -3873,8 +3850,7 @@ popover.emoji-completion .emoji:hover { background-color: #FFFFFF; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.54); } @@ -3884,22 +3860,22 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .path-bar-box { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; border-radius: 4px; } @@ -3925,20 +3901,24 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- margin-right: 0; } -.path-bar-box .nautilus-path-bar button { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 4px; padding-right: 4px; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } -.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } @@ -3975,8 +3955,8 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- } .disk-space-display.used { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } .disk-space-display.free { @@ -4131,7 +4111,8 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: color: rgba(255, 255, 255, 0.7); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { color: white; } @@ -4243,7 +4224,7 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: #FFFFFF; } @@ -4308,7 +4289,8 @@ popover.omnibar list row:not(:last-child) { } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } @@ -4384,16 +4366,15 @@ docktabstrip { } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4407,10 +4388,10 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #4285F4; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } @@ -4424,20 +4405,12 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #4285F4; -} - -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #4285F4; + box-shadow: inset 2px 0 #1A73E8; } pillbox { @@ -4446,13 +4419,15 @@ pillbox { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4514,13 +4489,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4532,24 +4506,16 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #1A73E8; } ideeditorsidebar notebook header { @@ -4575,7 +4541,7 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #4285F4; + background-color: #1A73E8; color: white; font-weight: bold; } @@ -4590,12 +4556,12 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { @@ -4604,7 +4570,7 @@ button.photos-filter-preview { } button.photos-filter-preview:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -4639,15 +4605,15 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:hover { - background-image: image(rgba(240, 240, 240, 0.9935)); + background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { - background-image: image(#4285F4); + background-image: image(#1A73E8); } .side-panel .view:selected:hover { - background-image: image(#4b8bf5); + background-image: image(#2c7eea); } .songs-list:hover { @@ -4671,11 +4637,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4687,8 +4664,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4696,9 +4672,8 @@ task-list-view > box > revealer > box > button { margin: -4px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4709,8 +4684,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4718,9 +4692,8 @@ tasklistview > box > revealer > box > button { margin: -4px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4730,10 +4703,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 4px; -} - /************* * Evolution * *************/ @@ -4794,10 +4763,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4888,12 +4853,13 @@ window.background.chromium > button { background-size: auto; } -window.background.chromium > button:hover { +window.background.chromium > button:hover, +window.background.chromium > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background.chromium headerbar button:active { @@ -4901,7 +4867,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #4285F4; + color: #1A73E8; } window.background.chromium textview { @@ -4941,8 +4907,8 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #4285F4; - box-shadow: inset 0 0 0 1px #4285F4; + border-color: #1A73E8; + box-shadow: inset 0 0 0 1px #1A73E8; } window.background:not(.csd) > widget > entry:disabled { @@ -4954,12 +4920,13 @@ window.background:not(.csd) > widget > button > button { background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { +window.background:not(.csd) > widget > button > button:hover, +window.background:not(.csd) > widget > button > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), @@ -4984,7 +4951,7 @@ window.background:not(.csd) > menu > menu { } text:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -5035,7 +5002,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 4px; - -gtk-outline-radius: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -5051,7 +5017,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } #CanvasTable button { @@ -5108,7 +5073,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #4285F4; + -UnityDecoration-glow-color: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -5124,6 +5089,7 @@ UnityDecoration .top { } UnityDecoration .top:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } @@ -5172,7 +5138,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #4285F4; + color: #1A73E8; } /************** @@ -5185,11 +5151,8 @@ UnityPanelWidget:backdrop, .mate-panel-menu-bar { background-color: #212121; - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5199,10 +5162,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5233,7 +5192,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5290,19 +5248,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7BAAF7; + color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5317,12 +5275,31 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } @@ -5344,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #F2F2F2; + background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { @@ -5352,16 +5329,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; } #mate-menu button { @@ -5372,12 +5350,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5385,10 +5368,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 4px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #1A73E8; +} + +.brisk-menu .session-button { + padding: 8px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: rgba(0, 0, 0, 0.87); + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5420,6 +5465,35 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 4px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + color: rgba(0, 0, 0, 0.87); +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; @@ -5432,7 +5506,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { @@ -5496,8 +5570,10 @@ na-tray-applet { /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 5px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } .lock-dialog frame > border { @@ -5518,7 +5594,7 @@ MsdOsdWindow.background.osd .trough { MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #4285F4; + background-color: #1A73E8; } /****************** @@ -5534,7 +5610,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; - -gtk-outline-radius: 4px; } .budgie-popover { @@ -5562,7 +5637,7 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } @@ -5710,11 +5785,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5737,7 +5812,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; @@ -5754,10 +5829,6 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5786,7 +5857,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5806,7 +5878,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5880,12 +5953,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5971,6 +6044,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(0, 0, 0, 0.54); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5989,6 +6066,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6031,13 +6109,12 @@ calendar.raven-calendar:selected { font-size: 120%; padding: 4px 12px; border-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: rgba(0, 0, 0, 0.87); } .budgie-run-dialog scrolledwindow { @@ -6068,10 +6145,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6085,15 +6158,15 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } XfdesktopIconView.view { @@ -6246,7 +6319,7 @@ XfdesktopIconView.view .rubberband { .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #4285F4; + -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -6270,7 +6343,7 @@ text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ -@define-color theme_selected_bg_color #4285F4; +@define-color theme_selected_bg_color #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; @@ -6297,7 +6370,7 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4285F4; +@define-color theme_unfocused_selected_bg_color #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; @@ -6322,6 +6395,7 @@ read if you used those and something break with a version upgrade you're on your @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 #383838; +@define-color wm_unfocused_bg #303030; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; diff --git a/src/gtk/3.0/gtk-dark-compact.css b/src/gtk/3.0/gtk-dark-compact.css index a44a10973..ac6691be1 100644 --- a/src/gtk/3.0/gtk-dark-compact.css +++ b/src/gtk/3.0/gtk-dark-compact.css @@ -4,18 +4,18 @@ } } -@keyframes ripple-slider { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes ripple-headerbar { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%); + background-image: radial-gradient(circle, #8AB4F8 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%); + background-image: radial-gradient(circle, #8AB4F8 100%, transparent 0%); } } @@ -34,11 +34,11 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 4px; - -gtk-secondary-caret-color: #4285F4; + -gtk-secondary-caret-color: #8AB4F8; } *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** @@ -80,8 +80,8 @@ } .gtkstyle-fallback:selected { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } .view { @@ -94,7 +94,7 @@ } .view:selected:hover { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08); + box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.08); } .view:disabled { @@ -121,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #7BAAF7; - background-color: rgba(123, 170, 247, 0.3); + border: 1px solid #8AB4F8; + background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { @@ -139,7 +139,7 @@ label { } label.separator { - color: white; + color: rgba(255, 255, 255, 0.7); } label:disabled { @@ -152,9 +152,8 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +.dim-label { + color: rgba(255, 255, 255, 0.7); } assistant .sidebar { @@ -205,26 +204,31 @@ entry { padding: 0 8px; border-radius: 4px 4px 0 0; caret-color: currentColor; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } spinbutton:focus:not(.vertical), entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.3); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -284,9 +288,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #EA4335; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; background-color: rgba(255, 255, 255, 0.04); color: white; } @@ -298,16 +302,16 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FBBC05; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; background-color: rgba(255, 255, 255, 0.04); color: white; } @@ -319,7 +323,7 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } @@ -327,13 +331,13 @@ entry.warning:disabled { spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #4285F4; + border-bottom: 2px solid #8AB4F8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; @@ -345,6 +349,10 @@ spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > e box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #2C2C2C; @@ -352,7 +360,7 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #EA4335; @@ -383,7 +391,7 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FBBC05; @@ -431,7 +439,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(255, 255, 255, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -460,12 +468,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8AB4F8), to(transparent)); } } @@ -476,10 +484,11 @@ button { padding: 4px 8px; border-radius: 4px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -487,19 +496,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: white; +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: white; } @@ -511,87 +524,149 @@ button:disabled { button:checked { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar button, popover.background.menu button, +popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.7); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar button:focus, popover.background.menu button:focus, +popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .xfce4-panel.background button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar button:hover, +.path-bar button:drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: white; } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar button:active, popover.background.menu button:active, +popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: white; } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.3); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar button:checked, popover.background.menu button:checked, +popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: white; } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.5); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -600,8 +675,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } @@ -614,61 +690,81 @@ button.text-button.image-button label:last-child { margin-right: 12px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, +toolbar .linked.vertical > button:not(:only-child).image-button, +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > +button.flat:not(:only-child).image-button, +.linked.vertical > +button.flat:not(:only-child).image-button { + border-radius: 9999px; +} + +toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, +toolbar .linked.vertical > button:not(:only-child).text-button.image-button, +.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > +button.flat:not(:only-child).text-button.image-button, .linked.vertical > -button.flat.text-button.image-button { +button.flat:not(:only-child).text-button.image-button { border-radius: 4px; - -gtk-outline-radius: 4px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -689,8 +785,8 @@ button.osd:disabled { button.suggested-action { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } @@ -702,13 +798,13 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #7baaf7; + background-color: rgba(104, 135, 186, 0.961); } button.suggested-action.flat { background-color: transparent; - color: #4285F4; + color: #8AB4F8; } @@ -720,7 +816,7 @@ button.suggested-action.flat:disabled { button.suggested-action.flat:checked { - background-color: rgba(66, 133, 244, 0.3); + background-color: rgba(138, 180, 248, 0.3); } @@ -759,35 +855,16 @@ button.destructive-action.flat:checked { background-color: rgba(234, 67, 53, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 2px; - padding-right: 2px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -804,15 +881,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -820,82 +893,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; -} - -.linked > button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.linked > button:only-child { - border-radius: 4px; +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.linked.vertical > button:first-child { +.linked:not(.vertical) > button.image-button:first-child { border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.linked.vertical > button:last-child { border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.linked.vertical > button:only-child { - border-radius: 4px; -} - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 4px 0 0 0; } -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 4px 0 0; +.linked:not(.vertical) > button.image-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked:not(.vertical) > button.image-button:only-child { + border-radius: 9999px; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; +.linked.vertical > button.image-button:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:only-child { + border-radius: 9999px; } /* menu buttons */ @@ -904,7 +962,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 4px; - color: inherit; + color: white; } modelbutton.flat arrow.left { @@ -924,22 +982,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, button:link:hover, button:link:active, -button:visited, -button:visited:hover, -button:visited:active { - color: #4285F4; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #8AB4F8; } -*:link:visited, -button:visited, -button:visited:hover, -button:visited:active { - color: #E040FB; +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { + color: #CE93D8; } -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -963,6 +1016,11 @@ spinbutton:not(.vertical) button { border: solid 4px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } @@ -975,10 +1033,6 @@ spinbutton.vertical:disabled { color: rgba(255, 255, 255, 0.5); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 32px; min-width: 40px; @@ -991,6 +1045,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } @@ -1019,8 +1078,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1032,49 +1090,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: 0px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 28px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 4px; + padding: 4px; + border-radius: 9999px; } -button.combo { +button.combo:only-child { border-radius: 4px 4px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } -button.combo:hover { - background-image: image(alpha(currentColor, 0.08)); +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.3); } -button.combo:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.3); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +button.combo:only-child:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } @@ -1093,7 +1173,7 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); @@ -1108,6 +1188,12 @@ toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1157,7 +1243,7 @@ searchbar > revealer > box, padding: 4px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #282828; background-clip: border-box; } @@ -1170,283 +1256,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 40px; - padding: 0 4px; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 4px 4px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: white; } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) entry, -headerbar entry { +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } -.titlebar:not(headerbar) entry:disabled, -headerbar entry:disabled { +.titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) entry image, -headerbar entry image { +.titlebar entry image { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active, -headerbar entry image:hover, -headerbar entry image:active { +.titlebar entry image:hover, .titlebar entry image:active { color: white; } -.titlebar:not(headerbar) entry image:disabled, -headerbar entry image:disabled { +.titlebar entry image:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { +.titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { +.titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { color: white; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; color: white; } -.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; + color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 4px; + padding-right: 4px; +} + +.titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); +.titlebar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.54); } -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link { - color: white; +.titlebar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: white; + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(0, 0, 0, 0.38); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: white; + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(0, 0, 0, 0.38); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(0, 0, 0, 0.54); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(0, 0, 0, 0.26); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(0, 0, 0, 0.54); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(0, 0, 0, 0.26); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #8AB4F8; +} + +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } +headerbar { + min-height: 40px; + padding: 0 4px; +} + headerbar entry, headerbar spinbutton, headerbar button { @@ -1475,87 +1536,6 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -headerbar.titlebar headerbar:not(.titlebar) { - background-color: transparent; - box-shadow: none; -} - -.background .titlebar { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 4px; -} - -window headerbar:last-child { - border-top-right-radius: 4px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #383838; - background-image: image(rgba(0, 0, 0, 0.26)); -} - /************ * Pathbars * ************/ @@ -1563,16 +1543,34 @@ window.csd > .titlebar:not(headerbar) { .path-bar button { padding-left: 4px; padding-right: 4px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 4px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { - margin-left: 4px; + margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { - margin-right: 4px; + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar button.text-button { + min-width: 0; } .caja-pathbar button.slider-button, @@ -1581,29 +1579,12 @@ window.csd > .titlebar:not(headerbar) { padding-right: 4px; } -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { - background-color: transparent; -} - /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-top-color: rgba(255, 255, 255, 0.12); } * { @@ -1617,7 +1598,7 @@ treeview.view { treeview.view:selected { background-color: #303030; - background-image: image(rgba(66, 133, 244, 0.32)); + background-image: image(rgba(138, 180, 248, 0.24)); } treeview.view:hover, treeview.view:selected { @@ -1626,13 +1607,13 @@ treeview.view:hover, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.12); } treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #4285F4; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1666,7 +1647,7 @@ treeview.view.expander:disabled { } treeview.view.progressbar { - border-bottom: 4px solid #4285F4; + border-bottom: 4px solid #8AB4F8; box-shadow: none; background-color: transparent; background-image: none; @@ -1691,19 +1672,15 @@ treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { background-color: #303030; } @@ -1717,16 +1694,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; background-color: #303030; background-clip: border-box; - color: #4285F4; + color: #8AB4F8; } treeview.view acceleditor > label { - background-color: #4285F4; + background-color: #8AB4F8; } /********* @@ -1740,9 +1717,20 @@ menubar, color: white; } +menubar:backdrop, +.menubar:backdrop { + background-color: #303030; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.7); @@ -1751,7 +1739,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } @@ -1789,10 +1777,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: white; font: initial; text-shadow: none; } @@ -1801,7 +1790,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1853,7 +1842,7 @@ menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1863,7 +1852,7 @@ menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1871,7 +1860,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(255, 255, 255, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: white; } @@ -1897,27 +1886,11 @@ menuitem:disabled accelerator { color: rgba(255, 255, 255, 0.3); } -.popup:not(.csd) menu menuitem { - color: #FFFFFF; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #595959; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #a1a1a1; -} - -.popup:not(.csd) menu accelerator { - color: #c6c6c6; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; @@ -1980,13 +1953,12 @@ notebook.frame > header { } notebook:focus tab:checked { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12); - outline: none; + box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #282828; background-clip: border-box; } @@ -2004,7 +1976,7 @@ notebook > header.top > tabs > tab { } notebook > header.top > tabs > tab:checked { - border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to top, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.top > tabs > tab.reorderable-page { @@ -2024,7 +1996,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.bottom > tabs > tab:checked { - border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to bottom, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { @@ -2044,7 +2016,7 @@ notebook > header.left > tabs > tab { } notebook > header.left > tabs > tab:checked { - border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to left, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.left > tabs > tab.reorderable-page { @@ -2064,7 +2036,7 @@ notebook > header.right > tabs > tab { } notebook > header.right > tabs > tab:checked { - border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to right, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.right > tabs > tab.reorderable-page { @@ -2124,14 +2096,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2140,7 +2112,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: white; } @@ -2150,9 +2122,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: white; @@ -2167,6 +2139,12 @@ notebook > header tab:checked.reorderable-page { background-color: #303030; } +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -8px; @@ -2219,7 +2197,7 @@ notebook > stack:not(:only-child) { * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #303030; background-clip: border-box; } @@ -2230,23 +2208,23 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2268,7 +2246,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2281,6 +2258,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2363,7 +2344,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; padding: 0 2px; border: 5px solid transparent; @@ -2374,7 +2355,7 @@ switch { } switch:checked { - background-color: rgba(66, 133, 244, 0.5); + background-color: rgba(138, 180, 248, 0.5); } switch:disabled { @@ -2387,7 +2368,7 @@ switch image { } switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; @@ -2397,12 +2378,12 @@ switch slider { background-color: #424242; } -switch:hover slider { +switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } switch:focus:hover slider { @@ -2410,8 +2391,8 @@ switch:focus:hover slider { } switch:checked slider { - background-color: #4285F4; - color: #4285F4; + background-color: #8AB4F8; + color: #8AB4F8; } /************************* @@ -2468,25 +2449,10 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #4285F4; + color: #8AB4F8; } check:checked:disabled, check:indeterminate:disabled, @@ -2495,10 +2461,10 @@ radio:indeterminate:disabled { color: rgba(255, 255, 255, 0.3); } -popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat -radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2582,12 +2548,12 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#8AB4F8), to(transparent)); } @@ -2600,7 +2566,6 @@ menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; - -gtk-outline-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } @@ -2663,7 +2628,7 @@ treeview.view radio:disabled { treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #4285F4; + color: #8AB4F8; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, @@ -2716,7 +2681,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(255, 255, 255, 0.3); } @@ -2726,16 +2691,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #4285F4; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#8AB4F8); } scale highlight:disabled { - background-color: transparent; + background-color: #282828; + background-image: image(rgba(255, 255, 255, 0.3)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.3); } @@ -2744,87 +2710,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #8AB4F8; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 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 slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 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 slider:hover { - background-color: rgba(66, 133, 244, 0.08); +scale slider:focus { + background-color: alpha(currentColor, 0.08); } -scale slider:focus { - background-color: rgba(66, 133, 244, 0.12); +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(66, 133, 244, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + 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-color: alpha(currentColor, 0.08); + 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%; - background-color: rgba(66, 133, 244, 0.08); - color: rgba(66, 133, 244, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(255, 255, 255, 0.7); } -scale marks { - color: rgba(255, 255, 255, 0.3); +scale indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2840,35 +2807,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { - 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 farthest-corner at center, currentColor 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) slider:active { + 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) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { + 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) slider:disabled { - 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 farthest-corner at center, currentColor 10%, transparent 0%); +scale.horizontal.marks-after:not(.marks-before) slider:active { + 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) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { - 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 farthest-corner at center, currentColor 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) slider:active { + 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) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { - 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 farthest-corner at center, currentColor 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) slider:active { + 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 { @@ -2926,7 +2909,7 @@ progressbar trough { } progressbar progress { - background-color: #4285F4; + background-color: #8AB4F8; } progressbar trough.empty progress { @@ -2965,7 +2948,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #4285F4; + background-color: #8AB4F8; } levelbar block.full { @@ -3010,7 +2993,13 @@ frame.flat > border { actionbar > revealer > box { padding: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #303030; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { @@ -3018,7 +3007,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3027,7 +3016,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3036,7 +3025,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3045,7 +3034,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3096,7 +3085,7 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #303030; } @@ -3107,12 +3096,13 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.12); } button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3131,29 +3121,36 @@ list row { } row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } row:selected { - color: #4285F4; + color: #8AB4F8; } row:selected image, @@ -3187,7 +3184,7 @@ row:selected:disabled label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3230,6 +3227,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; } @@ -3258,6 +3256,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #424242; color: rgba(255, 255, 255, 0.7); } @@ -3266,40 +3265,32 @@ messagedialog.csd.background { border-bottom-right-radius: 4px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -4px; padding: 4px; } -messagedialog.csd .dialog-action-area button { - border-radius: 4px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 4px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { - color: #4285F4; +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #8AB4F8; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #EA4335; } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } -filechooserbutton:drop(active) { - box-shadow: none; -} - /*********** * Sidebar * ***********/ @@ -3309,12 +3300,12 @@ filechooserbutton:drop(active) { } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -3326,17 +3317,34 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #2C2C2C; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 4px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; } -stacksidebar row > label { +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; } separator.sidebar { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.12); } /**************** @@ -3346,67 +3354,61 @@ row image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } -placessidebar > viewport.frame { +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); font-weight: 500; } -placessidebar row:disabled { +placessidebar.sidebar row:disabled { color: rgba(255, 255, 255, 0.5); } -placessidebar row image.sidebar-icon:dir(ltr) { +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } -placessidebar row image.sidebar-icon:dir(rtl) { +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } -placessidebar row label.sidebar-label:dir(ltr) { +placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } -placessidebar row label.sidebar-label:dir(rtl) { +placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected label.sidebar-label { color: inherit; } -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#4285F4); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #4285F4; +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #4285F4; +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #8AB4F8; } placesview .server-list-button > image { @@ -3431,7 +3433,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px; background-clip: content-box; } @@ -3440,7 +3442,7 @@ paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #282828; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -3488,31 +3490,35 @@ infobar { border-style: none; } -infobar.info { - background-color: #34A853; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #303030; +} + +infobar.info button.text-button, infobar.question button.text-button { + padding-left: 8px; + padding-right: 8px; } -infobar.question { - background-color: #4285F4; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #8AB4F8; } infobar.warning { background-color: #FBBC05; + color: rgba(0, 0, 0, 0.87); } -infobar.error { - background-color: #EA4335; +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { +infobar.error { + background-color: #EA4335; color: white; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited { +infobar.error *:link, infobar.error button.link:link { color: white; } @@ -3590,20 +3596,8 @@ colorswatch.light { color: rgba(0, 0, 0, 0.87); } -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3611,6 +3605,10 @@ colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +colorswatch overlay:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: white; @@ -3621,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%); + background-color: #424242; } colorswatch:disabled { @@ -3641,7 +3639,7 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; @@ -3662,7 +3660,7 @@ colorchooser .popover.osd:backdrop { * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; @@ -3713,9 +3711,8 @@ messagedialog.csd decoration { .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(66, 133, 244, 0.32); +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(138, 180, 248, 0.24); } .monospace { @@ -3726,7 +3723,7 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - color: #4285F4; + color: #8AB4F8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -3763,9 +3760,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4; - caret-color: #4285F4; + caret-color: #8AB4F8; } stackswitcher button.text-button { @@ -3790,7 +3785,7 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; @@ -3798,37 +3793,19 @@ popover.emoji-picker entry { } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 32px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #4285F4; - background-color: transparent; -} - -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); -} - -button.emoji-section:first-child { - margin-left: 4px; + color: #8AB4F8; } -button.emoji-section:last-child { - margin-right: 4px; +button.emoji-section:not(:last-child) { + margin-right: 0; } popover.emoji-picker .emoji { @@ -3838,7 +3815,7 @@ popover.emoji-picker .emoji { } popover.emoji-picker .emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } @@ -3873,8 +3850,7 @@ popover.emoji-completion .emoji:hover { background-color: #303030; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(255, 255, 255, 0.7); } @@ -3884,22 +3860,22 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .path-bar-box { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; border-radius: 4px; } @@ -3925,20 +3901,24 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- margin-right: 0; } -.path-bar-box .nautilus-path-bar button { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 4px; padding-right: 4px; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } -.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } @@ -3947,7 +3927,7 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(48, 48, 48, 0.9); background-clip: border-box; @@ -3975,8 +3955,8 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- } .disk-space-display.used { - background-color: #4285F4; - color: #4285F4; + background-color: #8AB4F8; + color: #8AB4F8; } .disk-space-display.free { @@ -3986,7 +3966,7 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- .search-information { padding: 2px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #303030; color: white; } @@ -4010,7 +3990,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow. dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { @@ -4077,11 +4057,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-search-slider { @@ -4131,7 +4111,8 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: color: rgba(255, 255, 255, 0.7); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { color: white; } @@ -4207,7 +4188,7 @@ row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } row#Focus.tweak > list, @@ -4230,7 +4211,7 @@ row#workspaces-only-on-primary { * Builder * ***********/ layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } @@ -4243,7 +4224,7 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; background-color: #303030; } @@ -4304,11 +4285,12 @@ omnibar:not(:hover):not(:active) entry { } popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; background-color: #303030; } @@ -4321,11 +4303,11 @@ preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar } preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover.background { @@ -4334,7 +4316,7 @@ popover.messagepopover.background { popover.messagepopover .popover-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; } @@ -4355,7 +4337,7 @@ popover.transfers list { } popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } popover.transfers list row > box { @@ -4373,27 +4355,26 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4407,10 +4388,10 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #4285F4; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #8AB4F8; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: white; } @@ -4424,20 +4405,12 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); -} - dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #4285F4; -} - -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 #8AB4F8; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #4285F4; + box-shadow: inset 2px 0 #8AB4F8; } pillbox { @@ -4446,13 +4419,15 @@ pillbox { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; background-color: #303030; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4492,7 +4467,7 @@ button.dzlmenubuttonitem:disabled { } idelayoutstackheader { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } idelayoutstackheader button:checked { @@ -4505,22 +4480,21 @@ ideeditorutilities > dzldockpaned > box > stackswitcher { } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(138, 180, 248, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4532,24 +4506,16 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #8AB4F8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #8AB4F8; } ideeditorsidebar notebook header { @@ -4557,11 +4523,11 @@ ideeditorsidebar notebook header { } popover.messagepopover list { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } /********** @@ -4575,8 +4541,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); font-weight: bold; } @@ -4590,12 +4556,12 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { @@ -4604,7 +4570,7 @@ button.photos-filter-preview { } button.photos-filter-preview:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -4626,12 +4592,12 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); } .side-panel .view { @@ -4639,15 +4605,15 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:hover { - background-image: image(#373737); + background-image: image(#3d3d3d); } .side-panel .view:selected { - background-image: image(#4285F4); + background-image: image(#8AB4F8); } .side-panel .view:selected:hover { - background-image: image(#4b8bf5); + background-image: image(rgba(129, 169, 232, 0.9896)); } .songs-list:hover { @@ -4663,7 +4629,7 @@ frame.documents-dropdown > border { } box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-clip: border-box; } @@ -4671,11 +4637,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4687,8 +4664,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4696,9 +4672,8 @@ task-list-view > box > revealer > box > button { margin: -4px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4709,8 +4684,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4718,9 +4692,8 @@ tasklistview > box > revealer > box > button { margin: -4px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4730,10 +4703,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 4px; -} - /************* * Evolution * *************/ @@ -4794,10 +4763,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4888,12 +4853,13 @@ window.background.chromium > button { background-size: auto; } -window.background.chromium > button:hover { +window.background.chromium > button:hover, +window.background.chromium > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background.chromium headerbar button:active { @@ -4901,7 +4867,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #4285F4; + color: #8AB4F8; } window.background.chromium textview { @@ -4941,8 +4907,8 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #4285F4; - box-shadow: inset 0 0 0 1px #4285F4; + border-color: #8AB4F8; + box-shadow: inset 0 0 0 1px #8AB4F8; } window.background:not(.csd) > widget > entry:disabled { @@ -4954,12 +4920,13 @@ window.background:not(.csd) > widget > button > button { background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { +window.background:not(.csd) > widget > button > button:hover, +window.background:not(.csd) > widget > button > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), @@ -4984,8 +4951,8 @@ window.background:not(.csd) > menu > menu { } text:selected { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } window.background:not(.csd) > widget > menubar { @@ -5011,7 +4978,7 @@ window.background:not(.csd) > widget > radiobutton > radio { } window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.12); } /************ @@ -5035,7 +5002,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 4px; - -gtk-outline-radius: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -5051,7 +5017,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } #CanvasTable button { @@ -5061,15 +5026,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } #Canvas_and_Dock frame > border { @@ -5108,7 +5073,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #4285F4; + -UnityDecoration-glow-color: #8AB4F8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -5124,6 +5089,7 @@ UnityDecoration .top { } UnityDecoration .top:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } @@ -5172,7 +5138,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #4285F4; + color: #8AB4F8; } /************** @@ -5185,11 +5151,8 @@ UnityPanelWidget:backdrop, .mate-panel-menu-bar { background-color: #212121; - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5199,10 +5162,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5233,7 +5192,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5290,19 +5248,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7BAAF7; + color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #4285F4; + background-color: #8AB4F8; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5317,18 +5275,37 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #424242; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.12); } na-tray-applet { @@ -5344,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #282828; + background-color: #424242; } .mate-panel-applet-slider frame > border { @@ -5352,16 +5329,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #424242; } #mate-menu button { @@ -5372,12 +5350,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(255, 255, 255, 0.7); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5385,10 +5368,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 4px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #424242; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #8AB4F8; +} + +.brisk-menu .session-button { + padding: 8px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: white; + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5412,7 +5457,7 @@ na-tray-applet { .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-side-pane notebook .frame, @@ -5420,10 +5465,39 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 4px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: rgba(138, 180, 248, 0.24); +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: rgba(138, 180, 248, 0.24); +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-notebook frame > border { @@ -5431,8 +5505,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #282828; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #303030; } #caja-extra-view-widget > box > box > label { @@ -5445,7 +5519,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window statusbar frame > border { @@ -5463,7 +5537,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5476,11 +5550,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } /********* @@ -5491,13 +5565,15 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.26); + border-radius: 5px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #424242; } .lock-dialog frame > border { @@ -5518,7 +5594,7 @@ MsdOsdWindow.background.osd .trough { MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #4285F4; + background-color: #8AB4F8; } /****************** @@ -5534,7 +5610,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; - -gtk-outline-radius: 4px; } .budgie-popover { @@ -5562,7 +5637,7 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } @@ -5588,7 +5663,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover.budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; @@ -5641,7 +5716,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .budgie-popover.places-menu .alternative-label { @@ -5710,11 +5785,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5737,7 +5812,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; @@ -5754,10 +5829,6 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5786,7 +5857,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5806,7 +5878,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5880,12 +5953,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5896,7 +5969,7 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .raven .raven-header.top stackswitcher button { @@ -5906,7 +5979,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven stack .raven-header { @@ -5920,7 +5993,7 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #303030; } @@ -5971,6 +6044,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(255, 255, 255, 0.7); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5989,6 +6066,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } @@ -6003,7 +6081,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; } @@ -6031,17 +6109,16 @@ calendar.raven-calendar:selected { font-size: 120%; padding: 4px 12px; border-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: white; } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } /************** @@ -6068,10 +6145,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6085,15 +6158,15 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { - background-color: #4285F4; + background-color: #8AB4F8; } XfdesktopIconView.view { @@ -6130,7 +6203,7 @@ XfdesktopIconView.view .rubberband { * Thunar * **********/ .thunar #location-toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .thunar .standard-view.frame { @@ -6144,7 +6217,7 @@ XfdesktopIconView.view .rubberband { .thunar statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } /************************ @@ -6205,7 +6278,7 @@ XfdesktopIconView.view .rubberband { * Nemo * ********/ .nemo-window .primary-toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar entry { @@ -6246,7 +6319,7 @@ XfdesktopIconView.view .rubberband { .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: dimgray; - -NemoPlacesTreeView-disk-full-fg-color: #4285F4; + -NemoPlacesTreeView-disk-full-fg-color: #8AB4F8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -6270,10 +6343,10 @@ text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ -@define-color theme_selected_bg_color #4285F4; +@define-color theme_selected_bg_color #8AB4F8; /* text/foreground color of selections */ -@define-color theme_selected_fg_color white; +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ @define-color insensitive_bg_color #282828; @@ -6297,19 +6370,19 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4285F4; +@define-color theme_unfocused_selected_bg_color #8AB4F8; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@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.26); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ @define-color warning_color #FBBC05; @@ -6322,6 +6395,7 @@ read if you used those and something break with a version upgrade you're on your @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 #383838; +@define-color wm_unfocused_bg #303030; /* FIXME this is really an API */ @define-color content_view_bg #303030; diff --git a/src/gtk/3.0/gtk-dark.css b/src/gtk/3.0/gtk-dark.css index 5ccbb413e..2f961c823 100644 --- a/src/gtk/3.0/gtk-dark.css +++ b/src/gtk/3.0/gtk-dark.css @@ -4,18 +4,18 @@ } } -@keyframes ripple-slider { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes ripple-headerbar { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%); + background-image: radial-gradient(circle, #8AB4F8 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%); + background-image: radial-gradient(circle, #8AB4F8 100%, transparent 0%); } } @@ -34,11 +34,11 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 4px; - -gtk-secondary-caret-color: #4285F4; + -gtk-secondary-caret-color: #8AB4F8; } *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** @@ -80,8 +80,8 @@ } .gtkstyle-fallback:selected { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } .view { @@ -94,7 +94,7 @@ } .view:selected:hover { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08); + box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.08); } .view:disabled { @@ -121,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #7BAAF7; - background-color: rgba(123, 170, 247, 0.3); + border: 1px solid #8AB4F8; + background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { @@ -139,7 +139,7 @@ label { } label.separator { - color: white; + color: rgba(255, 255, 255, 0.7); } label:disabled { @@ -152,9 +152,8 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +.dim-label { + color: rgba(255, 255, 255, 0.7); } assistant .sidebar { @@ -205,26 +204,31 @@ entry { padding: 0 8px; border-radius: 4px 4px 0 0; caret-color: currentColor; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } spinbutton:focus:not(.vertical), entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.3); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -284,9 +288,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #EA4335; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; background-color: rgba(255, 255, 255, 0.04); color: white; } @@ -298,16 +302,16 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FBBC05; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; background-color: rgba(255, 255, 255, 0.04); color: white; } @@ -319,7 +323,7 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } @@ -327,13 +331,13 @@ entry.warning:disabled { spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #4285F4; + border-bottom: 2px solid #8AB4F8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #303030; @@ -345,6 +349,10 @@ spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > e box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #2C2C2C; @@ -352,7 +360,7 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #EA4335; @@ -383,7 +391,7 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FBBC05; @@ -431,7 +439,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(255, 255, 255, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -460,12 +468,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8AB4F8), to(transparent)); } } @@ -476,10 +484,11 @@ button { padding: 6px 10px; border-radius: 4px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #424242; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -487,19 +496,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: white; +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: white; } @@ -511,87 +524,149 @@ button:disabled { button:checked { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar button, popover.background.menu button, +popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(255, 255, 255, 0.7); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar button:focus, popover.background.menu button:focus, +popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: white; +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .xfce4-panel.background button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar button:hover, +.path-bar button:drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: white; } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar button:active, popover.background.menu button:active, +popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: white; } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(255, 255, 255, 0.3); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar button:checked, popover.background.menu button:checked, +popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: white; } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.5); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -600,8 +675,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 6px; border-radius: 4px; - -gtk-outline-radius: 4px; } @@ -614,61 +690,81 @@ button.text-button.image-button label:last-child { margin-right: 10px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, +toolbar .linked.vertical > button:not(:only-child).image-button, +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > +button.flat:not(:only-child).image-button, +.linked.vertical > +button.flat:not(:only-child).image-button { + border-radius: 9999px; +} + +toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, +toolbar .linked.vertical > button:not(:only-child).text-button.image-button, +.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > +button.flat:not(:only-child).text-button.image-button, .linked.vertical > -button.flat.text-button.image-button { +button.flat:not(:only-child).text-button.image-button { border-radius: 4px; - -gtk-outline-radius: 4px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -689,8 +785,8 @@ button.osd:disabled { button.suggested-action { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } @@ -702,13 +798,13 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #7baaf7; + background-color: rgba(104, 135, 186, 0.961); } button.suggested-action.flat { background-color: transparent; - color: #4285F4; + color: #8AB4F8; } @@ -720,7 +816,7 @@ button.suggested-action.flat:disabled { button.suggested-action.flat:checked { - background-color: rgba(66, 133, 244, 0.3); + background-color: rgba(138, 180, 248, 0.3); } @@ -759,35 +855,16 @@ button.destructive-action.flat:checked { background-color: rgba(234, 67, 53, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 4px; - padding-right: 4px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -804,15 +881,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -820,82 +893,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; -} - -.linked > button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.linked > button:only-child { - border-radius: 4px; +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.linked.vertical > button:first-child { +.linked:not(.vertical) > button.image-button:first-child { border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.linked.vertical > button:last-child { border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.linked.vertical > button:only-child { - border-radius: 4px; -} - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 4px 0 0 0; } -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 4px 0 0; +.linked:not(.vertical) > button.image-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked:not(.vertical) > button.image-button:only-child { + border-radius: 9999px; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; +.linked.vertical > button.image-button:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:only-child { + border-radius: 9999px; } /* menu buttons */ @@ -904,7 +962,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 4px; - color: inherit; + color: white; } modelbutton.flat arrow.left { @@ -924,22 +982,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, button:link:hover, button:link:active, -button:visited, -button:visited:hover, -button:visited:active { - color: #4285F4; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #8AB4F8; } -*:link:visited, -button:visited, -button:visited:hover, -button:visited:active { - color: #E040FB; +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { + color: #CE93D8; } -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -963,6 +1016,11 @@ spinbutton:not(.vertical) button { border: solid 6px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -3px; } @@ -975,10 +1033,6 @@ spinbutton.vertical:disabled { color: rgba(255, 255, 255, 0.5); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 36px; min-width: 48px; @@ -991,6 +1045,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(255, 255, 255, 0.7); +} + spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } @@ -1019,8 +1078,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1032,49 +1090,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: -2px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 32px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 9999px; } -button.combo { +button.combo:only-child { border-radius: 4px 4px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } -button.combo:hover { - background-image: image(alpha(currentColor, 0.08)); +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.3); } -button.combo:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(255, 255, 255, 0.3); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +button.combo:only-child:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } @@ -1093,7 +1173,7 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); @@ -1108,6 +1188,12 @@ toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1157,7 +1243,7 @@ searchbar > revealer > box, padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #282828; background-clip: border-box; } @@ -1170,283 +1256,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 48px; - padding: 0 6px; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 4px 4px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: white; } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) entry, -headerbar entry { +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } -.titlebar:not(headerbar) entry:disabled, -headerbar entry:disabled { +.titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) entry image, -headerbar entry image { +.titlebar entry image { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active, -headerbar entry image:hover, -headerbar entry image:active { +.titlebar entry image:hover, .titlebar entry image:active { color: white; } -.titlebar:not(headerbar) entry image:disabled, -headerbar entry image:disabled { +.titlebar entry image:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { +.titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { +.titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { color: white; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; color: white; } -.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; + color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); +.titlebar.selection-mode:backdrop { + color: rgba(0, 0, 0, 0.54); } -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link { - color: white; +.titlebar.selection-mode .subtitle:link { + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: white; + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(0, 0, 0, 0.38); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: white; + color: rgba(0, 0, 0, 0.87); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(0, 0, 0, 0.38); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { + color: rgba(0, 0, 0, 0.54); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(0, 0, 0, 0.26); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(0, 0, 0, 0.54); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(0, 0, 0, 0.26); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #8AB4F8; +} + +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.titlebar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } +headerbar { + min-height: 48px; + padding: 0 6px; +} + headerbar entry, headerbar spinbutton, headerbar button { @@ -1475,87 +1536,6 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -headerbar.titlebar headerbar:not(.titlebar) { - background-color: transparent; - box-shadow: none; -} - -.background .titlebar { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 4px; -} - -window headerbar:last-child { - border-top-right-radius: 4px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #383838; - background-image: image(rgba(0, 0, 0, 0.26)); -} - /************ * Pathbars * ************/ @@ -1563,16 +1543,34 @@ window.csd > .titlebar:not(headerbar) { .path-bar button { padding-left: 6px; padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 4px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { - margin-left: 4px; + margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { - margin-right: 4px; + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar button.text-button { + min-width: 0; } .caja-pathbar button.slider-button, @@ -1581,29 +1579,12 @@ window.csd > .titlebar:not(headerbar) { padding-right: 4px; } -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { - background-color: transparent; -} - /************** * Tree Views * **************/ treeview.view { border-left-color: rgba(255, 255, 255, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-top-color: rgba(255, 255, 255, 0.12); } * { @@ -1617,7 +1598,7 @@ treeview.view { treeview.view:selected { background-color: #303030; - background-image: image(rgba(66, 133, 244, 0.32)); + background-image: image(rgba(138, 180, 248, 0.24)); } treeview.view:hover, treeview.view:selected { @@ -1626,13 +1607,13 @@ treeview.view:hover, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.12); } treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #4285F4; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1666,7 +1647,7 @@ treeview.view.expander:disabled { } treeview.view.progressbar { - border-bottom: 4px solid #4285F4; + border-bottom: 4px solid #8AB4F8; box-shadow: none; background-color: transparent; background-image: none; @@ -1691,19 +1672,15 @@ treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(255, 255, 255, 0.7); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { background-color: #303030; } @@ -1717,16 +1694,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; background-color: #303030; background-clip: border-box; - color: #4285F4; + color: #8AB4F8; } treeview.view acceleditor > label { - background-color: #4285F4; + background-color: #8AB4F8; } /********* @@ -1740,9 +1717,20 @@ menubar, color: white; } +menubar:backdrop, +.menubar:backdrop { + background-color: #303030; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.7); @@ -1751,7 +1739,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } @@ -1789,10 +1777,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: white; font: initial; text-shadow: none; } @@ -1801,7 +1790,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1853,7 +1842,7 @@ menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px 4px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1863,7 +1852,7 @@ menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0 0 4px 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1871,7 +1860,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(255, 255, 255, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: white; } @@ -1897,27 +1886,11 @@ menuitem:disabled accelerator { color: rgba(255, 255, 255, 0.3); } -.popup:not(.csd) menu menuitem { - color: #FFFFFF; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #595959; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #a1a1a1; -} - -.popup:not(.csd) menu accelerator { - color: #c6c6c6; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #424242; @@ -1980,13 +1953,12 @@ notebook.frame > header { } notebook:focus tab:checked { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12); - outline: none; + box-shadow: inset 0 0 0 9999px rgba(138, 180, 248, 0.12); } notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #282828; background-clip: border-box; } @@ -2004,7 +1976,7 @@ notebook > header.top > tabs > tab { } notebook > header.top > tabs > tab:checked { - border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to top, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.top > tabs > tab.reorderable-page { @@ -2024,7 +1996,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.bottom > tabs > tab:checked { - border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to bottom, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { @@ -2044,7 +2016,7 @@ notebook > header.left > tabs > tab { } notebook > header.left > tabs > tab:checked { - border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to left, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.left > tabs > tab.reorderable-page { @@ -2064,7 +2036,7 @@ notebook > header.right > tabs > tab { } notebook > header.right > tabs > tab:checked { - border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.26) 2px); + border-image-source: linear-gradient(to right, #8AB4F8 2px, rgba(0, 0, 0, 0.26) 2px); } notebook > header.right > tabs > tab.reorderable-page { @@ -2124,14 +2096,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 6px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2140,7 +2112,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: white; } @@ -2150,9 +2122,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: white; @@ -2167,6 +2139,12 @@ notebook > header tab:checked.reorderable-page { background-color: #303030; } +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; @@ -2219,7 +2197,7 @@ notebook > stack:not(:only-child) { * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #303030; background-clip: border-box; } @@ -2230,23 +2208,23 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2268,7 +2246,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2281,6 +2258,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2363,7 +2344,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; @@ -2374,7 +2355,7 @@ switch { } switch:checked { - background-color: rgba(66, 133, 244, 0.5); + background-color: rgba(138, 180, 248, 0.5); } switch:disabled { @@ -2387,7 +2368,7 @@ switch image { } switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; @@ -2397,12 +2378,12 @@ switch slider { background-color: #424242; } -switch:hover slider { +switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } switch:focus:hover slider { @@ -2410,8 +2391,8 @@ switch:focus:hover slider { } switch:checked slider { - background-color: #4285F4; - color: #4285F4; + background-color: #8AB4F8; + color: #8AB4F8; } /************************* @@ -2468,25 +2449,10 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #4285F4; + color: #8AB4F8; } check:checked:disabled, check:indeterminate:disabled, @@ -2495,10 +2461,10 @@ radio:indeterminate:disabled { color: rgba(255, 255, 255, 0.3); } -popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat -radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2582,12 +2548,12 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8AB4F8), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#8AB4F8), to(transparent)); } @@ -2600,7 +2566,6 @@ menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; - -gtk-outline-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } @@ -2663,7 +2628,7 @@ treeview.view radio:disabled { treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #4285F4; + color: #8AB4F8; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, @@ -2716,7 +2681,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(255, 255, 255, 0.3); } @@ -2726,16 +2691,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #4285F4; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#8AB4F8); } scale highlight:disabled { - background-color: transparent; + background-color: #282828; + background-image: image(rgba(255, 255, 255, 0.3)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.3); } @@ -2744,87 +2710,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #8AB4F8; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 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 slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 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 slider:hover { - background-color: rgba(66, 133, 244, 0.08); +scale slider:focus { + background-color: alpha(currentColor, 0.08); } -scale slider:focus { - background-color: rgba(66, 133, 244, 0.12); +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(66, 133, 244, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + 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-color: alpha(currentColor, 0.08); + 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%; - background-color: rgba(66, 133, 244, 0.08); - color: rgba(66, 133, 244, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(255, 255, 255, 0.7); } -scale marks { - color: rgba(255, 255, 255, 0.3); +scale indicator { + background-color: rgba(255, 255, 255, 0.3); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2840,35 +2807,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { - 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 farthest-corner at center, currentColor 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) slider:active { + 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) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { + 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) slider:disabled { - 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 farthest-corner at center, currentColor 10%, transparent 0%); +scale.horizontal.marks-after:not(.marks-before) slider:active { + 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) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { - 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 farthest-corner at center, currentColor 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) slider:active { + 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) slider { - 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 farthest-corner at center, currentColor 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) slider:disabled { - 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 farthest-corner at center, currentColor 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) slider:active { + 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 { @@ -2926,7 +2909,7 @@ progressbar trough { } progressbar progress { - background-color: #4285F4; + background-color: #8AB4F8; } progressbar trough.empty progress { @@ -2965,7 +2948,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #4285F4; + background-color: #8AB4F8; } levelbar block.full { @@ -3010,7 +2993,13 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #303030; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { @@ -3018,7 +3007,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3027,7 +3016,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3036,7 +3025,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3045,7 +3034,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(138, 180, 248, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3096,7 +3085,7 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #303030; } @@ -3107,12 +3096,13 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.12); } button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3131,29 +3121,36 @@ list row { } row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } row:selected { - color: #4285F4; + color: #8AB4F8; } row:selected image, @@ -3187,7 +3184,7 @@ row:selected:disabled label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3230,6 +3227,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(255, 255, 255, 0.12); border-radius: 0; } @@ -3258,6 +3256,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #424242; color: rgba(255, 255, 255, 0.7); } @@ -3266,40 +3265,32 @@ messagedialog.csd.background { border-bottom-right-radius: 4px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -6px; padding: 6px; } -messagedialog.csd .dialog-action-area button { - border-radius: 4px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 6px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { - color: #4285F4; +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #8AB4F8; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #EA4335; } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } -filechooserbutton:drop(active) { - box-shadow: none; -} - /*********** * Sidebar * ***********/ @@ -3309,12 +3300,12 @@ filechooserbutton:drop(active) { } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); border-right-style: none; } @@ -3326,17 +3317,34 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #2C2C2C; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 4px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; } -stacksidebar row > label { +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; } separator.sidebar { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(255, 255, 255, 0.12); } /**************** @@ -3346,67 +3354,61 @@ row image.sidebar-icon { color: rgba(255, 255, 255, 0.7); } -placessidebar > viewport.frame { +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); font-weight: 500; } -placessidebar row:disabled { +placessidebar.sidebar row:disabled { color: rgba(255, 255, 255, 0.5); } -placessidebar row image.sidebar-icon:dir(ltr) { +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } -placessidebar row image.sidebar-icon:dir(rtl) { +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } -placessidebar row label.sidebar-label:dir(ltr) { +placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } -placessidebar row label.sidebar-label:dir(rtl) { +placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected label.sidebar-label { color: inherit; } -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#4285F4); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #4285F4; +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #4285F4; +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #8AB4F8; } placesview .server-list-button > image { @@ -3431,7 +3433,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px; background-clip: content-box; } @@ -3440,7 +3442,7 @@ paned > separator.wide { min-width: 6px; min-height: 6px; background-color: #282828; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(255, 255, 255, 0.12)), image(rgba(255, 255, 255, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -3488,31 +3490,35 @@ infobar { border-style: none; } -infobar.info { - background-color: #34A853; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #303030; +} + +infobar.info button.text-button, infobar.question button.text-button { + padding-left: 8px; + padding-right: 8px; } -infobar.question { - background-color: #4285F4; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #8AB4F8; } infobar.warning { background-color: #FBBC05; + color: rgba(0, 0, 0, 0.87); } -infobar.error { - background-color: #EA4335; +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { +infobar.error { + background-color: #EA4335; color: white; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited { +infobar.error *:link, infobar.error button.link:link { color: white; } @@ -3590,20 +3596,8 @@ colorswatch.light { color: rgba(0, 0, 0, 0.87); } -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3611,6 +3605,10 @@ colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +colorswatch overlay:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + colorswatch#add-color-button { border-radius: 4px 4px 0 0; color: white; @@ -3621,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%); + background-color: #424242; } colorswatch:disabled { @@ -3641,7 +3639,7 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; @@ -3662,7 +3660,7 @@ colorchooser .popover.osd:backdrop { * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; @@ -3713,9 +3711,8 @@ messagedialog.csd decoration { .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(66, 133, 244, 0.32); +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(138, 180, 248, 0.24); } .monospace { @@ -3726,7 +3723,7 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - color: #4285F4; + color: #8AB4F8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -3763,9 +3760,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4; - caret-color: #4285F4; + caret-color: #8AB4F8; } stackswitcher button.text-button { @@ -3790,7 +3785,7 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; @@ -3798,37 +3793,19 @@ popover.emoji-picker entry { } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 36px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #4285F4; - background-color: transparent; -} - -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); -} - -button.emoji-section:first-child { - margin-left: 4px; + color: #8AB4F8; } -button.emoji-section:last-child { - margin-right: 4px; +button.emoji-section:not(:last-child) { + margin-right: 0; } popover.emoji-picker .emoji { @@ -3838,7 +3815,7 @@ popover.emoji-picker .emoji { } popover.emoji-picker .emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } @@ -3873,8 +3850,7 @@ popover.emoji-completion .emoji:hover { background-color: #303030; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(255, 255, 255, 0.7); } @@ -3884,22 +3860,22 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .path-bar-box { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 4px; } @@ -3925,20 +3901,24 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- margin-right: 0; } -.path-bar-box .nautilus-path-bar button { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 6px; padding-right: 6px; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } -.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } @@ -3947,7 +3927,7 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(48, 48, 48, 0.9); background-clip: border-box; @@ -3975,8 +3955,8 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- } .disk-space-display.used { - background-color: #4285F4; - color: #4285F4; + background-color: #8AB4F8; + color: #8AB4F8; } .disk-space-display.free { @@ -3986,7 +3966,7 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- .search-information { padding: 2px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #303030; color: white; } @@ -4010,7 +3990,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow. dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { @@ -4077,11 +4057,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .gedit-search-slider { @@ -4131,7 +4111,8 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: color: rgba(255, 255, 255, 0.7); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { color: white; } @@ -4207,7 +4188,7 @@ row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } row#Focus.tweak > list, @@ -4230,7 +4211,7 @@ row#workspaces-only-on-primary { * Builder * ***********/ layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } @@ -4243,7 +4224,7 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.26); - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #8AB4F8; background-color: #303030; } @@ -4304,11 +4285,12 @@ omnibar:not(:hover):not(:active) entry { } popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; background-color: #303030; } @@ -4321,11 +4303,11 @@ preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar } preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover.background { @@ -4334,7 +4316,7 @@ popover.messagepopover.background { popover.messagepopover .popover-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; } @@ -4355,7 +4337,7 @@ popover.transfers list { } popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } popover.transfers list row > box { @@ -4373,27 +4355,26 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-color: #282828; } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + background-image: radial-gradient(circle, #8AB4F8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4407,10 +4388,10 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #4285F4; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #8AB4F8; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: white; } @@ -4424,20 +4405,12 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); -} - dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #4285F4; -} - -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 #8AB4F8; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #4285F4; + box-shadow: inset 2px 0 #8AB4F8; } pillbox { @@ -4446,13 +4419,15 @@ pillbox { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; background-color: #303030; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4492,7 +4467,7 @@ button.dzlmenubuttonitem:disabled { } idelayoutstackheader { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } idelayoutstackheader button:checked { @@ -4505,22 +4480,21 @@ ideeditorutilities > dzldockpaned > box > stackswitcher { } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(138, 180, 248, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4532,24 +4506,16 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #8AB4F8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #8AB4F8; } ideeditorsidebar notebook header { @@ -4557,11 +4523,11 @@ ideeditorsidebar notebook header { } popover.messagepopover list { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.12); } popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } /********** @@ -4575,8 +4541,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); font-weight: bold; } @@ -4590,12 +4556,12 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { @@ -4604,7 +4570,7 @@ button.photos-filter-preview { } button.photos-filter-preview:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(138, 180, 248, 0.24); color: white; } @@ -4626,12 +4592,12 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); } .side-panel .view { @@ -4639,15 +4605,15 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:hover { - background-image: image(#373737); + background-image: image(#3d3d3d); } .side-panel .view:selected { - background-image: image(#4285F4); + background-image: image(#8AB4F8); } .side-panel .view:selected:hover { - background-image: image(#4b8bf5); + background-image: image(rgba(129, 169, 232, 0.9896)); } .songs-list:hover { @@ -4663,7 +4629,7 @@ frame.documents-dropdown > border { } box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); background-clip: border-box; } @@ -4671,11 +4637,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4687,8 +4664,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4696,9 +4672,8 @@ task-list-view > box > revealer > box > button { margin: -6px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4709,8 +4684,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4718,9 +4692,8 @@ tasklistview > box > revealer > box > button { margin: -6px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4730,10 +4703,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 4px; -} - /************* * Evolution * *************/ @@ -4794,10 +4763,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4888,12 +4853,13 @@ window.background.chromium > button { background-size: auto; } -window.background.chromium > button:hover { +window.background.chromium > button:hover, +window.background.chromium > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background.chromium headerbar button:active { @@ -4901,7 +4867,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #4285F4; + color: #8AB4F8; } window.background.chromium textview { @@ -4941,8 +4907,8 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #4285F4; - box-shadow: inset 0 0 0 1px #4285F4; + border-color: #8AB4F8; + box-shadow: inset 0 0 0 1px #8AB4F8; } window.background:not(.csd) > widget > entry:disabled { @@ -4954,12 +4920,13 @@ window.background:not(.csd) > widget > button > button { background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { +window.background:not(.csd) > widget > button > button:hover, +window.background:not(.csd) > widget > button > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), @@ -4984,8 +4951,8 @@ window.background:not(.csd) > menu > menu { } text:selected { - background-color: #4285F4; - color: white; + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } window.background:not(.csd) > widget > menubar { @@ -5011,7 +4978,7 @@ window.background:not(.csd) > widget > radiobutton > radio { } window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.12); } /************ @@ -5035,7 +5002,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 4px; - -gtk-outline-radius: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -5051,7 +5017,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } #CanvasTable button { @@ -5061,15 +5026,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(255, 255, 255, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(255, 255, 255, 0.12); } #Canvas_and_Dock frame > border { @@ -5108,7 +5073,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #4285F4; + -UnityDecoration-glow-color: #8AB4F8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -5124,6 +5089,7 @@ UnityDecoration .top { } UnityDecoration .top:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } @@ -5172,7 +5138,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #4285F4; + color: #8AB4F8; } /************** @@ -5185,11 +5151,8 @@ UnityPanelWidget:backdrop, .mate-panel-menu-bar { background-color: #212121; - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5199,10 +5162,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5233,7 +5192,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5290,19 +5248,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7BAAF7; + color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #4285F4; + background-color: #8AB4F8; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5317,18 +5275,37 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #424242; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } #MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.12); } na-tray-applet { @@ -5344,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #282828; + background-color: #424242; } .mate-panel-applet-slider frame > border { @@ -5352,16 +5329,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #424242; } #mate-menu button { @@ -5372,12 +5350,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(255, 255, 255, 0.7); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5385,10 +5368,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 6px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #424242; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #8AB4F8; +} + +.brisk-menu .session-button { + padding: 12px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: white; + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5412,7 +5457,7 @@ na-tray-applet { .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-side-pane notebook .frame, @@ -5420,10 +5465,39 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 4px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.04); + background-image: none; + color: white; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: rgba(138, 180, 248, 0.24); +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: rgba(138, 180, 248, 0.24); +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .caja-notebook frame > border { @@ -5431,8 +5505,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #282828; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + background-color: #303030; } #caja-extra-view-widget > box > box > label { @@ -5445,7 +5519,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window statusbar frame > border { @@ -5463,7 +5537,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5476,11 +5550,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } /********* @@ -5491,13 +5565,15 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.26); + border-radius: 5px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #424242; } .lock-dialog frame > border { @@ -5518,7 +5594,7 @@ MsdOsdWindow.background.osd .trough { MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #4285F4; + background-color: #8AB4F8; } /****************** @@ -5534,7 +5610,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; - -gtk-outline-radius: 4px; } .budgie-popover { @@ -5562,7 +5637,7 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } @@ -5588,7 +5663,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover.budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-image: none; border-radius: 0; box-shadow: none; @@ -5641,7 +5716,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .budgie-popover.places-menu .alternative-label { @@ -5710,11 +5785,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5737,7 +5812,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; @@ -5754,10 +5829,6 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5786,7 +5857,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5806,7 +5878,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5880,12 +5953,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5896,7 +5969,7 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .raven .raven-header.top stackswitcher button { @@ -5906,7 +5979,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } .raven stack .raven-header { @@ -5920,7 +5993,7 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.12); background-color: #303030; } @@ -5971,6 +6044,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(255, 255, 255, 0.7); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5989,6 +6066,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); background-color: #424242; } @@ -6003,7 +6081,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); border-radius: 0; } @@ -6031,17 +6109,16 @@ calendar.raven-calendar:selected { font-size: 120%; padding: 6px 14px; border-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: white; } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } /************** @@ -6068,10 +6145,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6085,15 +6158,15 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { - background-color: #4285F4; + background-color: #8AB4F8; } XfdesktopIconView.view { @@ -6130,7 +6203,7 @@ XfdesktopIconView.view .rubberband { * Thunar * **********/ .thunar #location-toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .thunar .standard-view.frame { @@ -6144,7 +6217,7 @@ XfdesktopIconView.view .rubberband { .thunar statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(255, 255, 255, 0.12); } /************************ @@ -6205,7 +6278,7 @@ XfdesktopIconView.view .rubberband { * Nemo * ********/ .nemo-window .primary-toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .nemo-window .primary-toolbar entry { @@ -6246,7 +6319,7 @@ XfdesktopIconView.view .rubberband { .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: dimgray; - -NemoPlacesTreeView-disk-full-fg-color: #4285F4; + -NemoPlacesTreeView-disk-full-fg-color: #8AB4F8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -6270,10 +6343,10 @@ text widgets and the like base background color */ @define-color theme_base_color #303030; /* base background color of selections */ -@define-color theme_selected_bg_color #4285F4; +@define-color theme_selected_bg_color #8AB4F8; /* text/foreground color of selections */ -@define-color theme_selected_fg_color white; +@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ @define-color insensitive_bg_color #282828; @@ -6297,19 +6370,19 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #303030; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4285F4; +@define-color theme_unfocused_selected_bg_color #8AB4F8; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color white; +@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@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.26); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ @define-color warning_color #FBBC05; @@ -6322,6 +6395,7 @@ read if you used those and something break with a version upgrade you're on your @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 #383838; +@define-color wm_unfocused_bg #303030; /* FIXME this is really an API */ @define-color content_view_bg #303030; diff --git a/src/gtk/3.0/gtk-light-compact.css b/src/gtk/3.0/gtk-light-compact.css index d4d3523ea..dafac6d00 100644 --- a/src/gtk/3.0/gtk-light-compact.css +++ b/src/gtk/3.0/gtk-light-compact.css @@ -4,18 +4,18 @@ } } -@keyframes ripple-slider { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes ripple-headerbar { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } @@ -34,11 +34,11 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 4px; - -gtk-secondary-caret-color: #4285F4; + -gtk-secondary-caret-color: #1A73E8; } *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** @@ -80,7 +80,7 @@ } .gtkstyle-fallback:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -94,7 +94,7 @@ } .view:selected:hover { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08); + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { @@ -121,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #7BAAF7; - background-color: rgba(123, 170, 247, 0.3); + border: 1px solid #8AB4F8; + background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.54); } label:disabled { @@ -152,9 +152,8 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +.dim-label { + color: rgba(0, 0, 0, 0.54); } assistant .sidebar { @@ -205,26 +204,31 @@ entry { padding: 0 8px; border-radius: 4px 4px 0 0; caret-color: currentColor; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -284,9 +288,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #EA4335; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -298,16 +302,16 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FBBC05; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -319,7 +323,7 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -327,13 +331,13 @@ entry.warning:disabled { spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #4285F4; + border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; @@ -345,6 +349,10 @@ spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > e box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; @@ -352,7 +360,7 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #EA4335; @@ -383,7 +391,7 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FBBC05; @@ -431,7 +439,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -460,12 +468,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } @@ -476,10 +484,11 @@ button { padding: 4px 8px; border-radius: 4px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -487,19 +496,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.87); +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: rgba(0, 0, 0, 0.87); } @@ -511,87 +524,149 @@ button:disabled { button:checked { - background-color: #4285F4; + background-color: #1A73E8; color: white; } button:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar button, popover.background.menu button, +popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar button:focus, popover.background.menu button:focus, +popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .xfce4-panel.background button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar button:hover, +.path-bar button:drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar button:active, popover.background.menu button:active, +popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar button:checked, popover.background.menu button:checked, +popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -600,8 +675,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } @@ -614,61 +690,81 @@ button.text-button.image-button label:last-child { margin-right: 12px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 8px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 8px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, +toolbar .linked.vertical > button:not(:only-child).image-button, +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > +button.flat:not(:only-child).image-button, .linked.vertical > -button.flat.text-button.image-button { +button.flat:not(:only-child).image-button { + border-radius: 9999px; +} + +toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, +toolbar .linked.vertical > button:not(:only-child).text-button.image-button, +.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > +button.flat:not(:only-child).text-button.image-button, +.linked.vertical > +button.flat:not(:only-child).text-button.image-button { border-radius: 4px; - -gtk-outline-radius: 4px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -689,7 +785,7 @@ button.osd:disabled { button.suggested-action { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -702,13 +798,13 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #7baaf7; + background-color: #5f9def; } button.suggested-action.flat { background-color: transparent; - color: #4285F4; + color: #1A73E8; } @@ -720,7 +816,7 @@ button.suggested-action.flat:disabled { button.suggested-action.flat:checked { - background-color: rgba(66, 133, 244, 0.3); + background-color: rgba(26, 115, 232, 0.3); } @@ -759,35 +855,16 @@ button.destructive-action.flat:checked { background-color: rgba(234, 67, 53, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 2px; - padding-right: 2px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -804,15 +881,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -820,82 +893,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; -} - -.linked > button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.linked > button:only-child { - border-radius: 4px; +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.linked.vertical > button:first-child { +.linked:not(.vertical) > button.image-button:first-child { border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.linked.vertical > button:last-child { border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } -.linked.vertical > button:only-child { - border-radius: 4px; -} - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 4px 0 0 0; -} - -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 4px 0 0; +.linked:not(.vertical) > button.image-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked:not(.vertical) > button.image-button:only-child { + border-radius: 9999px; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; +.linked.vertical > button.image-button:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:only-child { + border-radius: 9999px; } /* menu buttons */ @@ -904,7 +962,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 4px; - color: inherit; + color: rgba(0, 0, 0, 0.87); } modelbutton.flat arrow.left { @@ -924,22 +982,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, button:link:hover, button:link:active, -button:visited, -button:visited:hover, -button:visited:active { - color: #4285F4; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #1A73E8; } -*:link:visited, -button:visited, -button:visited:hover, -button:visited:active { - color: #E040FB; +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { + color: #9C27B0; } -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -963,6 +1016,11 @@ spinbutton:not(.vertical) button { border: solid 4px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -2px; } @@ -975,10 +1033,6 @@ spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 32px; min-width: 40px; @@ -991,6 +1045,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } @@ -1019,8 +1078,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1032,49 +1090,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: 0px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 28px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -32px; + padding-right: 32px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -32px; + padding-left: 32px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 4px; + padding: 4px; + border-radius: 9999px; } -button.combo { +button.combo:only-child { border-radius: 4px 4px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } -button.combo:hover { - background-image: image(alpha(currentColor, 0.08)); +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +button.combo:only-child:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -1093,7 +1173,7 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); @@ -1108,6 +1188,12 @@ toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1170,283 +1256,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 40px; - padding: 0 4px; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 4px 4px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(0, 0, 0, 0.38); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #D6D6D6; color: rgba(0, 0, 0, 0.54); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(0, 0, 0, 0.26); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) entry, -headerbar entry { +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.54); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.titlebar entry { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } -.titlebar:not(headerbar) entry:disabled, -headerbar entry:disabled { +.titlebar entry:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) entry image, -headerbar entry image { +.titlebar entry image { color: rgba(0, 0, 0, 0.54); } -.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active, -headerbar entry image:hover, -headerbar entry image:active { +.titlebar entry image:hover, .titlebar entry image:active { color: rgba(0, 0, 0, 0.87); } -.titlebar:not(headerbar) entry image:disabled, -headerbar entry image:disabled { +.titlebar entry image:disabled { color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { +.titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; +.titlebar button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.54); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { color: rgba(0, 0, 0, 0.87); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; color: rgba(0, 0, 0, 0.87); } -.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; + color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(0, 0, 0, 0.54); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } -.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.54); } -.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 4px; + padding-right: 4px; +} + +.titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #4285F4; + background-color: #1A73E8; color: white; } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { +.titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link { +.titlebar.selection-mode .subtitle:link { color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #1A73E8; +} + +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.titlebar.default-decoration { min-height: 24px; padding: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } +headerbar { + min-height: 40px; + padding: 0 4px; +} + headerbar entry, headerbar spinbutton, headerbar button { @@ -1475,87 +1536,6 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -headerbar.titlebar headerbar:not(.titlebar) { - background-color: transparent; - box-shadow: none; -} - -.background .titlebar { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 4px; -} - -window headerbar:last-child { - border-top-right-radius: 4px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #E0E0E0; - background-image: image(rgba(0, 0, 0, 0.12)); -} - /************ * Pathbars * ************/ @@ -1563,16 +1543,34 @@ window.csd > .titlebar:not(headerbar) { .path-bar button { padding-left: 4px; padding-right: 4px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 4px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { - margin-left: 4px; + margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { - margin-right: 4px; + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar button.text-button { + min-width: 0; } .caja-pathbar button.slider-button, @@ -1581,23 +1579,6 @@ window.csd > .titlebar:not(headerbar) { padding-right: 4px; } -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { - background-color: transparent; -} - /************** * Tree Views * **************/ @@ -1617,7 +1598,7 @@ treeview.view { treeview.view:selected { background-color: #FFFFFF; - background-image: image(rgba(66, 133, 244, 0.32)); + background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, treeview.view:selected { @@ -1631,8 +1612,8 @@ treeview.view.separator { treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #4285F4; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1666,7 +1647,7 @@ treeview.view.expander:disabled { } treeview.view.progressbar { - border-bottom: 4px solid #4285F4; + border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; @@ -1696,14 +1677,10 @@ treeview.view header button { background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(0, 0, 0, 0.54); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } @@ -1722,11 +1699,11 @@ treeview.view header.button.dnd { box-shadow: none; background-color: #FFFFFF; background-clip: border-box; - color: #4285F4; + color: #1A73E8; } treeview.view acceleditor > label { - background-color: #4285F4; + background-color: #1A73E8; } /********* @@ -1740,9 +1717,20 @@ menubar, color: rgba(0, 0, 0, 0.87); } +menubar:backdrop, +.menubar:backdrop { + background-color: #D6D6D6; + color: rgba(0, 0, 0, 0.54); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.54); @@ -1751,7 +1739,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } @@ -1789,10 +1777,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } @@ -1801,7 +1790,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1871,7 +1860,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: rgba(0, 0, 0, 0.87); } @@ -1897,27 +1886,11 @@ menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } -.popup:not(.csd) menu menuitem { - color: #212121; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #E0E0E0; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #9E9E9E; -} - -.popup:not(.csd) menu accelerator { - color: #757575; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; @@ -1980,8 +1953,7 @@ notebook.frame > header { } notebook:focus tab:checked { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12); - outline: none; + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { @@ -2004,7 +1976,7 @@ notebook > header.top > tabs > tab { } notebook > header.top > tabs > tab:checked { - border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { @@ -2024,7 +1996,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.bottom > tabs > tab:checked { - border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { @@ -2044,7 +2016,7 @@ notebook > header.left > tabs > tab { } notebook > header.left > tabs > tab:checked { - border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { @@ -2064,7 +2036,7 @@ notebook > header.right > tabs > tab { } notebook > header.right > tabs > tab:checked { - border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { @@ -2124,14 +2096,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 4px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2140,7 +2112,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } @@ -2150,9 +2122,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: rgba(0, 0, 0, 0.87); @@ -2167,6 +2139,12 @@ notebook > header tab:checked.reorderable-page { background-color: #FFFFFF; } +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -4px -12px; + padding: 4px 12px; +} + notebook > header tab button.flat:last-child { margin-left: 4px; margin-right: -8px; @@ -2219,7 +2197,7 @@ notebook > stack:not(:only-child) { * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } @@ -2246,7 +2224,7 @@ scrollbar.right { } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2268,7 +2246,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2281,6 +2258,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2363,7 +2344,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; padding: 0 2px; border: 5px solid transparent; @@ -2374,7 +2355,7 @@ switch { } switch:checked { - background-color: rgba(66, 133, 244, 0.5); + background-color: rgba(26, 115, 232, 0.5); } switch:disabled { @@ -2387,7 +2368,7 @@ switch image { } switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; @@ -2397,12 +2378,12 @@ switch slider { background-color: #FFFFFF; } -switch:hover slider { +switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } switch:focus:hover slider { @@ -2410,8 +2391,8 @@ switch:focus:hover slider { } switch:checked slider { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } /************************* @@ -2468,25 +2449,10 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #4285F4; + color: #1A73E8; } check:checked:disabled, check:indeterminate:disabled, @@ -2495,10 +2461,10 @@ radio:indeterminate:disabled { color: rgba(0, 0, 0, 0.26); } -popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat -radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2582,12 +2548,12 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } @@ -2600,7 +2566,6 @@ menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; - -gtk-outline-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } @@ -2663,7 +2628,7 @@ treeview.view radio:disabled { treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #4285F4; + color: #1A73E8; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, @@ -2716,7 +2681,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } @@ -2726,16 +2691,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #4285F4; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#1A73E8); } scale highlight:disabled { - background-color: transparent; + background-color: #F2F2F2; + background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } @@ -2744,87 +2710,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #1A73E8; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } -scale slider:hover { - background-color: rgba(66, 133, 244, 0.08); +scale slider:focus { + background-color: alpha(currentColor, 0.08); } -scale slider:focus { - background-color: rgba(66, 133, 244, 0.12); +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(66, 133, 244, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + 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-color: alpha(currentColor, 0.08); + 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-size: auto, 0% 0%; - background-color: rgba(66, 133, 244, 0.08); - color: rgba(66, 133, 244, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(0, 0, 0, 0.54); } -scale marks { - color: rgba(0, 0, 0, 0.26); +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2840,35 +2807,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-before:not(.marks-after) 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-after:not(.marks-before) 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-before:not(.marks-after) 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-after:not(.marks-before) 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%); } scale.color { @@ -2926,7 +2909,7 @@ progressbar trough { } progressbar progress { - background-color: #4285F4; + background-color: #1A73E8; } progressbar trough.empty progress { @@ -2965,7 +2948,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #4285F4; + background-color: #1A73E8; } levelbar block.full { @@ -3011,6 +2994,12 @@ frame.flat > border { actionbar > revealer > box { padding: 4px; border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { @@ -3018,7 +3007,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3027,7 +3016,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3036,7 +3025,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3045,7 +3034,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3112,7 +3101,8 @@ separator { button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3131,29 +3121,36 @@ list row { } row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } row:selected { - color: #4285F4; + color: #1A73E8; } row:selected image, @@ -3187,7 +3184,7 @@ row:selected:disabled label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3230,6 +3227,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } @@ -3258,6 +3256,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } @@ -3266,24 +3265,20 @@ messagedialog.csd.background { border-bottom-right-radius: 4px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -4px; padding: 4px; } -messagedialog.csd .dialog-action-area button { - border-radius: 4px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 4px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { - color: #4285F4; +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #1A73E8; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #EA4335; } @@ -3296,10 +3291,6 @@ filechooser #pathbarbox { background-color: #F2F2F2; } -filechooserbutton:drop(active) { - box-shadow: none; -} - /*********** * Sidebar * ***********/ @@ -3326,13 +3317,30 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #FAFAFA; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 4px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; } -stacksidebar row > label { +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; } separator.sidebar { @@ -3346,67 +3354,61 @@ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } -placessidebar > viewport.frame { +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); font-weight: 500; } -placessidebar row:disabled { +placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } -placessidebar row image.sidebar-icon:dir(ltr) { +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } -placessidebar row image.sidebar-icon:dir(rtl) { +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } -placessidebar row label.sidebar-label:dir(ltr) { +placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } -placessidebar row label.sidebar-label:dir(rtl) { +placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected label.sidebar-label { color: inherit; } -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#4285F4); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #4285F4; +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #4285F4; +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #1A73E8; } placesview .server-list-button > image { @@ -3488,31 +3490,35 @@ infobar { border-style: none; } -infobar.info { - background-color: #34A853; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +infobar.info button.text-button, infobar.question button.text-button { + padding-left: 8px; + padding-right: 8px; } -infobar.question { - background-color: #4285F4; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #1A73E8; } infobar.warning { background-color: #FBBC05; + color: rgba(0, 0, 0, 0.87); } -infobar.error { - background-color: #EA4335; +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { +infobar.error { + background-color: #EA4335; color: white; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited { +infobar.error *:link, infobar.error button.link:link { color: white; } @@ -3590,20 +3596,8 @@ colorswatch.light { color: rgba(0, 0, 0, 0.87); } -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3611,9 +3605,13 @@ colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +colorswatch overlay:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + colorswatch#add-color-button { border-radius: 4px 4px 0 0; - color: white; + color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { @@ -3621,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%); + background-color: #FFFFFF; } colorswatch:disabled { @@ -3641,7 +3639,7 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; @@ -3662,7 +3660,7 @@ colorchooser .popover.osd:backdrop { * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; @@ -3713,9 +3711,8 @@ messagedialog.csd decoration { .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(66, 133, 244, 0.32); +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(26, 115, 232, 0.24); } .monospace { @@ -3726,7 +3723,7 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - color: #4285F4; + color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -3763,9 +3760,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4; - caret-color: #4285F4; + caret-color: #1A73E8; } stackswitcher button.text-button { @@ -3802,33 +3797,15 @@ popover.emoji-picker scrolledwindow { } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 32px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #4285F4; - background-color: transparent; -} - -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); + color: #1A73E8; } -button.emoji-section:first-child { - margin-left: 4px; -} - -button.emoji-section:last-child { - margin-right: 4px; +button.emoji-section:not(:last-child) { + margin-right: 0; } popover.emoji-picker .emoji { @@ -3838,7 +3815,7 @@ popover.emoji-picker .emoji { } popover.emoji-picker .emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } @@ -3873,8 +3850,7 @@ popover.emoji-completion .emoji:hover { background-color: #FFFFFF; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.54); } @@ -3884,22 +3860,22 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .path-bar-box { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 4px 0; border-radius: 4px; } @@ -3925,20 +3901,24 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- margin-right: 0; } -.path-bar-box .nautilus-path-bar button { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 4px; padding-right: 4px; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } -.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } @@ -3975,8 +3955,8 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- } .disk-space-display.used { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } .disk-space-display.free { @@ -4131,7 +4111,8 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: color: rgba(255, 255, 255, 0.7); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { color: white; } @@ -4243,7 +4224,7 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: #FFFFFF; } @@ -4308,7 +4289,8 @@ popover.omnibar list row:not(:last-child) { } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } @@ -4384,16 +4366,15 @@ docktabstrip { } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 4px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4407,10 +4388,10 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #4285F4; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } @@ -4424,20 +4405,12 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #4285F4; -} - -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #4285F4; + box-shadow: inset 2px 0 #1A73E8; } pillbox { @@ -4446,13 +4419,15 @@ pillbox { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4514,13 +4489,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4532,24 +4506,16 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #1A73E8; } ideeditorsidebar notebook header { @@ -4575,7 +4541,7 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #4285F4; + background-color: #1A73E8; color: white; font-weight: bold; } @@ -4590,12 +4556,12 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { @@ -4604,7 +4570,7 @@ button.photos-filter-preview { } button.photos-filter-preview:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -4639,15 +4605,15 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:hover { - background-image: image(rgba(240, 240, 240, 0.9935)); + background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { - background-image: image(#4285F4); + background-image: image(#1A73E8); } .side-panel .view:selected:hover { - background-image: image(#4b8bf5); + background-image: image(#2c7eea); } .songs-list:hover { @@ -4671,11 +4637,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4687,8 +4664,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4696,9 +4672,8 @@ task-list-view > box > revealer > box > button { margin: -4px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4709,8 +4684,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4718,9 +4692,8 @@ tasklistview > box > revealer > box > button { margin: -4px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4730,10 +4703,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 4px; -} - /************* * Evolution * *************/ @@ -4794,10 +4763,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4888,12 +4853,13 @@ window.background.chromium > button { background-size: auto; } -window.background.chromium > button:hover { +window.background.chromium > button:hover, +window.background.chromium > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background.chromium headerbar button:active { @@ -4901,7 +4867,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #4285F4; + color: #1A73E8; } window.background.chromium textview { @@ -4941,8 +4907,8 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #4285F4; - box-shadow: inset 0 0 0 1px #4285F4; + border-color: #1A73E8; + box-shadow: inset 0 0 0 1px #1A73E8; } window.background:not(.csd) > widget > entry:disabled { @@ -4954,12 +4920,13 @@ window.background:not(.csd) > widget > button > button { background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { +window.background:not(.csd) > widget > button > button:hover, +window.background:not(.csd) > widget > button > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), @@ -4984,7 +4951,7 @@ window.background:not(.csd) > menu > menu { } text:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -5035,7 +5002,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 4px; - -gtk-outline-radius: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -5051,7 +5017,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } #CanvasTable button { @@ -5108,7 +5073,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #4285F4; + -UnityDecoration-glow-color: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -5124,6 +5089,7 @@ UnityDecoration .top { } UnityDecoration .top:backdrop { + background-color: #D6D6D6; color: rgba(0, 0, 0, 0.54); } @@ -5132,7 +5098,7 @@ UnityDecoration .menuitem { } UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; color: rgba(0, 0, 0, 0.87); } @@ -5148,7 +5114,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #CBCBCB; + background-color: #CCCCCC; color: rgba(0, 0, 0, 0.87); } @@ -5164,7 +5130,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; color: rgba(0, 0, 0, 0.87); } @@ -5172,7 +5138,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #4285F4; + color: #1A73E8; } /************** @@ -5185,11 +5151,8 @@ UnityPanelWidget:backdrop, .mate-panel-menu-bar { background-color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5199,10 +5162,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5233,7 +5192,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5290,19 +5248,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7BAAF7; + color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5317,12 +5275,31 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } @@ -5344,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #F2F2F2; + background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { @@ -5352,16 +5329,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; } #mate-menu button { @@ -5372,12 +5350,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5385,10 +5368,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 4px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #1A73E8; +} + +.brisk-menu .session-button { + padding: 8px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: rgba(0, 0, 0, 0.87); + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5420,6 +5465,35 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 4px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + color: rgba(0, 0, 0, 0.87); +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; @@ -5432,7 +5506,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { @@ -5496,8 +5570,10 @@ na-tray-applet { /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 5px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } .lock-dialog frame > border { @@ -5518,7 +5594,7 @@ MsdOsdWindow.background.osd .trough { MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #4285F4; + background-color: #1A73E8; } /****************** @@ -5534,7 +5610,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; - -gtk-outline-radius: 4px; } .budgie-popover { @@ -5562,7 +5637,7 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } @@ -5710,11 +5785,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5737,7 +5812,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; @@ -5754,10 +5829,6 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5786,7 +5857,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5806,7 +5878,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5880,12 +5953,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5971,6 +6044,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(0, 0, 0, 0.54); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5989,6 +6066,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6031,13 +6109,12 @@ calendar.raven-calendar:selected { font-size: 120%; padding: 4px 12px; border-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: rgba(0, 0, 0, 0.87); } .budgie-run-dialog scrolledwindow { @@ -6068,10 +6145,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6085,15 +6158,15 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } XfdesktopIconView.view { @@ -6246,7 +6319,7 @@ XfdesktopIconView.view .rubberband { .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #4285F4; + -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -6270,7 +6343,7 @@ text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ -@define-color theme_selected_bg_color #4285F4; +@define-color theme_selected_bg_color #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; @@ -6297,7 +6370,7 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4285F4; +@define-color theme_unfocused_selected_bg_color #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; @@ -6322,6 +6395,7 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_unfocused_title rgba(0, 0, 0, 0.54); @define-color wm_highlight rgba(255, 255, 255, 0.4); @define-color wm_bg #E0E0E0; +@define-color wm_unfocused_bg #D6D6D6; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; diff --git a/src/gtk/3.0/gtk-light.css b/src/gtk/3.0/gtk-light.css index c0bc2c4fa..550babdc3 100644 --- a/src/gtk/3.0/gtk-light.css +++ b/src/gtk/3.0/gtk-light.css @@ -4,18 +4,18 @@ } } -@keyframes ripple-slider { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes ripple-headerbar { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } @@ -34,11 +34,11 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 4px; - -gtk-secondary-caret-color: #4285F4; + -gtk-secondary-caret-color: #1A73E8; } *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** @@ -80,7 +80,7 @@ } .gtkstyle-fallback:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -94,7 +94,7 @@ } .view:selected:hover { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08); + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { @@ -121,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #7BAAF7; - background-color: rgba(123, 170, 247, 0.3); + border: 1px solid #8AB4F8; + background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.54); } label:disabled { @@ -152,9 +152,8 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +.dim-label { + color: rgba(0, 0, 0, 0.54); } assistant .sidebar { @@ -205,26 +204,31 @@ entry { padding: 0 8px; border-radius: 4px 4px 0 0; caret-color: currentColor; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -284,9 +288,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #EA4335; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -298,16 +302,16 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FBBC05; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -319,7 +323,7 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -327,13 +331,13 @@ entry.warning:disabled { spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #4285F4; + border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; @@ -345,6 +349,10 @@ spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > e box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; @@ -352,7 +360,7 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #EA4335; @@ -383,7 +391,7 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FBBC05; @@ -431,7 +439,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -460,12 +468,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } @@ -476,10 +484,11 @@ button { padding: 6px 10px; border-radius: 4px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -487,19 +496,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.87); +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: rgba(0, 0, 0, 0.87); } @@ -511,87 +524,149 @@ button:disabled { button:checked { - background-color: #4285F4; + background-color: #1A73E8; color: white; } button:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar button, popover.background.menu button, +popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar button:focus, popover.background.menu button:focus, +popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .xfce4-panel.background button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar button:hover, +.path-bar button:drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar button:active, popover.background.menu button:active, +popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar button:checked, popover.background.menu button:checked, +popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -600,8 +675,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 6px; border-radius: 4px; - -gtk-outline-radius: 4px; } @@ -614,61 +690,81 @@ button.text-button.image-button label:last-child { margin-right: 10px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, +toolbar .linked.vertical > button:not(:only-child).image-button, +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > +button.flat:not(:only-child).image-button, .linked.vertical > -button.flat.text-button.image-button { +button.flat:not(:only-child).image-button { + border-radius: 9999px; +} + +toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, +toolbar .linked.vertical > button:not(:only-child).text-button.image-button, +.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > +button.flat:not(:only-child).text-button.image-button, +.linked.vertical > +button.flat:not(:only-child).text-button.image-button { border-radius: 4px; - -gtk-outline-radius: 4px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -689,7 +785,7 @@ button.osd:disabled { button.suggested-action { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -702,13 +798,13 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #7baaf7; + background-color: #5f9def; } button.suggested-action.flat { background-color: transparent; - color: #4285F4; + color: #1A73E8; } @@ -720,7 +816,7 @@ button.suggested-action.flat:disabled { button.suggested-action.flat:checked { - background-color: rgba(66, 133, 244, 0.3); + background-color: rgba(26, 115, 232, 0.3); } @@ -759,35 +855,16 @@ button.destructive-action.flat:checked { background-color: rgba(234, 67, 53, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 4px; - padding-right: 4px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -804,15 +881,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -820,82 +893,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; -} - -.linked > button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.linked > button:only-child { - border-radius: 4px; +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.linked.vertical > button:first-child { +.linked:not(.vertical) > button.image-button:first-child { border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.linked.vertical > button:last-child { border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.linked.vertical > button:only-child { - border-radius: 4px; -} - -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 4px 0 0 0; } -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 4px 0 0; +.linked:not(.vertical) > button.image-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked:not(.vertical) > button.image-button:only-child { + border-radius: 9999px; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; +.linked.vertical > button.image-button:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:only-child { + border-radius: 9999px; } /* menu buttons */ @@ -904,7 +962,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 4px; - color: inherit; + color: rgba(0, 0, 0, 0.87); } modelbutton.flat arrow.left { @@ -924,22 +982,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, button:link:hover, button:link:active, -button:visited, -button:visited:hover, -button:visited:active { - color: #4285F4; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #1A73E8; } -*:link:visited, -button:visited, -button:visited:hover, -button:visited:active { - color: #E040FB; +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { + color: #9C27B0; } -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -963,6 +1016,11 @@ spinbutton:not(.vertical) button { border: solid 6px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -3px; } @@ -975,10 +1033,6 @@ spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 36px; min-width: 48px; @@ -991,6 +1045,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } @@ -1019,8 +1078,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1032,49 +1090,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: -2px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 32px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } -button.combo { +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 9999px; +} + +button.combo:only-child { border-radius: 4px 4px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } -button.combo:hover { - background-image: image(alpha(currentColor, 0.08)); +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +button.combo:only-child:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -1093,7 +1173,7 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); @@ -1108,6 +1188,12 @@ toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1170,283 +1256,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 48px; - padding: 0 6px; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 4px 4px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(0, 0, 0, 0.38); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #D6D6D6; color: rgba(0, 0, 0, 0.54); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(0, 0, 0, 0.26); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) entry, -headerbar entry { +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.54); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(0, 0, 0, 0.38); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.titlebar entry { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } -.titlebar:not(headerbar) entry:disabled, -headerbar entry:disabled { +.titlebar entry:disabled { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) entry image, -headerbar entry image { +.titlebar entry image { color: rgba(0, 0, 0, 0.54); } -.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active, -headerbar entry image:hover, -headerbar entry image:active { +.titlebar entry image:hover, .titlebar entry image:active { color: rgba(0, 0, 0, 0.87); } -.titlebar:not(headerbar) entry image:disabled, -headerbar entry image:disabled { +.titlebar entry image:disabled { color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { +.titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; +.titlebar button:not(.suggested-action):not(.destructive-action) { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(0, 0, 0, 0.54); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { color: rgba(0, 0, 0, 0.87); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(0, 0, 0, 0.26); } -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; color: rgba(0, 0, 0, 0.87); } -.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(0, 0, 0, 0.38); -} - -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; + color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(0, 0, 0, 0.38); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(0, 0, 0, 0.54); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(0, 0, 0, 0.26); } -.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(0, 0, 0, 0.54); } -.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(0, 0, 0, 0.26); } -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #4285F4; + background-color: #1A73E8; color: white; } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { +.titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link { +.titlebar.selection-mode .subtitle:link { color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #1A73E8; +} + +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.titlebar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } +headerbar { + min-height: 48px; + padding: 0 6px; +} + headerbar entry, headerbar spinbutton, headerbar button { @@ -1475,87 +1536,6 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -headerbar.titlebar headerbar:not(.titlebar) { - background-color: transparent; - box-shadow: none; -} - -.background .titlebar { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 4px; -} - -window headerbar:last-child { - border-top-right-radius: 4px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #E0E0E0; - background-image: image(rgba(0, 0, 0, 0.12)); -} - /************ * Pathbars * ************/ @@ -1563,16 +1543,34 @@ window.csd > .titlebar:not(headerbar) { .path-bar button { padding-left: 6px; padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 4px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { - margin-left: 4px; + margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { - margin-right: 4px; + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar button.text-button { + min-width: 0; } .caja-pathbar button.slider-button, @@ -1581,23 +1579,6 @@ window.csd > .titlebar:not(headerbar) { padding-right: 4px; } -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { - background-color: transparent; -} - /************** * Tree Views * **************/ @@ -1617,7 +1598,7 @@ treeview.view { treeview.view:selected { background-color: #FFFFFF; - background-image: image(rgba(66, 133, 244, 0.32)); + background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, treeview.view:selected { @@ -1631,8 +1612,8 @@ treeview.view.separator { treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #4285F4; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1666,7 +1647,7 @@ treeview.view.expander:disabled { } treeview.view.progressbar { - border-bottom: 4px solid #4285F4; + border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; @@ -1696,14 +1677,10 @@ treeview.view header button { background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(0, 0, 0, 0.54); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } @@ -1722,11 +1699,11 @@ treeview.view header.button.dnd { box-shadow: none; background-color: #FFFFFF; background-clip: border-box; - color: #4285F4; + color: #1A73E8; } treeview.view acceleditor > label { - background-color: #4285F4; + background-color: #1A73E8; } /********* @@ -1740,9 +1717,20 @@ menubar, color: rgba(0, 0, 0, 0.87); } +menubar:backdrop, +.menubar:backdrop { + background-color: #D6D6D6; + color: rgba(0, 0, 0, 0.54); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(0, 0, 0, 0.54); @@ -1751,7 +1739,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } @@ -1789,10 +1777,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } @@ -1801,7 +1790,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1871,7 +1860,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: rgba(0, 0, 0, 0.87); } @@ -1897,27 +1886,11 @@ menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } -.popup:not(.csd) menu menuitem { - color: #212121; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #E0E0E0; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #9E9E9E; -} - -.popup:not(.csd) menu accelerator { - color: #757575; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; @@ -1980,8 +1953,7 @@ notebook.frame > header { } notebook:focus tab:checked { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12); - outline: none; + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { @@ -2004,7 +1976,7 @@ notebook > header.top > tabs > tab { } notebook > header.top > tabs > tab:checked { - border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { @@ -2024,7 +1996,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.bottom > tabs > tab:checked { - border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { @@ -2044,7 +2016,7 @@ notebook > header.left > tabs > tab { } notebook > header.left > tabs > tab:checked { - border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { @@ -2064,7 +2036,7 @@ notebook > header.right > tabs > tab { } notebook > header.right > tabs > tab:checked { - border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { @@ -2124,14 +2096,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 6px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2140,7 +2112,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } @@ -2150,9 +2122,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: rgba(0, 0, 0, 0.87); @@ -2167,6 +2139,12 @@ notebook > header tab:checked.reorderable-page { background-color: #FFFFFF; } +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; @@ -2219,7 +2197,7 @@ notebook > stack:not(:only-child) { * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } @@ -2246,7 +2224,7 @@ scrollbar.right { } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2268,7 +2246,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2281,6 +2258,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2363,7 +2344,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; @@ -2374,7 +2355,7 @@ switch { } switch:checked { - background-color: rgba(66, 133, 244, 0.5); + background-color: rgba(26, 115, 232, 0.5); } switch:disabled { @@ -2387,7 +2368,7 @@ switch image { } switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; @@ -2397,12 +2378,12 @@ switch slider { background-color: #FFFFFF; } -switch:hover slider { +switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } switch:focus:hover slider { @@ -2410,8 +2391,8 @@ switch:focus:hover slider { } switch:checked slider { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } /************************* @@ -2468,25 +2449,10 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #4285F4; + color: #1A73E8; } check:checked:disabled, check:indeterminate:disabled, @@ -2495,10 +2461,10 @@ radio:indeterminate:disabled { color: rgba(0, 0, 0, 0.26); } -popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat -radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2582,12 +2548,12 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } @@ -2600,7 +2566,6 @@ menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; - -gtk-outline-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } @@ -2663,7 +2628,7 @@ treeview.view radio:disabled { treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #4285F4; + color: #1A73E8; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, @@ -2716,7 +2681,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } @@ -2726,16 +2691,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #4285F4; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#1A73E8); } scale highlight:disabled { - background-color: transparent; + background-color: #F2F2F2; + background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } @@ -2744,87 +2710,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #1A73E8; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } -scale slider:hover { - background-color: rgba(66, 133, 244, 0.08); +scale slider:focus { + background-color: alpha(currentColor, 0.08); } -scale slider:focus { - background-color: rgba(66, 133, 244, 0.12); +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(66, 133, 244, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + 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-color: alpha(currentColor, 0.08); + 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-size: auto, 0% 0%; - background-color: rgba(66, 133, 244, 0.08); - color: rgba(66, 133, 244, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(0, 0, 0, 0.54); } -scale marks { - color: rgba(0, 0, 0, 0.26); +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2840,35 +2807,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-before:not(.marks-after) 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-after:not(.marks-before) 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-before:not(.marks-after) 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-after:not(.marks-before) 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%); } scale.color { @@ -2926,7 +2909,7 @@ progressbar trough { } progressbar progress { - background-color: #4285F4; + background-color: #1A73E8; } progressbar trough.empty progress { @@ -2965,7 +2948,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #4285F4; + background-color: #1A73E8; } levelbar block.full { @@ -3011,6 +2994,12 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { @@ -3018,7 +3007,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3027,7 +3016,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3036,7 +3025,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3045,7 +3034,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3112,7 +3101,8 @@ separator { button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3131,29 +3121,36 @@ list row { } row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } row:selected { - color: #4285F4; + color: #1A73E8; } row:selected image, @@ -3187,7 +3184,7 @@ row:selected:disabled label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3230,6 +3227,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } @@ -3258,6 +3256,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } @@ -3266,24 +3265,20 @@ messagedialog.csd.background { border-bottom-right-radius: 4px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -6px; padding: 6px; } -messagedialog.csd .dialog-action-area button { - border-radius: 4px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 6px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { - color: #4285F4; +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #1A73E8; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #EA4335; } @@ -3296,10 +3291,6 @@ filechooser #pathbarbox { background-color: #F2F2F2; } -filechooserbutton:drop(active) { - box-shadow: none; -} - /*********** * Sidebar * ***********/ @@ -3326,13 +3317,30 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #FAFAFA; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 4px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; } -stacksidebar row > label { +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; } separator.sidebar { @@ -3346,67 +3354,61 @@ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } -placessidebar > viewport.frame { +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); font-weight: 500; } -placessidebar row:disabled { +placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } -placessidebar row image.sidebar-icon:dir(ltr) { +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } -placessidebar row image.sidebar-icon:dir(rtl) { +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } -placessidebar row label.sidebar-label:dir(ltr) { +placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } -placessidebar row label.sidebar-label:dir(rtl) { +placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected label.sidebar-label { color: inherit; } -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#4285F4); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #4285F4; +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #4285F4; +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #1A73E8; } placesview .server-list-button > image { @@ -3488,31 +3490,35 @@ infobar { border-style: none; } -infobar.info { - background-color: #34A853; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +infobar.info button.text-button, infobar.question button.text-button { + padding-left: 8px; + padding-right: 8px; } -infobar.question { - background-color: #4285F4; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #1A73E8; } infobar.warning { background-color: #FBBC05; + color: rgba(0, 0, 0, 0.87); } -infobar.error { - background-color: #EA4335; +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { +infobar.error { + background-color: #EA4335; color: white; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited { +infobar.error *:link, infobar.error button.link:link { color: white; } @@ -3590,20 +3596,8 @@ colorswatch.light { color: rgba(0, 0, 0, 0.87); } -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3611,9 +3605,13 @@ colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +colorswatch overlay:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + colorswatch#add-color-button { border-radius: 4px 4px 0 0; - color: white; + color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { @@ -3621,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%); + background-color: #FFFFFF; } colorswatch:disabled { @@ -3641,7 +3639,7 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; @@ -3662,7 +3660,7 @@ colorchooser .popover.osd:backdrop { * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; @@ -3713,9 +3711,8 @@ messagedialog.csd decoration { .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(66, 133, 244, 0.32); +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(26, 115, 232, 0.24); } .monospace { @@ -3726,7 +3723,7 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - color: #4285F4; + color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -3763,9 +3760,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4; - caret-color: #4285F4; + caret-color: #1A73E8; } stackswitcher button.text-button { @@ -3802,33 +3797,15 @@ popover.emoji-picker scrolledwindow { } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 36px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #4285F4; - background-color: transparent; -} - -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); + color: #1A73E8; } -button.emoji-section:first-child { - margin-left: 4px; -} - -button.emoji-section:last-child { - margin-right: 4px; +button.emoji-section:not(:last-child) { + margin-right: 0; } popover.emoji-picker .emoji { @@ -3838,7 +3815,7 @@ popover.emoji-picker .emoji { } popover.emoji-picker .emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } @@ -3873,8 +3850,7 @@ popover.emoji-completion .emoji:hover { background-color: #FFFFFF; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.54); } @@ -3884,22 +3860,22 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .path-bar-box { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 4px; } @@ -3925,20 +3901,24 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- margin-right: 0; } -.path-bar-box .nautilus-path-bar button { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 6px; padding-right: 6px; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } -.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } @@ -3975,8 +3955,8 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- } .disk-space-display.used { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } .disk-space-display.free { @@ -4131,7 +4111,8 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: color: rgba(255, 255, 255, 0.7); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { color: white; } @@ -4243,7 +4224,7 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: #FFFFFF; } @@ -4308,7 +4289,8 @@ popover.omnibar list row:not(:last-child) { } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } @@ -4384,16 +4366,15 @@ docktabstrip { } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4407,10 +4388,10 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #4285F4; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } @@ -4424,20 +4405,12 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #4285F4; -} - -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #4285F4; + box-shadow: inset 2px 0 #1A73E8; } pillbox { @@ -4446,13 +4419,15 @@ pillbox { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4514,13 +4489,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4532,24 +4506,16 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #1A73E8; } ideeditorsidebar notebook header { @@ -4575,7 +4541,7 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #4285F4; + background-color: #1A73E8; color: white; font-weight: bold; } @@ -4590,12 +4556,12 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { @@ -4604,7 +4570,7 @@ button.photos-filter-preview { } button.photos-filter-preview:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -4639,15 +4605,15 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:hover { - background-image: image(rgba(240, 240, 240, 0.9935)); + background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { - background-image: image(#4285F4); + background-image: image(#1A73E8); } .side-panel .view:selected:hover { - background-image: image(#4b8bf5); + background-image: image(#2c7eea); } .songs-list:hover { @@ -4671,11 +4637,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4687,8 +4664,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4696,9 +4672,8 @@ task-list-view > box > revealer > box > button { margin: -6px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4709,8 +4684,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4718,9 +4692,8 @@ tasklistview > box > revealer > box > button { margin: -6px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4730,10 +4703,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 4px; -} - /************* * Evolution * *************/ @@ -4794,10 +4763,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4888,12 +4853,13 @@ window.background.chromium > button { background-size: auto; } -window.background.chromium > button:hover { +window.background.chromium > button:hover, +window.background.chromium > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background.chromium headerbar button:active { @@ -4901,7 +4867,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #4285F4; + color: #1A73E8; } window.background.chromium textview { @@ -4941,8 +4907,8 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #4285F4; - box-shadow: inset 0 0 0 1px #4285F4; + border-color: #1A73E8; + box-shadow: inset 0 0 0 1px #1A73E8; } window.background:not(.csd) > widget > entry:disabled { @@ -4954,12 +4920,13 @@ window.background:not(.csd) > widget > button > button { background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { +window.background:not(.csd) > widget > button > button:hover, +window.background:not(.csd) > widget > button > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), @@ -4984,7 +4951,7 @@ window.background:not(.csd) > menu > menu { } text:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -5035,7 +5002,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 4px; - -gtk-outline-radius: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -5051,7 +5017,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } #CanvasTable button { @@ -5108,7 +5073,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #4285F4; + -UnityDecoration-glow-color: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -5124,6 +5089,7 @@ UnityDecoration .top { } UnityDecoration .top:backdrop { + background-color: #D6D6D6; color: rgba(0, 0, 0, 0.54); } @@ -5132,7 +5098,7 @@ UnityDecoration .menuitem { } UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; color: rgba(0, 0, 0, 0.87); } @@ -5148,7 +5114,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #CBCBCB; + background-color: #CCCCCC; color: rgba(0, 0, 0, 0.87); } @@ -5164,7 +5130,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; color: rgba(0, 0, 0, 0.87); } @@ -5172,7 +5138,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #4285F4; + color: #1A73E8; } /************** @@ -5185,11 +5151,8 @@ UnityPanelWidget:backdrop, .mate-panel-menu-bar { background-color: rgba(0, 0, 0, 0.6); - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5199,10 +5162,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5233,7 +5192,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5290,19 +5248,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7BAAF7; + color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5317,12 +5275,31 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } @@ -5344,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #F2F2F2; + background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { @@ -5352,16 +5329,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; } #mate-menu button { @@ -5372,12 +5350,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5385,10 +5368,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 6px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #1A73E8; +} + +.brisk-menu .session-button { + padding: 12px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: rgba(0, 0, 0, 0.87); + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5420,6 +5465,35 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 4px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + color: rgba(0, 0, 0, 0.87); +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; @@ -5432,7 +5506,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { @@ -5496,8 +5570,10 @@ na-tray-applet { /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 5px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } .lock-dialog frame > border { @@ -5518,7 +5594,7 @@ MsdOsdWindow.background.osd .trough { MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #4285F4; + background-color: #1A73E8; } /****************** @@ -5534,7 +5610,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; - -gtk-outline-radius: 4px; } .budgie-popover { @@ -5562,7 +5637,7 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } @@ -5710,11 +5785,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5737,7 +5812,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.7); font-weight: 500; @@ -5754,10 +5829,6 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5786,7 +5857,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5806,7 +5878,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5880,12 +5953,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5971,6 +6044,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(0, 0, 0, 0.54); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5989,6 +6066,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6031,13 +6109,12 @@ calendar.raven-calendar:selected { font-size: 120%; padding: 6px 14px; border-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: rgba(0, 0, 0, 0.87); } .budgie-run-dialog scrolledwindow { @@ -6068,10 +6145,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6085,15 +6158,15 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } XfdesktopIconView.view { @@ -6246,7 +6319,7 @@ XfdesktopIconView.view .rubberband { .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #4285F4; + -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -6270,7 +6343,7 @@ text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ -@define-color theme_selected_bg_color #4285F4; +@define-color theme_selected_bg_color #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; @@ -6297,7 +6370,7 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4285F4; +@define-color theme_unfocused_selected_bg_color #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; @@ -6322,6 +6395,7 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_unfocused_title rgba(0, 0, 0, 0.54); @define-color wm_highlight rgba(255, 255, 255, 0.4); @define-color wm_bg #E0E0E0; +@define-color wm_unfocused_bg #D6D6D6; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index beec1fb50..35ba4a32a 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -4,18 +4,18 @@ } } -@keyframes ripple-slider { +@keyframes ripple-on-slider { to { background-size: auto, 1000% 1000%; } } -@keyframes ripple-headerbar { +@keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 100%, transparent 0%); } } @@ -34,11 +34,11 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 4px; - -gtk-secondary-caret-color: #4285F4; + -gtk-secondary-caret-color: #1A73E8; } *:focus { - outline-color: alpha(currentColor, 0.24); + outline-color: alpha(currentColor, 0.12); } /*************** @@ -80,7 +80,7 @@ } .gtkstyle-fallback:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -94,7 +94,7 @@ } .view:selected:hover { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08); + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08); } .view:disabled { @@ -121,8 +121,8 @@ treeview.view rubberband, .content-view rubberband, .content-view .rubberband, XfdesktopIconView.view .rubberband { - border: 1px solid #7BAAF7; - background-color: rgba(123, 170, 247, 0.3); + border: 1px solid #8AB4F8; + background-color: rgba(138, 180, 248, 0.3); } flowbox flowboxchild { @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.54); } label:disabled { @@ -152,9 +152,8 @@ button label:disabled { color: inherit; } -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { - opacity: 0.6; +.dim-label { + color: rgba(0, 0, 0, 0.54); } assistant .sidebar { @@ -205,26 +204,31 @@ entry { padding: 0 8px; border-radius: 4px 4px 0 0; caret-color: currentColor; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton:focus:not(.vertical), entry:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +spinbutton:drop(active):not(.vertical), +entry:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } spinbutton:disabled:not(.vertical), entry:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } -spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, +spinbutton.flat:not(.vertical), entry.flat { min-height: 0; padding: 2px; @@ -284,9 +288,9 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #EA4335; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -298,16 +302,16 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } spinbutton.warning:not(.vertical), entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FBBC05; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } @@ -319,7 +323,7 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -327,13 +331,13 @@ entry.warning:disabled { spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #4285F4; + border-bottom: 2px solid #1A73E8; background-color: transparent; } spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; @@ -345,6 +349,10 @@ spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > e box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FAFAFA; @@ -352,7 +360,7 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) } spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #EA4335; @@ -383,7 +391,7 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FBBC05; @@ -431,7 +439,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); } :dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag { @@ -460,12 +468,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f /*********** * Buttons * ***********/ -@keyframes needs_attention { +@keyframes needs-attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1A73E8), to(transparent)); } } @@ -476,10 +484,11 @@ button { padding: 6px 10px; border-radius: 4px; font-weight: 500; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: #FFFFFF; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; @@ -487,19 +496,23 @@ button { } -button:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.87); +button:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + + +button:hover, +button:drop(active) { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } button:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: rgba(0, 0, 0, 0.87); } @@ -511,87 +524,149 @@ button:disabled { button:checked { - background-color: #4285F4; + background-color: #1A73E8; color: white; } button:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); + background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } modelbutton.flat, -.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button, -popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, +radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar button, popover.background.menu button, +popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, button.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.54); } +modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar button:focus, popover.background.menu button:focus, +popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +button.flat:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: rgba(0, 0, 0, 0.87); +} + modelbutton.flat:hover, -.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover, -popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover, -radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .xfce4-panel.background button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action), -headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover, -button.flat:hover { +.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, +spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, +spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, +scrollbar button:drop(active), check:hover, +radio:hover, calendar.button:hover, button.sidebar-button:hover, +button.sidebar-button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +.gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, +popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, +#MatePanelPopupWindow button:drop(active), #mate-menu button:hover, +#mate-menu button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +.budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, +.drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, +.caja-pathbar button:drop(active), +.path-bar button:hover, +.path-bar button:drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), layouttabbar button:hover, +layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, +.raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), toolbar button:hover, +toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, +.app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, +messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +.nemo-window .toolbar button:drop(active), +button.flat:hover, +toolbar button:drop(active), +.titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), +.app-notification button:drop(active), +messagedialog.csd .dialog-action-box button:drop(active), +filechooser #pathbarbox > stack > box > button:drop(active), +.nemo-window .toolbar button:drop(active), +button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } modelbutton.flat:active, -.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active, -popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action), -headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, +radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar button:active, popover.background.menu button:active, +popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, button.flat:active { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; color: rgba(0, 0, 0, 0.87); } modelbutton.flat:disabled, -.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; color: rgba(0, 0, 0, 0.26); } -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), -headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, +.path-bar button:checked, popover.background.menu button:checked, +popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, button.flat:checked { - background-color: alpha(currentColor, 0.24); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } -:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), -headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, +.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); } button.text-button { + min-width: 32px; padding-left: 16px; padding-right: 16px; } +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +button.text-button.flat { + min-width: 48px; + padding-left: 8px; + padding-right: 8px; +} + button.image-button { min-width: 24px; @@ -600,8 +675,9 @@ button.image-button { button.text-button.image-button { + min-width: 24px; + padding: 6px; border-radius: 4px; - -gtk-outline-radius: 4px; } @@ -614,61 +690,81 @@ button.text-button.image-button label:last-child { margin-right: 10px; } +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +button.text-button.image-button.flat label:first-child { + margin-left: 6px; +} + +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +button.text-button.image-button.flat label:last-child { + margin-right: 6px; +} + button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button, -toolbar .linked.vertical > button, -.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button, -filechooser #pathbarbox > stack > box.linked.vertical > button, -.nemo-window .toolbar .linked.vertical > button, .linked > -button.flat, +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked.vertical > button:not(:only-child), +.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +.nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > +button.flat:not(:only-child), .linked.vertical > -button.flat { +button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button, -toolbar .linked.vertical > button.text-button.image-button, -.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), -.app-notification .linked.vertical > button.text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button, -.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked > -button.flat.text-button.image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, +toolbar .linked.vertical > button:not(:only-child).image-button, +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > +button.flat:not(:only-child).image-button, +.linked.vertical > +button.flat:not(:only-child).image-button { + border-radius: 9999px; +} + +toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, +toolbar .linked.vertical > button:not(:only-child).text-button.image-button, +.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, +.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > +button.flat:not(:only-child).text-button.image-button, .linked.vertical > -button.flat.text-button.image-button { +button.flat:not(:only-child).text-button.image-button { border-radius: 4px; - -gtk-outline-radius: 4px; } -infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { +infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active { +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, +.mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, +.budgie-panel button:drop(active), .raven-mpris button.image-button:hover, +.raven-mpris button.image-button:drop(active), .xfce4-panel.background button:hover, +.xfce4-panel.background button:drop(active), infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { color: white; } -infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { +infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled { color: rgba(255, 255, 255, 0.3); } -infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.3); - color: white; -} - -infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); +infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled { color: rgba(255, 255, 255, 0.5); } @@ -689,7 +785,7 @@ button.osd:disabled { button.suggested-action { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -702,13 +798,13 @@ button.suggested-action:disabled { button.suggested-action:checked { - background-color: #7baaf7; + background-color: #5f9def; } button.suggested-action.flat { background-color: transparent; - color: #4285F4; + color: #1A73E8; } @@ -720,7 +816,7 @@ button.suggested-action.flat:disabled { button.suggested-action.flat:checked { - background-color: rgba(66, 133, 244, 0.3); + background-color: rgba(26, 115, 232, 0.3); } @@ -759,35 +855,16 @@ button.destructive-action.flat:checked { background-color: rgba(234, 67, 53, 0.3); } -.stack-switcher > -button { - outline-offset: -4px; -} - .stack-switcher > button > label { - padding-left: 6px; - padding-right: 6px; + margin: 0 -6px; + padding: 0 6px; } .stack-switcher > button > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; -} - -.stack-switcher > -button.text-button { - padding-left: 10px; - padding-right: 10px; -} - -.stack-switcher > -button.image-button { - padding-left: 4px; - padding-right: 4px; + margin: -3px -6px; + padding: 3px 6px; } .stack-switcher > @@ -804,15 +881,11 @@ button { } -button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action), -headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button, -headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button, -.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check, -radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button, +button.image-button, .inline-toolbar button:not(.text-button), check, +radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked:not(.vertical) > button.disclosure-button:not(.suggested-action):not(.destructive-action):not(:only-child), .nautilus-window headerbar revealer > button, .raven .expander-button, button.close, button.circular { border-radius: 9999px; - -gtk-outline-radius: 9999px; } spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -820,82 +893,67 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side min-width: 24px; padding: 0; border-radius: 9999px; - -gtk-outline-radius: 9999px; } .stack-switcher > button.needs-attention > label, -.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards; background-repeat: no-repeat; background-position: right 3px; background-size: 6px 6px; } .stack-switcher > button.needs-attention > label:dir(rtl), -.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { background-position: left 3px; } -.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; -} - -.linked > button:first-child { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.linked > button:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.linked > button:only-child { - border-radius: 4px; +.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { - border-radius: 0; - -gtk-outline-radius: 4px; +.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.linked.vertical > button:first-child { +.linked:not(.vertical) > button.image-button:first-child { border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.linked.vertical > button:last-child { border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.linked.vertical > button:only-child { - border-radius: 4px; } -.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-radius: 4px 0 0 0; -} - -.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-radius: 0 4px 0 0; +.linked:not(.vertical) > button.image-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked:not(.vertical) > button.image-button:only-child { + border-radius: 9999px; } -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-radius: 0; +.linked.vertical > button.image-button:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 4px 4px 0 0; +.linked.vertical > button.image-button:only-child { + border-radius: 9999px; } /* menu buttons */ @@ -904,7 +962,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 4px; - color: inherit; + color: rgba(0, 0, 0, 0.87); } modelbutton.flat arrow.left { @@ -924,22 +982,17 @@ button.color { /********* * Links * *********/ -*:link, button:link, button:link:hover, button:link:active, -button:visited, -button:visited:hover, -button:visited:active { - color: #4285F4; +*:link, button.link:link, button.link:link:focus, button.link:link:hover, +button.link:link:drop(active), button.link:link:active { + color: #1A73E8; } -*:link:visited, -button:visited, -button:visited:hover, -button:visited:active { - color: #E040FB; +*:visited, button.link:visited, button.link:visited:focus, button.link:visited:hover, +button.link:visited:drop(active), button.link:visited:active { + color: #9C27B0; } -button:link > label, -button:visited > label { +button.link > label { text-decoration-line: underline; } @@ -963,6 +1016,11 @@ spinbutton:not(.vertical) button { border: solid 6px transparent; } +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { margin-left: -3px; } @@ -975,10 +1033,6 @@ spinbutton.vertical:disabled { color: rgba(0, 0, 0, 0.38); } -spinbutton.vertical:drop(active) { - box-shadow: none; -} - spinbutton.vertical entry { min-height: 36px; min-width: 48px; @@ -991,6 +1045,11 @@ spinbutton.vertical button { padding: 0; } +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(0, 0, 0, 0.54); +} + spinbutton.vertical button.up { border-radius: 4px 4px 0 0; } @@ -1019,8 +1078,7 @@ combobox arrow { min-width: 16px; } -combobox decoration, -combobox button.combo:checked { +combobox decoration { transition: none; } @@ -1032,49 +1090,71 @@ combobox button.combo cellview:dir(rtl) { margin-right: -2px; } -combobox #gtk-combobox-popup-menu { +combobox menu { padding: 2px 0; } -combobox #gtk-combobox-popup-menu menuitem { +combobox menu menuitem { min-height: 32px; padding: 0 8px; } -combobox #gtk-combobox-popup-menu > arrow.top { +combobox menu > arrow.top { margin-top: -2px; } -combobox #gtk-combobox-popup-menu > arrow.bottom { +combobox menu > arrow.bottom { margin-top: 4px; margin-bottom: -6px; } -combobox:drop(active) { - box-shadow: none; +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 6px; + padding: 4px; + border-radius: 9999px; } -button.combo { +button.combo:only-child { border-radius: 4px 4px 0 0; - background-image: none; - font-weight: inherit; - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + font-weight: normal; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } -button.combo:hover { - background-image: image(alpha(currentColor, 0.08)); +button.combo:only-child:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; +button.combo:only-child:hover, +button.combo:only-child:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26); } -button.combo:disabled { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +button.combo:only-child:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.38); } @@ -1093,7 +1173,7 @@ toolbar { } toolbar.osd, .app-notification, frame.documents-dropdown { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); @@ -1108,6 +1188,12 @@ toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar border-radius: 0; } +toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + toolbar.horizontal > separator { margin: 2px; } @@ -1170,283 +1256,258 @@ searchbar > revealer > box { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), -headerbar { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 48px; - padding: 0 6px; +.titlebar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 4px 4px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); background-color: #383838; color: white; } -.titlebar:disabled:not(headerbar), -headerbar:disabled { +.titlebar:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:backdrop:not(headerbar), -headerbar:backdrop { +.titlebar:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } -.titlebar:backdrop:disabled:not(headerbar), -headerbar:backdrop:disabled { +.titlebar:backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) .title, -headerbar .title { +.titlebar .title { padding: 0 12px; font-weight: bold; } -.titlebar:not(headerbar) .subtitle, -headerbar .subtitle { +.titlebar .subtitle { padding: 0 12px; font-size: smaller; } -.titlebar:not(headerbar) entry, -headerbar entry { +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(255, 255, 255, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(255, 255, 255, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar headerbar + separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.titlebar entry { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.04); color: white; } -.titlebar:not(headerbar) entry:disabled, -headerbar entry:disabled { +.titlebar entry:disabled { box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) entry image, -headerbar entry image { +.titlebar entry image { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active, -headerbar entry image:hover, -headerbar entry image:active { +.titlebar entry image:hover, .titlebar entry image:active { color: white; } -.titlebar:not(headerbar) entry image:disabled, -headerbar entry image:disabled { +.titlebar entry image:disabled { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat), -headerbar .linked:not(.vertical) > entry:not(.flat) { +.titlebar .linked:not(.vertical) > entry:not(:only-child) { border-radius: 4px 4px 0 0; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar button:not(.suggested-action):not(.destructive-action) { +.titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, -headerbar button:not(.suggested-action):not(.destructive-action):hover, -headerbar button:not(.suggested-action):not(.destructive-action):active { +.titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):active { color: white; } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; + background-color: transparent; color: white; } -.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); -} - -.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):checked, -headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { +.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled { background-color: transparent; + color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.5); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { color: rgba(255, 255, 255, 0.7); } -.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, -headerbar button.suggested-action:disabled, -headerbar button.destructive-action:disabled { +.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { background-color: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar), -headerbar.selection-mode { - transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1); - animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); +.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 104px; +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 6px; + padding-right: 6px; +} + +.titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #4285F4; + background-color: #1A73E8; color: white; } -.selection-mode.titlebar:backdrop:not(headerbar), -headerbar.selection-mode:backdrop { +.titlebar.selection-mode:backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) .subtitle:link, -headerbar.selection-mode .subtitle:link { +.titlebar.selection-mode .subtitle:link { color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; color: white; } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { color: rgba(255, 255, 255, 0.5); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { color: rgba(255, 255, 255, 0.7); } -.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, -headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { color: rgba(255, 255, 255, 0.3); } -.selection-mode.titlebar:not(headerbar) .selection-menu, -headerbar.selection-mode .selection-menu { +.titlebar.selection-mode .selection-menu { padding-left: 16px; padding-right: 16px; } -.selection-mode.titlebar:not(headerbar) .selection-menu arrow, -headerbar.selection-mode .selection-menu arrow { +.titlebar.selection-mode .selection-menu arrow { -GtkArrow-arrow-scaling: 1; } -.selection-mode.titlebar:not(headerbar) .selection-menu .arrow, -headerbar.selection-mode .selection-menu .arrow { +.titlebar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -.tiled .titlebar:not(headerbar), -.tiled-top .titlebar:not(headerbar), -.tiled-right .titlebar:not(headerbar), -.tiled-bottom .titlebar:not(headerbar), -.tiled-left .titlebar:not(headerbar), -.maximized .titlebar:not(headerbar), -.fullscreen .titlebar:not(headerbar), .tiled -headerbar, -.tiled-top -headerbar, -.tiled-right -headerbar, -.tiled-bottom -headerbar, -.tiled-left -headerbar, -.maximized -headerbar, -.fullscreen -headerbar { +.titlebar .selection-mode { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); + background-color: #1A73E8; +} + +.tiled .titlebar, +.tiled-top .titlebar, +.tiled-right .titlebar, +.tiled-bottom .titlebar, +.tiled-left .titlebar, +.maximized .titlebar, +.fullscreen .titlebar { border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -.default-decoration.titlebar:not(headerbar), -headerbar.default-decoration { +.titlebar.default-decoration { min-height: 24px; padding: 6px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } -.tiled .default-decoration.titlebar:not(headerbar), -.maximized .default-decoration.titlebar:not(headerbar), -.fullscreen .default-decoration.titlebar:not(headerbar), .tiled -headerbar.default-decoration, -.maximized -headerbar.default-decoration, -.fullscreen -headerbar.default-decoration { +.tiled .titlebar.default-decoration, +.maximized .titlebar.default-decoration, +.fullscreen .titlebar.default-decoration { box-shadow: none; } -.default-decoration.titlebar:not(headerbar) button.titlebutton, -headerbar.default-decoration button.titlebutton { +.titlebar.default-decoration button.titlebutton { min-height: 24px; min-width: 24px; margin: 0; padding: 0; } -.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd) -headerbar.default-decoration button.titlebutton:active { +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { background-size: 1000% 1000%; } -.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd -headerbar:dir(rtl), .solid-csd -headerbar:dir(ltr) { +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } +headerbar { + min-height: 48px; + padding: 0 6px; +} + headerbar entry, headerbar spinbutton, headerbar button { @@ -1475,87 +1536,6 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta margin-bottom: 5px; } -headerbar.titlebar headerbar:not(.titlebar) { - background-color: transparent; - box-shadow: none; -} - -.background .titlebar { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -.background.tiled .titlebar, -.background.tiled-top .titlebar, -.background.tiled-right .titlebar, -.background.tiled-bottom .titlebar, -.background.tiled-left .titlebar, -.background.maximized .titlebar, -.background.solid-csd .titlebar { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window separator:first-child + headerbar, -window headerbar:first-child { - border-top-left-radius: 4px; -} - -window headerbar:last-child { - border-top-right-radius: 4px; -} - -window stack headerbar:first-child, window stack headerbar:last-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, -window.tiled-top headerbar, -window.tiled-top headerbar:first-child, -window.tiled-top headerbar:last-child, -window.tiled-top headerbar:only-child, -window.tiled-right headerbar, -window.tiled-right headerbar:first-child, -window.tiled-right headerbar:last-child, -window.tiled-right headerbar:only-child, -window.tiled-bottom headerbar, -window.tiled-bottom headerbar:first-child, -window.tiled-bottom headerbar:last-child, -window.tiled-bottom headerbar:only-child, -window.tiled-left headerbar, -window.tiled-left headerbar:first-child, -window.tiled-left headerbar:last-child, -window.tiled-left headerbar:only-child, -window.maximized headerbar, -window.maximized headerbar:first-child, -window.maximized headerbar:last-child, -window.maximized headerbar:only-child, -window.fullscreen headerbar, -window.fullscreen headerbar:first-child, -window.fullscreen headerbar:last-child, -window.fullscreen headerbar:only-child, -window.solid-csd headerbar, -window.solid-csd headerbar:first-child, -window.solid-csd headerbar:last-child, -window.solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.csd > .titlebar:not(headerbar) { - padding: 0; - background-color: transparent; - background-image: none; - border-style: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - background-color: #383838; - background-image: image(rgba(0, 0, 0, 0.12)); -} - /************ * Pathbars * ************/ @@ -1563,16 +1543,34 @@ window.csd > .titlebar:not(headerbar) { .path-bar button { padding-left: 6px; padding-right: 6px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; + border-radius: 4px; +} + +.caja-pathbar button:checked, +.path-bar button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.caja-pathbar button:checked, .caja-pathbar button:checked:disabled, +.path-bar button:checked, +.path-bar button:checked:disabled { + background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, .path-bar button label:not(:only-child):first-child { - margin-left: 4px; + margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, .path-bar button label:not(:only-child):last-child { - margin-right: 4px; + margin-right: 0; +} + +.caja-pathbar button.text-button, +.path-bar button.text-button { + min-width: 0; } .caja-pathbar button.slider-button, @@ -1581,23 +1579,6 @@ window.csd > .titlebar:not(headerbar) { padding-right: 4px; } -:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) -.path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; - border-radius: 4px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) -.path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; -} - -:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) -.path-bar button:checked, :not(headerbar) -.path-bar button:checked:disabled { - background-color: transparent; -} - /************** * Tree Views * **************/ @@ -1617,7 +1598,7 @@ treeview.view { treeview.view:selected { background-color: #FFFFFF; - background-image: image(rgba(66, 133, 244, 0.32)); + background-image: image(rgba(26, 115, 232, 0.24)); } treeview.view:hover, treeview.view:selected { @@ -1631,8 +1612,8 @@ treeview.view.separator { treeview.view:drop(active) { border-style: solid none; - border-width: 1px; - border-color: #4285F4; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); } treeview.view:drop(active).after { @@ -1666,7 +1647,7 @@ treeview.view.expander:disabled { } treeview.view.progressbar { - border-bottom: 4px solid #4285F4; + border-bottom: 4px solid #1A73E8; box-shadow: none; background-color: transparent; background-image: none; @@ -1696,14 +1677,10 @@ treeview.view header button { background-clip: border-box; } -treeview.view header button:not(:hover):not(:active) { +treeview.view header button:not(:focus):not(:hover):not(:active) { color: rgba(0, 0, 0, 0.54); } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - box-shadow: none; -} - treeview.view header button, treeview.view header button:disabled { background-color: #FFFFFF; } @@ -1722,11 +1699,11 @@ treeview.view header.button.dnd { box-shadow: none; background-color: #FFFFFF; background-clip: border-box; - color: #4285F4; + color: #1A73E8; } treeview.view acceleditor > label { - background-color: #4285F4; + background-color: #1A73E8; } /********* @@ -1740,9 +1717,20 @@ menubar, color: white; } +menubar:backdrop, +.menubar:backdrop { + background-color: #303030; + color: rgba(255, 255, 255, 0.7); +} + +.csd menubar, .csd +.menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + menubar > menuitem, .menubar > menuitem { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; color: rgba(255, 255, 255, 0.7); @@ -1751,7 +1739,7 @@ menubar > menuitem, menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } @@ -1789,10 +1777,11 @@ menu, menu menuitem, .menu menuitem, .context-menu menuitem { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; min-width: 40px; padding: 4px 8px; + color: rgba(0, 0, 0, 0.87); font: initial; text-shadow: none; } @@ -1801,7 +1790,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(0, 0, 0, 0.12); + background-color: alpha(currentColor, 0.08); } menu menuitem:disabled, @@ -1871,7 +1860,7 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(0, 0, 0, 0.12)); + background-image: image(alpha(currentColor, 0.08)); color: rgba(0, 0, 0, 0.87); } @@ -1897,27 +1886,11 @@ menuitem:disabled accelerator { color: rgba(0, 0, 0, 0.26); } -.popup:not(.csd) menu menuitem { - color: #212121; -} - -.popup:not(.csd) menu menuitem:hover { - background-color: #E0E0E0; -} - -.popup:not(.csd) menu menuitem:disabled { - color: #9E9E9E; -} - -.popup:not(.csd) menu accelerator { - color: #757575; -} - /************ * Popovers * ************/ popover.background { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-color: #FFFFFF; @@ -1980,8 +1953,7 @@ notebook.frame > header { } notebook:focus tab:checked { - box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12); - outline: none; + box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12); } notebook > header { @@ -2004,7 +1976,7 @@ notebook > header.top > tabs > tab { } notebook > header.top > tabs > tab:checked { - border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to top, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.top > tabs > tab.reorderable-page { @@ -2024,7 +1996,7 @@ notebook > header.bottom > tabs > tab { } notebook > header.bottom > tabs > tab:checked { - border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to bottom, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.bottom > tabs > tab.reorderable-page { @@ -2044,7 +2016,7 @@ notebook > header.left > tabs > tab { } notebook > header.left > tabs > tab:checked { - border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to left, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.left > tabs > tab.reorderable-page { @@ -2064,7 +2036,7 @@ notebook > header.right > tabs > tab { } notebook > header.right > tabs > tab:checked { - border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px); + border-image-source: linear-gradient(to right, #1A73E8 2px, rgba(0, 0, 0, 0.12) 2px); } notebook > header.right > tabs > tab.reorderable-page { @@ -2124,14 +2096,14 @@ notebook > header > tabs > arrow { } notebook > header tab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; padding: 6px 12px; - outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + outline: none; + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -2140,7 +2112,7 @@ notebook > header tab { font-weight: 500; } -notebook > header tab:hover { +notebook > header tab:hover, notebook > header tab > box:drop(active) { background-color: alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); } @@ -2150,9 +2122,9 @@ notebook > header tab:disabled { } notebook > header tab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; background-clip: padding-box; color: rgba(0, 0, 0, 0.87); @@ -2167,6 +2139,12 @@ notebook > header tab:checked.reorderable-page { background-color: #FFFFFF; } +notebook > header tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + notebook > header tab button.flat:last-child { margin-left: 6px; margin-right: -6px; @@ -2219,7 +2197,7 @@ notebook > stack:not(:only-child) { * Scrollbars * **************/ scrollbar { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; background-clip: padding-box; } @@ -2246,7 +2224,7 @@ scrollbar.right { } scrollbar slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 8px; min-height: 8px; border: 4px solid transparent; @@ -2268,7 +2246,6 @@ scrollbar slider:disabled { } scrollbar.fine-tune slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0; min-width: 4px; min-height: 4px; } @@ -2281,6 +2258,10 @@ scrollbar.fine-tune.vertical slider { margin: 0 2px; } +scrollbar.overlay-indicator:not(.fine-tune) slider { + transition-property: background-color, min-height, min-width; +} + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; background-color: transparent; @@ -2363,7 +2344,7 @@ scrollbar.horizontal button.up { * Switch * **********/ switch { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; padding: 0 2px; border: 5px solid transparent; @@ -2374,7 +2355,7 @@ switch { } switch:checked { - background-color: rgba(66, 133, 244, 0.5); + background-color: rgba(26, 115, 232, 0.5); } switch:disabled { @@ -2387,7 +2368,7 @@ switch image { } switch slider { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 20px; min-height: 20px; margin: -3px -2px; @@ -2397,12 +2378,12 @@ switch slider { background-color: #FFFFFF; } -switch:hover slider { +switch:focus slider { box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +switch:hover slider { + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } switch:focus:hover slider { @@ -2410,8 +2391,8 @@ switch:focus:hover slider { } switch:checked slider { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } /************************* @@ -2468,25 +2449,10 @@ radio { padding: 8px; } -check:hover, -radio:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); -} - -check:focus, -radio:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); -} - -check:focus:hover, -radio:focus:hover { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16); -} - check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #4285F4; + color: #1A73E8; } check:checked:disabled, check:indeterminate:disabled, @@ -2495,10 +2461,10 @@ radio:indeterminate:disabled { color: rgba(0, 0, 0, 0.26); } -popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat -radio:hover, popover modelbutton.flat radio:focus, popover modelbutton.flat +radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2582,12 +2548,12 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1A73E8), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1A73E8), to(transparent)); } @@ -2600,7 +2566,6 @@ menu menuitem check { min-height: 16px; min-width: 16px; border-radius: 4px; - -gtk-outline-radius: 4px; -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } @@ -2663,7 +2628,7 @@ treeview.view radio:disabled { treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #4285F4; + color: #1A73E8; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, @@ -2716,7 +2681,7 @@ scale.fine-tune slider { } scale trough { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; background-color: rgba(0, 0, 0, 0.26); } @@ -2726,16 +2691,17 @@ scale trough:disabled { } scale highlight { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); - background-color: #4285F4; + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#1A73E8); } scale highlight:disabled { - background-color: transparent; + background-color: #F2F2F2; + background-image: image(rgba(0, 0, 0, 0.26)); } scale fill { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(0, 0, 0, 0.26); } @@ -2744,87 +2710,88 @@ scale fill:disabled { } scale slider { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); background-repeat: no-repeat; background-position: center; background-size: auto, 1000% 1000%; border-radius: 50%; - color: transparent; + color: #1A73E8; } scale slider { - background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } scale slider:disabled { - background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%); + background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%); } -scale slider:hover { - background-color: rgba(66, 133, 244, 0.08); +scale slider:focus { + background-color: alpha(currentColor, 0.08); } -scale slider:focus { - background-color: rgba(66, 133, 244, 0.12); +scale slider:hover { + background-color: alpha(currentColor, 0.08); } scale slider:focus:hover { - background-color: rgba(66, 133, 244, 0.16); + background-color: alpha(currentColor, 0.16); } scale slider:active { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; - animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + 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-color: alpha(currentColor, 0.08); + 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-size: auto, 0% 0%; - background-color: rgba(66, 133, 244, 0.08); - color: rgba(66, 133, 244, 0.12); } -scale marks label, +scale marks, scale value { color: rgba(0, 0, 0, 0.54); } -scale marks { - color: rgba(0, 0, 0, 0.26); +scale indicator { + background-color: rgba(0, 0, 0, 0.26); + color: transparent; } -scale marks.top { +scale.horizontal marks.top { margin-bottom: 7px; margin-top: -15px; } -scale marks.bottom { - margin-top: 7px; - margin-bottom: -15px; -} - -scale marks.left { - margin-right: 7px; - margin-left: -15px; -} - -scale marks.right { - margin-left: 7px; - margin-right: -15px; -} - -scale.fine-tune marks.top { +scale.horizontal.fine-tune marks.top { margin-bottom: 6px; margin-top: -14px; } -scale.fine-tune marks.bottom { +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -14px; } -scale.fine-tune marks.left { +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { margin-right: 6px; margin-left: -14px; } -scale.fine-tune marks.right { +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { margin-left: 6px; margin-right: -14px; } @@ -2840,35 +2807,51 @@ scale.vertical indicator { } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-before:not(.marks-after) 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.horizontal.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.horizontal.marks-after:not(.marks-before) 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-before:not(.marks-after) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-before:not(.marks-after) 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); } scale.vertical.marks-after:not(.marks-before) 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 farthest-corner at center, currentColor 10%, transparent 0%); + 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%); +} + +scale.vertical.marks-after:not(.marks-before) 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%); } scale.color { @@ -2926,7 +2909,7 @@ progressbar trough { } progressbar progress { - background-color: #4285F4; + background-color: #1A73E8; } progressbar trough.empty progress { @@ -2965,7 +2948,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #4285F4; + background-color: #1A73E8; } levelbar block.full { @@ -3011,6 +2994,12 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; + background-clip: border-box; +} + +actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 4px 4px 0 0; } scrolledwindow viewport.frame { @@ -3018,7 +3007,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3027,7 +3016,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3036,7 +3025,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3045,7 +3034,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3112,7 +3101,8 @@ separator { button.font separator, -button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator { +button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator { min-width: 0; min-height: 0; background-color: transparent; @@ -3131,29 +3121,36 @@ list row { } row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); +row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie-menu button.flat:focus:not(.image-button) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +row.activatable:hover, treeview.view header button:hover, +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } row:selected { - color: #4285F4; + color: #1A73E8; } row:selected image, @@ -3187,7 +3184,7 @@ row:selected:disabled label { * Expanders * *************/ expander title > arrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); @@ -3230,6 +3227,7 @@ calendar:selected { calendar.header { border-style: none none solid; + border-color: rgba(0, 0, 0, 0.12); border-radius: 0; } @@ -3258,6 +3256,7 @@ messagedialog .titlebar { } messagedialog .titlebar:backdrop { + background-color: #FFFFFF; color: rgba(0, 0, 0, 0.54); } @@ -3266,24 +3265,20 @@ messagedialog.csd.background { border-bottom-right-radius: 4px; } -messagedialog.csd .dialog-action-area { +messagedialog.csd .dialog-action-box { margin-top: -6px; padding: 6px; } -messagedialog.csd .dialog-action-area button { - border-radius: 4px; -} - -messagedialog.csd .dialog-action-area button:not(:last-child) { +messagedialog.csd .dialog-action-box button:not(:last-child) { margin-right: 6px; } -messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) { - color: #4285F4; +messagedialog.csd .dialog-action-box button:not(:disabled) { + color: #1A73E8; } -messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) { +messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { color: #EA4335; } @@ -3296,10 +3291,6 @@ filechooser #pathbarbox { background-color: #F2F2F2; } -filechooserbutton:drop(active) { - box-shadow: none; -} - /*********** * Sidebar * ***********/ @@ -3326,13 +3317,30 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . border-style: none; } -stacksidebar row { - padding: 10px 4px; +stacksidebar.sidebar list { + padding: 4px; + background-color: #FAFAFA; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 2px; + border-radius: 4px; +} + +stacksidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); + font-weight: 500; +} + +stacksidebar.sidebar row + row { + margin-top: 4px; } -stacksidebar row > label { +stacksidebar.sidebar row > label { padding-left: 6px; padding-right: 6px; + color: inherit; } separator.sidebar { @@ -3346,67 +3354,61 @@ row image.sidebar-icon { color: rgba(0, 0, 0, 0.54); } -placessidebar > viewport.frame { +placessidebar.sidebar > viewport.frame { border-style: none; } -placessidebar list { +placessidebar.sidebar list { padding: 1px 0 4px; } -placessidebar row { +placessidebar.sidebar row { min-height: 32px; margin: -1px 4px; padding: 0; border-radius: 4px; } -placessidebar row > revealer { +placessidebar.sidebar row > revealer { padding: 0 8px; } -placessidebar row:selected { +placessidebar.sidebar row:selected { + background-color: alpha(currentColor, 0.12); font-weight: 500; } -placessidebar row:disabled { +placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } -placessidebar row image.sidebar-icon:dir(ltr) { +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } -placessidebar row image.sidebar-icon:dir(rtl) { +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } -placessidebar row label.sidebar-label:dir(ltr) { +placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } -placessidebar row label.sidebar-label:dir(rtl) { +placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar row:selected image.sidebar-icon, -placessidebar row:selected label.sidebar-label { +placessidebar.sidebar row:selected image.sidebar-icon, +placessidebar.sidebar row:selected label.sidebar-label { color: inherit; } -placessidebar row.sidebar-placeholder-row { - min-height: 2px; - padding: 0 8px; - background-image: image(#4285F4); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #4285F4; +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); } -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #4285F4; +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #1A73E8; } placesview .server-list-button > image { @@ -3488,31 +3490,35 @@ infobar { border-style: none; } -infobar.info { - background-color: #34A853; +infobar.info, infobar.question { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; +} + +infobar.info button.text-button, infobar.question button.text-button { + padding-left: 8px; + padding-right: 8px; } -infobar.question { - background-color: #4285F4; +infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { + color: #1A73E8; } infobar.warning { background-color: #FBBC05; + color: rgba(0, 0, 0, 0.87); } -infobar.error { - background-color: #EA4335; +infobar.warning *:link, infobar.warning button.link:link { + color: rgba(0, 0, 0, 0.87); } -infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { +infobar.error { + background-color: #EA4335; color: white; } -infobar.info *:link, infobar.info button:link, -infobar.info button:visited, infobar.question *:link, infobar.question button:link, -infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, -infobar.warning button:visited, infobar.error *:link, infobar.error button:link, -infobar.error button:visited { +infobar.error *:link, infobar.error button.link:link { color: white; } @@ -3590,20 +3596,8 @@ colorswatch.light { color: rgba(0, 0, 0, 0.87); } -colorswatch:drop(active) { - box-shadow: none; -} - -colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - -colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4; -} - colorswatch overlay { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3611,9 +3605,13 @@ colorswatch overlay:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } +colorswatch overlay:drop(active) { + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); +} + colorswatch#add-color-button { border-radius: 4px 4px 0 0; - color: white; + color: rgba(0, 0, 0, 0.87); } colorswatch#add-color-button:only-child { @@ -3621,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%); + background-color: #FFFFFF; } colorswatch:disabled { @@ -3641,7 +3639,7 @@ colorswatch#editor-color-sample overlay { } colorchooser .popover.osd { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; @@ -3662,7 +3660,7 @@ colorchooser .popover.osd:backdrop { * Window Decorations * **********************/ decoration { - transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1); + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; margin: 8px; @@ -3713,9 +3711,8 @@ messagedialog.csd decoration { .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, -.menuitem.button.flat:selected, popover.background.menu button:checked, -popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { - background-color: rgba(66, 133, 244, 0.32); +.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected { + background-color: rgba(26, 115, 232, 0.24); } .monospace { @@ -3726,7 +3723,7 @@ popover.background button.model:checked, row:selected, calendar:selected, .nauti * Touch Copy & Paste * **********************/ cursor-handle { - color: #4285F4; + color: #1A73E8; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -3763,9 +3760,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) } :not(decoration):not(window):drop(active) { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #4285F4; - caret-color: #4285F4; + caret-color: #1A73E8; } stackswitcher button.text-button { @@ -3802,33 +3797,15 @@ popover.emoji-picker scrolledwindow { } button.emoji-section { - margin-top: -1px; - padding: 0 8px; - min-width: 24px; - min-height: 36px; - border-radius: 0; - outline-offset: -6px; -} - -button.emoji-section, button.emoji-section:hover, button.emoji-section:active { - box-shadow: inset 0 2px transparent; + margin: 4px; } button.emoji-section:checked { - box-shadow: inset 0 2px #4285F4; - background-color: transparent; -} - -button.emoji-section:hover, button.emoji-section:active { - background-color: alpha(currentColor, 0.08); -} - -button.emoji-section:first-child { - margin-left: 4px; + color: #1A73E8; } -button.emoji-section:last-child { - margin-right: 4px; +button.emoji-section:not(:last-child) { + margin-right: 0; } popover.emoji-picker .emoji { @@ -3838,7 +3815,7 @@ popover.emoji-picker .emoji { } popover.emoji-picker .emoji widget { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; } @@ -3873,8 +3850,7 @@ popover.emoji-completion .emoji:hover { background-color: #FFFFFF; } -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle, -headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-canvas-item.dim-label, .nautilus-list-dim-label { color: rgba(0, 0, 0, 0.54); } @@ -3884,22 +3860,22 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } -@keyframes needs_attention_keyframes { +@keyframes nautilus-operations-button-needs-attention { to { - background-color: alpha(currentColor, 0.12); + background-color: alpha(currentColor, 0.08); } } .nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; } .nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; } .path-bar-box { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); margin: 6px 0; border-radius: 4px; } @@ -3925,20 +3901,24 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- margin-right: 0; } -.path-bar-box .nautilus-path-bar button { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { padding-left: 6px; padding-right: 6px; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { margin-left: 0; } -.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { margin-right: 0; } -.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) { +.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { margin: 0; } @@ -3975,8 +3955,8 @@ headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas- } .disk-space-display.used { - background-color: #4285F4; - color: #4285F4; + background-color: #1A73E8; + color: #1A73E8; } .disk-space-display.free { @@ -4131,7 +4111,8 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: color: rgba(255, 255, 255, 0.7); } -.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { color: white; } @@ -4243,7 +4224,7 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.12); - box-shadow: inset 0 -2px #4285F4; + box-shadow: inset 0 -2px #1A73E8; background-color: #FFFFFF; } @@ -4308,7 +4289,8 @@ popover.omnibar list row:not(:last-child) { } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } @@ -4384,16 +4366,15 @@ docktabstrip { } docktab { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; min-height: 24px; min-width: 24px; margin-bottom: -1px; padding: 6px 6px; - outline-offset: -6px; border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%); + background-image: radial-gradient(circle, #1A73E8 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -4407,10 +4388,10 @@ docktab:hover { } docktab:checked { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #4285F4; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #1A73E8; background-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; color: rgba(0, 0, 0, 0.87); } @@ -4424,20 +4405,12 @@ dockoverlayedge docktabstrip { border: none; } -dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #4285F4; -} - -dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset -2px 0 #1A73E8; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #4285F4; + box-shadow: inset 2px 0 #1A73E8; } pillbox { @@ -4446,13 +4419,15 @@ pillbox { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: none; background-color: #FFFFFF; } editortweak entry.search { margin-bottom: -1px; box-shadow: none; + background-color: transparent; } .gb-search-entry-occurrences-tag { @@ -4514,13 +4489,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { ideeditorutilities > dzldockpaned > box > stackswitcher button { border-radius: 0; - outline-offset: -6px; box-shadow: none; background-color: transparent; } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -4532,24 +4506,16 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { margin-right: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #1A73E8; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { margin-left: -1px; } -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26); -} - -ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #4285F4; +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #1A73E8; } ideeditorsidebar notebook header { @@ -4575,7 +4541,7 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #4285F4; + background-color: #1A73E8; color: white; font-weight: bold; } @@ -4590,12 +4556,12 @@ GdMainIconView.content-view { .photos-fade-in { opacity: 1; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } .photos-fade-out { opacity: 0; - transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1); + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); } button.photos-filter-preview { @@ -4604,7 +4570,7 @@ button.photos-filter-preview { } button.photos-filter-preview:checked { - background-color: rgba(66, 133, 244, 0.32); + background-color: rgba(26, 115, 232, 0.24); color: rgba(0, 0, 0, 0.87); } @@ -4639,15 +4605,15 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:hover { - background-image: image(rgba(240, 240, 240, 0.9935)); + background-image: image(rgba(234, 234, 234, 0.9896)); } .side-panel .view:selected { - background-image: image(#4285F4); + background-image: image(#1A73E8); } .side-panel .view:selected:hover { - background-image: image(#4b8bf5); + background-image: image(#2c7eea); } .songs-list:hover { @@ -4671,11 +4637,22 @@ box.vertical > revealer > toolbar.search-bar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +/************ + * Terminal * + ************/ +terminal-window notebook > header > box { + margin: -2px -2px -3px; +} + +terminal-window notebook > header > box button { + border-radius: 0; +} + /********* * To Do * *********/ task-list-view taskrow { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); margin: 0 -8px; } @@ -4687,8 +4664,7 @@ task-list-view taskrow label { margin: 0 8px; } -task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, -task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body { +task-list-view taskrow image.dim-label { min-width: 16px; } @@ -4696,9 +4672,8 @@ task-list-view > box > revealer > box > button { margin: -6px; } -task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, -task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body { - opacity: 1; +task-list-view > box > revealer > box > button .dim-label { + color: inherit; } tasklistview taskrow { @@ -4709,8 +4684,7 @@ tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskr box-shadow: none; } -tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, -tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body { +tasklistview taskrow image.dim-label { min-width: 16px; } @@ -4718,9 +4692,8 @@ tasklistview > box > revealer > box > button { margin: -6px; } -tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, -tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body { - opacity: 1; +tasklistview > box > revealer > box > button .dim-label { + color: inherit; } /******* @@ -4730,10 +4703,6 @@ tasklistview > box > revealer > box > button headerbar .subtitle, headerbar task border-top: none; } -#eog-thumb-nav button { - -gtk-outline-radius: 4px; -} - /************* * Evolution * *************/ @@ -4794,10 +4763,6 @@ button.title label { padding-left: 0; } -.geary-titlebar-left > separator { - background-color: rgba(0, 0, 0, 0.05); -} - .geary-titlebar-right:dir(ltr) { margin-left: -5px; } @@ -4888,12 +4853,13 @@ window.background.chromium > button { background-size: auto; } -window.background.chromium > button:hover { +window.background.chromium > button:hover, +window.background.chromium > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background.chromium headerbar button:active { @@ -4901,7 +4867,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #4285F4; + color: #1A73E8; } window.background.chromium textview { @@ -4941,8 +4907,8 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #4285F4; - box-shadow: inset 0 0 0 1px #4285F4; + border-color: #1A73E8; + box-shadow: inset 0 0 0 1px #1A73E8; } window.background:not(.csd) > widget > entry:disabled { @@ -4954,12 +4920,13 @@ window.background:not(.csd) > widget > button > button { background-size: auto; } -window.background:not(.csd) > widget > button > button:hover { +window.background:not(.csd) > widget > button > button:hover, +window.background:not(.csd) > widget > button > button:drop(active) { background-image: image(alpha(currentColor, 0.08)); } window.background:not(.csd) > widget > button > button:active { - background-image: image(alpha(currentColor, 0.24)); + background-image: image(alpha(currentColor, 0.12)); } window.background:not(.csd) > widget > checkbutton > check:not(:checked), @@ -4984,7 +4951,7 @@ window.background:not(.csd) > menu > menu { } text:selected { - background-color: #4285F4; + background-color: #1A73E8; color: white; } @@ -5035,7 +5002,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 16px; padding: 4px 8px; border-radius: 4px; - -gtk-outline-radius: 4px; } #ToolboxCommon > #AuxToolbox spinbutton button { @@ -5051,7 +5017,6 @@ window.background:not(.csd) > window.background > menu > separator { min-width: 24px; padding: 4px; border-radius: 4px; - -gtk-outline-radius: 4px; } #CanvasTable button { @@ -5108,7 +5073,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #4285F4; + -UnityDecoration-glow-color: #1A73E8; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -5124,6 +5089,7 @@ UnityDecoration .top { } UnityDecoration .top:backdrop { + background-color: #303030; color: rgba(255, 255, 255, 0.7); } @@ -5172,7 +5138,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #4285F4; + color: #1A73E8; } /************** @@ -5185,11 +5151,8 @@ UnityPanelWidget:backdrop, .mate-panel-menu-bar { background-color: #212121; - font-weight: 500; -} - -.mate-panel-menu-bar:not(.popup) { color: rgba(255, 255, 255, 0.7); + font-weight: 500; } .mate-panel-menu-bar button { @@ -5199,10 +5162,6 @@ UnityPanelWidget:backdrop, border-radius: 0; } -.mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - PanelToplevel.horizontal > grid > button { min-width: 24px; } @@ -5233,7 +5192,6 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); color: white; } @@ -5290,19 +5248,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7BAAF7; + color: #8AB4F8; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5317,12 +5275,31 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } #MatePanelPopupWindow frame > border { border-style: none; } +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + #MatePanelPopupWindow button { padding: 4px 16px; } @@ -5344,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); - background-color: #F2F2F2; + background-color: #FFFFFF; } .mate-panel-applet-slider frame > border { @@ -5352,16 +5329,17 @@ na-tray-applet { } #PanelApplet:not(:selected) > box { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); color: white; } #mate-menu { border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #FFFFFF; } #mate-menu button { @@ -5372,12 +5350,17 @@ na-tray-applet { font-weight: normal; } -#mate-menu button label:not(:first-child) { +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.12); +} + +#mate-menu button image, +#mate-menu button label + label { color: rgba(0, 0, 0, 0.54); } #mate-menu entry { - margin: 0 0 8px; + margin: 0 0 4px; } #mate-menu entry image { @@ -5385,10 +5368,72 @@ na-tray-applet { } #mate-menu entry + button { - margin: 0 4px 8px; + margin: 0 4px 4px; padding: 6px; } +.brisk-menu { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(0, 0, 0, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #1A73E8; +} + +.brisk-menu .session-button { + padding: 12px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover, .brisk-menu .apps-list placessidebar.sidebar row:drop(active), placessidebar.sidebar .brisk-menu .apps-list row:drop(active) { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: rgba(0, 0, 0, 0.87); + font-weight: normal; +} + /********************* * CAJA File manager * *********************/ @@ -5420,6 +5465,35 @@ na-tray-applet { border-style: none; } +.caja-canvas-item { + border-radius: 4px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.04); + background-image: none; + color: rgba(0, 0, 0, 0.87); +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + +.caja-desktop.view .entry { + background-color: rgba(0, 0, 0, 0.3); + color: white; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: rgba(26, 115, 232, 0.24); +} + .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; @@ -5432,7 +5506,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(0, 0, 0, 0.12); - background-color: #F2F2F2; + background-color: #FFFFFF; } #caja-extra-view-widget > box > box > label { @@ -5496,8 +5570,10 @@ na-tray-applet { /* mate-screensaver lock dialog */ .lock-dialog { - border-radius: 4px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 5px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + background-color: #FFFFFF; } .lock-dialog frame > border { @@ -5518,7 +5594,7 @@ MsdOsdWindow.background.osd .trough { MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #4285F4; + background-color: #1A73E8; } /****************** @@ -5534,7 +5610,6 @@ MsdOsdWindow.background.osd .progressbar { .budgie-settings-window buttonbox.inline-toolbar button { border-radius: 4px; - -gtk-outline-radius: 4px; } .budgie-popover { @@ -5562,7 +5637,7 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; } -.budgie-popover row:hover { +.budgie-popover row:hover, .budgie-popover placessidebar.sidebar row:drop(active), placessidebar.sidebar .budgie-popover row:drop(active) { box-shadow: none; } @@ -5710,11 +5785,11 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5737,7 +5812,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel { - transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #212121; color: rgba(255, 255, 255, 0.7); font-weight: 500; @@ -5754,10 +5829,6 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 0; } -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .budgie-panel.horizontal button { padding: 0 4px; } @@ -5786,7 +5857,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.7); } -.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):drop(active), .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { color: white; } @@ -5806,7 +5878,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -5880,12 +5953,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5971,6 +6044,10 @@ calendar.raven-calendar:selected { font-size: 120%; } +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(0, 0, 0, 0.54); +} + .budgie-osd .budgie-osd-text { font-size: 120%; } @@ -5989,6 +6066,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6031,13 +6109,12 @@ calendar.raven-calendar:selected { font-size: 120%; padding: 6px 14px; border-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: none; background-color: transparent; } -.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, -.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { - opacity: 1; +.budgie-run-dialog list .dim-label { + color: rgba(0, 0, 0, 0.87); } .budgie-run-dialog scrolledwindow { @@ -6068,10 +6145,6 @@ calendar.raven-calendar:selected { border-radius: 0; } -.xfce4-panel.background button:checked { - background-color: rgba(255, 255, 255, 0.12); -} - .xfce4-panel.background .tasklist button { border-image: image(transparent) 0 0 2/0 0 2px; } @@ -6085,15 +6158,15 @@ calendar.raven-calendar:selected { } wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: alpha(currentColor, 0.08); } wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: alpha(currentColor, 0.12); } wnck-pager:selected { - background-color: #4285F4; + background-color: #1A73E8; } XfdesktopIconView.view { @@ -6246,7 +6319,7 @@ XfdesktopIconView.view .rubberband { .places-treeview { -NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #4285F4; + -NemoPlacesTreeView-disk-full-fg-color: #1A73E8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -6270,7 +6343,7 @@ text widgets and the like base background color */ @define-color theme_base_color #FFFFFF; /* base background color of selections */ -@define-color theme_selected_bg_color #4285F4; +@define-color theme_selected_bg_color #1A73E8; /* text/foreground color of selections */ @define-color theme_selected_fg_color white; @@ -6297,7 +6370,7 @@ text widgets and the like base background color on backdrop windows */ @define-color theme_unfocused_base_color #FFFFFF; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #4285F4; +@define-color theme_unfocused_selected_bg_color #1A73E8; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color white; @@ -6322,6 +6395,7 @@ read if you used those and something break with a version upgrade you're on your @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 #383838; +@define-color wm_unfocused_bg #303030; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; From 7f84b1aacb20c37f25269263e32b63aeb71bab89 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 13 Jul 2019 00:00:40 +0900 Subject: [PATCH 09/72] Update error/warning/success colors To meet accessibility standards. In dark variant, those colors should be light as well as primary color. --- src/_sass/_colors.scss | 11 +++-------- src/_sass/_colors.scss.template | 5 ----- src/cinnamon/assets/close-window.svg | 2 +- src/gnome-shell/assets-dark/window-close-active.svg | 6 +++--- src/gnome-shell/assets-dark/window-close.svg | 6 +++--- src/gnome-shell/assets/window-close-active.svg | 2 +- src/gnome-shell/assets/window-close.svg | 2 +- 7 files changed, 12 insertions(+), 22 deletions(-) diff --git a/src/_sass/_colors.scss b/src/_sass/_colors.scss index 5d930d9ba..12b265434 100644 --- a/src/_sass/_colors.scss +++ b/src/_sass/_colors.scss @@ -3,11 +3,6 @@ @import 'color-palette'; -$blue: #4285F4; -$green: #34A853; -$yellow: #FBBC05; -$red: #EA4335; - @function gtkalpha($c, $a) { @return unquote("alpha(#{$c}, #{$a})"); } @@ -77,9 +72,9 @@ $panel-solid: if($topbar == 'dark', #212121, #CCCCCC); $link: $primary; $link-visited: if($variant == 'light', $purple-500, $purple-200); -$warning: $yellow; -$error: $red; -$success: $green; +$warning: if($variant == 'light', #F4B400, #FDD633); +$error: if($variant == 'light', #D93025, #F28B82); +$success: if($variant == 'light', #0F9D58, #81C995); $suggested: $primary; $destructive: $error; diff --git a/src/_sass/_colors.scss.template b/src/_sass/_colors.scss.template index c19cef7ef..71abc8fae 100644 --- a/src/_sass/_colors.scss.template +++ b/src/_sass/_colors.scss.template @@ -3,11 +3,6 @@ @import 'color-palette'; -$blue: %TERMINAL_COLOR12%; -$green: %TERMINAL_COLOR10%; -$yellow: %TERMINAL_COLOR11%; -$red: %TERMINAL_COLOR9%; - @function gtkalpha($c, $a) { @return unquote("alpha(#{$c}, #{$a})"); } diff --git a/src/cinnamon/assets/close-window.svg b/src/cinnamon/assets/close-window.svg index 38ffee581..d2a4fceb3 100644 --- a/src/cinnamon/assets/close-window.svg +++ b/src/cinnamon/assets/close-window.svg @@ -1,5 +1,5 @@ - + diff --git a/src/gnome-shell/assets-dark/window-close-active.svg b/src/gnome-shell/assets-dark/window-close-active.svg index 36481be21..b6050f9f8 100644 --- a/src/gnome-shell/assets-dark/window-close-active.svg +++ b/src/gnome-shell/assets-dark/window-close-active.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/src/gnome-shell/assets-dark/window-close.svg b/src/gnome-shell/assets-dark/window-close.svg index 38ffee581..2303c0176 100644 --- a/src/gnome-shell/assets-dark/window-close.svg +++ b/src/gnome-shell/assets-dark/window-close.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/src/gnome-shell/assets/window-close-active.svg b/src/gnome-shell/assets/window-close-active.svg index 36481be21..7ee327c46 100644 --- a/src/gnome-shell/assets/window-close-active.svg +++ b/src/gnome-shell/assets/window-close-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/gnome-shell/assets/window-close.svg b/src/gnome-shell/assets/window-close.svg index 38ffee581..d2a4fceb3 100644 --- a/src/gnome-shell/assets/window-close.svg +++ b/src/gnome-shell/assets/window-close.svg @@ -1,5 +1,5 @@ - + From badc3a658b1c67a4271298829af767e784e514d8 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 13 Jul 2019 12:33:04 +0900 Subject: [PATCH 10/72] gtk: Update shadow/elevation styling This allows us to style the shadows more accurately and flexibly \m/ --- src/_sass/_variables.scss | 71 +++++++++++++++++++++++++---- src/_sass/gtk/_common-3.20.scss | 52 ++++++++++----------- src/_sass/gtk/_drawing-3.20.scss | 16 +++---- src/_sass/gtk/apps/_budgie.scss | 6 +-- src/_sass/gtk/apps/_gnome-3.22.scss | 6 +-- src/_sass/gtk/apps/_lightdm.scss | 2 +- src/_sass/gtk/apps/_mate.scss | 4 +- src/_sass/gtk/apps/_misc.scss | 2 +- src/_sass/gtk/apps/_unity.scss | 2 +- src/_sass/gtk/apps/_xfce.scss | 4 +- 10 files changed, 109 insertions(+), 56 deletions(-) diff --git a/src/_sass/_variables.scss b/src/_sass/_variables.scss index f7a6cad9d..75e77fe4e 100644 --- a/src/_sass/_variables.scss +++ b/src/_sass/_variables.scss @@ -50,15 +50,68 @@ $transition-shadow: box-shadow $duration $ease-out; // Shadows // -// based shadow values: -// https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png +// Values are based on: +// https://github.com/material-components/material-components-web/blob/master/packages/mdc-elevation/_variables.scss -// NOTE: box-shadow 1px blur doesn't work properly, see +// NOTE: box-shadow blur less than 2px doesn't work properly, see // https://gitlab.gnome.org/GNOME/gtk/issues/511 -// $shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24); -$shadow-1: 0 1px 1px rgba(black, 0.12), 0 1px 2px rgba(black, 0.24); -$shadow-2: 0 3px 3px rgba(black, 0.16), 0 3px 3px rgba(black, 0.23); -$shadow-3: 0 10px 10px rgba(black, 0.19), 0 6px 3px rgba(black, 0.23); -$shadow-4: 0 14px 14px rgba(black, 0.25), 0 10px 5px rgba(black, 0.22); -$shadow-5: 0 19px 19px rgba(black, 0.30), 0 15px 6px rgba(black, 0.22); +// NOTE 2: Compared to rendering on the Web, GTK seems to have a bigger blur. + +$shadow-z1: + // 0 2px (1px * .6) -1px rgba(black, 0.2), + 0 2px 2px -2px rgba(black, 0.3), + // 0 1px (1px * .6) 0 rgba(black, 0.14), + 0 1px 2px -1px rgba(black, 0.24), + // 0 1px (3px * .6) 0 rgba(black, 0.12); + 0 1px 2px -.6px rgba(black, 0.17); +$shadow-z2: + // 0 3px (1px * .6) -2px rgba(black, 0.2), + 0 3px 2px -3px rgba(black, 0.3), + // 0 2px (2px * .6) 0 rgba(black, 0.14), + 0 2px 2px -1px rgba(black, 0.24), + 0 1px (5px * .6) 0 rgba(black, 0.12); +$shadow-z3: + // 0 3px (3px * .6) -2px rgba(black, 0.2), + 0 3px 2px -2px rgba(black, 0.2), + 0 3px (4px * .6) 0 rgba(black, 0.14), + 0 1px (8px * .6) 0 rgba(black, 0.12); +$shadow-z4: + 0 2px (4px * .6) -1px rgba(black, 0.2), + 0 4px (5px * .6) 0 rgba(black, 0.14), + 0 1px (10px * .6) 0 rgba(black, 0.12); +$shadow-z6: + 0 3px (5px * .6) -1px rgba(black, 0.2), + 0 6px (10px * .6) 0 rgba(black, 0.14), + 0 1px (18px * .6) 0 rgba(black, 0.12); +$shadow-z8: + 0 5px (5px * .6) -3px rgba(black, 0.2), + 0 8px (10px * .6) 1px rgba(black, 0.14), + 0 3px (14px * .6) 2px rgba(black, 0.12); +$shadow-z12: + 0 7px (8px * .6) -4px rgba(black, 0.2), + 0 12px (17px * .6) 2px rgba(black, 0.14), + 0 5px (22px * .6) 4px rgba(black, 0.12); +$shadow-z16: + 0 8px (10px * .6) -5px rgba(black, 0.2), + 0 16px (24px * .6) 2px rgba(black, 0.14), + 0 6px (30px * .6) 5px rgba(black, 0.12); +$shadow-z24: + 0 11px (15px * .6) -7px rgba(black, 0.2), + 0 24px (38px * .6) 3px rgba(black, 0.14), + 0 9px (46px * .6) 8px rgba(black, 0.12); + +$text-shadow: + 0 1px 1px rgba(black, 0.2), + 0 1px 2px rgba(black, 0.14), + 0 1px 3px rgba(black, 0.12); + +// workaround for selection-mode checkboxes +$icon-shadow-z2: + 0 1px 1px rgba(black, 0.2), + 0 2px 2px rgba(black, 0.14), + 0 1px (5px * .6) rgba(black, 0.12); +$icon-shadow-z4: + 0 2px 2px rgba(black, 0.2), + 0 4px (5px * .6) rgba(black, 0.14), + 0 1px (10px * .6) rgba(black, 0.12); diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 8a5122bec..db3470f41 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -957,10 +957,10 @@ toolbar { transition: $transition-shadow; padding: $container-padding; border-radius: $corner-radius; - box-shadow: $shadow-2, inset 0 1px highlight($surface); + box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; - &:backdrop { box-shadow: $shadow-1, inset 0 1px highlight($surface); } + &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } &.left, &.right, @@ -1036,7 +1036,7 @@ searchbar > revealer > box { .titlebar { transition: background-color $duration $ease-out, color $duration $ease-out; border-radius: $corner-radius $corner-radius 0 0; - box-shadow: $shadow-1, inset 0 1px highlight($titlebar); + box-shadow: $shadow-z1, inset 0 1px highlight($titlebar); background-color: $titlebar; color: $titlebar-text; @@ -1164,7 +1164,7 @@ searchbar > revealer > box { // but let's keep it for backwards compatibility. transition: background-color 0.1ms $ripple-fade-in-duration, color $duration $ease-out; animation: ripple-on-headerbar $ripple-fade-in-duration $ease-out; - box-shadow: $shadow-1, inset 0 1px highlight($primary); + box-shadow: $shadow-z1, inset 0 1px highlight($primary); background-color: $primary; color: on($primary); @@ -1230,7 +1230,7 @@ searchbar > revealer > box { .maximized &, .fullscreen & { border-radius: 0; - box-shadow: $shadow-1; + box-shadow: $shadow-z1; } &.default-decoration { @@ -1259,7 +1259,7 @@ searchbar > revealer > box { // margin-right: -2px; // margin-top: -2px; border-radius: 0; - box-shadow: $shadow-1; // Remove highlight as window managers should have it + box-shadow: $shadow-z1; // Remove highlight as window managers should have it } } } @@ -1601,10 +1601,10 @@ menuitem { popover.background { transition: $transition-shadow; padding: 2px; - box-shadow: $shadow-2; // TODO: this should really have a highlight + box-shadow: $shadow-z4; // TODO: this should really have a highlight background-color: $surface; - &:backdrop { box-shadow: $shadow-1; } + &:backdrop { box-shadow: $shadow-z2; } &, .csd & { border-style: solid; @@ -2066,15 +2066,15 @@ switch { margin: -3px -2px; border-radius: $circular-radius; outline: none; - box-shadow: 0 0 0 10px transparent, $shadow-1; + box-shadow: 0 0 0 10px transparent, $shadow-z1; background-color: $surface; } - &:focus slider { box-shadow: 0 0 0 10px $overlay-focus, $shadow-1; } + &:focus slider { box-shadow: 0 0 0 10px $overlay-focus, $shadow-z1; } - &:hover slider { box-shadow: 0 0 0 10px $overlay-hover, $shadow-1; } + &:hover slider { box-shadow: 0 0 0 10px $overlay-hover, $shadow-z1; } - &:focus:hover slider { box-shadow: 0 0 0 10px $overlay-focus-hover, $shadow-1; } + &:focus:hover slider { box-shadow: 0 0 0 10px $overlay-focus-hover, $shadow-z1; } &:checked slider { background-color: $primary; @@ -2102,9 +2102,9 @@ switch { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: $shadow-1; + -gtk-icon-shadow: $icon-shadow-z2; - &:hover, &:active { -gtk-icon-shadow: $shadow-2; } + &:hover, &:active { -gtk-icon-shadow: $icon-shadow-z4; } @each $s, $as in ('', '-unchecked'), (':checked', '-checked') { @@ -2588,7 +2588,7 @@ levelbar { trough { // padding: 2px; // border-radius: $corner-radius; - // box-shadow: $shadow-1; + // box-shadow: $shadow-z1; // background-color: $base; // &:disabled { background-color: $base-alt; } @@ -3260,11 +3260,11 @@ colorswatch { overlay { transition: $transition-shadow; - box-shadow: $shadow-1; + box-shadow: $shadow-z1; - &:hover { box-shadow: $shadow-2; } + &:hover { box-shadow: $shadow-z3; } - &:drop(active) { box-shadow: $shadow-2; } + &:drop(active) { box-shadow: $shadow-z3; } } &#add-color-button { @@ -3292,7 +3292,7 @@ colorswatch { overlay { border-radius: $corner-radius; } - // overlay:hover { box-shadow: $shadow-1; } + // overlay:hover { box-shadow: $shadow-z1; } } } @@ -3300,10 +3300,10 @@ colorswatch { colorchooser .popover.osd { transition: $transition-shadow; border-radius: $corner-radius; - box-shadow: $shadow-2, inset 0 1px highlight($surface); + box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; - &:backdrop { box-shadow: $shadow-1, inset 0 1px highlight($surface); } + &:backdrop { box-shadow: $shadow-z2, inset 0 1px highlight($surface); } } @@ -3336,7 +3336,7 @@ colorchooser .popover.osd { decoration { transition: $transition-shadow; border-radius: $corner-radius $corner-radius 0 0; - box-shadow: $shadow-4, 0 16px 16px transparent; + box-shadow: $shadow-z16, 0 6px (30px * .6) 5px transparent; // FIXME rationalize shadows @@ -3348,7 +3348,7 @@ decoration { // change when we go to backdrop, to prevent jumping windows. // The biggest shadow should be in the same order then in the active state // or the jumping will happen during the transition. - box-shadow: $shadow-2, 0 16px 16px transparent; + box-shadow: $shadow-z4, 0 6px (30px * .6) 5px transparent; } .maximized &, @@ -3366,7 +3366,7 @@ decoration { .csd.popup & { border-radius: $corner-radius; - box-shadow: $shadow-2; + box-shadow: $shadow-z4; } tooltip.csd & { @@ -3376,9 +3376,9 @@ decoration { messagedialog.csd & { border-radius: $corner-radius; - // box-shadow: $shadow-4, 0 16px 16px transparent; + // box-shadow: $shadow-z24, 0 9px (46px * .6) 8px transparent; - // &:backdrop { box-shadow: $shadow-2, 0 16px 16px transparent; } + // &:backdrop { box-shadow: $shadow-z4, 0 9px (46px * .6) 8px transparent; } } .solid-csd & { diff --git a/src/_sass/gtk/_drawing-3.20.scss b/src/_sass/gtk/_drawing-3.20.scss index 43a3ddf8b..c935ae019 100644 --- a/src/_sass/gtk/_drawing-3.20.scss +++ b/src/_sass/gtk/_drawing-3.20.scss @@ -65,22 +65,22 @@ @if $t == raised-normal { transition: $transition; border-image: none; - box-shadow: $shadow-1; + box-shadow: $shadow-z1; background-color: if($fc == $primary, $base, $fc); color: if($fc == $primary, $text, on($fc)); } @if $t == raised-hover { - box-shadow: $shadow-2; + box-shadow: $shadow-z3; } @if $t == raised-focus { border-image: none; - box-shadow: $shadow-2; + box-shadow: $shadow-z3; } @if $t == raised-disabled { - box-shadow: $shadow-1; + box-shadow: $shadow-z1; background-color: $base-alt; color: $text-disabled; } @@ -99,7 +99,7 @@ background-size $ripple-fade-out-duration $ease-out, background-image $ripple-fade-out-opacity-duration $ease-out; outline: none; - box-shadow: inset 0 0 0 9999px transparent, $shadow-1; + box-shadow: inset 0 0 0 9999px transparent, $shadow-z2; background-color: $surface; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -109,11 +109,11 @@ } @if $t == hover { - box-shadow: inset 0 0 0 9999px transparent, $shadow-2; + box-shadow: inset 0 0 0 9999px transparent, $shadow-z4; } @if $t == focus { - box-shadow: inset 0 0 0 9999px $overlay-focus, $shadow-2; + box-shadow: inset 0 0 0 9999px $overlay-focus, $shadow-z4; } @if $t == active { @@ -121,7 +121,7 @@ background-size 0ms, background-image 0ms; animation: ripple $ripple-fade-in-duration $ease-out forwards; - box-shadow: inset 0 0 0 9999px $overlay-hover, $shadow-2; + box-shadow: inset 0 0 0 9999px $overlay-hover, $shadow-z8; background-image: radial-gradient(circle, $overlay-active 10%, transparent 0%); background-size: 0% 0%; } diff --git a/src/_sass/gtk/apps/_budgie.scss b/src/_sass/gtk/apps/_budgie.scss index 100042769..95811e194 100644 --- a/src/_sass/gtk/apps/_budgie.scss +++ b/src/_sass/gtk/apps/_budgie.scss @@ -23,7 +23,7 @@ border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: $corner-radius + 1px; - box-shadow: $shadow-2; + box-shadow: $shadow-z4; background-color: $surface; .container { padding: 2px; } @@ -311,7 +311,7 @@ button.raven-trigger { frame.raven-frame > border { border-style: none; - box-shadow: $shadow-4; + box-shadow: $shadow-z16; } $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left)); @@ -461,7 +461,7 @@ calendar.raven-calendar { margin: 5px 9px; padding: 3px; border-radius: $corner-radius; - box-shadow: $shadow-2, inset 0 1px highlight($surface); + box-shadow: $shadow-z4, inset 0 1px highlight($surface); background-color: $surface; button { @extend %button-flat-simple; } diff --git a/src/_sass/gtk/apps/_gnome-3.22.scss b/src/_sass/gtk/apps/_gnome-3.22.scss index d30c5c5b8..44595fba9 100644 --- a/src/_sass/gtk/apps/_gnome-3.22.scss +++ b/src/_sass/gtk/apps/_gnome-3.22.scss @@ -24,7 +24,7 @@ .nautilus-desktop.nautilus-canvas-item { // background-color: $scrim; color: on(dark); - text-shadow: $shadow-1; + text-shadow: $text-shadow; } // Toolbar @@ -757,7 +757,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: $circular-radius; - box-shadow: $shadow-2; + box-shadow: $shadow-z4; background-color: $primary; color: on($primary); font-weight: bold; @@ -799,7 +799,7 @@ button.photos-filter-preview { image { color: on(dark); - -gtk-icon-shadow: $shadow-1; + -gtk-icon-shadow: $text-shadow; } } } diff --git a/src/_sass/gtk/apps/_lightdm.scss b/src/_sass/gtk/apps/_lightdm.scss index 53c29efe3..e6f4ca1fa 100644 --- a/src/_sass/gtk/apps/_lightdm.scss +++ b/src/_sass/gtk/apps/_lightdm.scss @@ -35,7 +35,7 @@ #restart_dialog { margin: 8px; border-radius: $corner-radius; - box-shadow: $shadow-2, inset 0 1px highlight($surface); + box-shadow: $shadow-z6, inset 0 1px highlight($surface); background-color: $surface; } diff --git a/src/_sass/gtk/apps/_mate.scss b/src/_sass/gtk/apps/_mate.scss index 6c3997d73..b4eb57046 100644 --- a/src/_sass/gtk/apps/_mate.scss +++ b/src/_sass/gtk/apps/_mate.scss @@ -368,7 +368,7 @@ na-tray-applet widget box widget { .caja-desktop.view .entry { background-color: $scrim-alt; color: on(dark); - text-shadow: $shadow-1; + text-shadow: $text-shadow; caret-color: currentColor; // this shouldn't be needed. &:selected { background-color: $overlay-selected; } // FIXME: this should have light overlay. @@ -458,7 +458,7 @@ na-tray-applet widget box widget { .lock-dialog { border: 1px solid $frame; border-radius: $corner-radius + 1px; - box-shadow: $shadow-4, inset 0 1px highlight($surface); // not sure if box-shadow works here + box-shadow: $shadow-z6, inset 0 1px highlight($surface); // not sure if box-shadow works here background-color: $surface; frame > border { border-style: none; } diff --git a/src/_sass/gtk/apps/_misc.scss b/src/_sass/gtk/apps/_misc.scss index 2bbecf375..3c9b49a70 100644 --- a/src/_sass/gtk/apps/_misc.scss +++ b/src/_sass/gtk/apps/_misc.scss @@ -5,7 +5,7 @@ overlay > revealer { &.left > scrolledwindow.frame, &.right > scrolledwindow.frame { border-style: none; - box-shadow: $shadow-4; + box-shadow: $shadow-z16; } &.left > scrolledwindow.frame { margin-right: 32px; } diff --git a/src/_sass/gtk/apps/_unity.scss b/src/_sass/gtk/apps/_unity.scss index c1cbf5e42..9898abfd2 100644 --- a/src/_sass/gtk/apps/_unity.scss +++ b/src/_sass/gtk/apps/_unity.scss @@ -55,7 +55,7 @@ UnityDecoration { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: $shadow-1; + box-shadow: $shadow-z1; &.inline-toolbar { border-style: none; } } diff --git a/src/_sass/gtk/apps/_xfce.scss b/src/_sass/gtk/apps/_xfce.scss index 9a7ac86cf..80fd19bc1 100644 --- a/src/_sass/gtk/apps/_xfce.scss +++ b/src/_sass/gtk/apps/_xfce.scss @@ -54,7 +54,7 @@ XfdesktopIconView.view { border-radius: $corner-radius; background-color: transparent; color: on(dark); - text-shadow: $shadow-1; + text-shadow: $text-shadow; // XfdesktopIconView uses :active instead of :selected for selection &:active { @@ -63,7 +63,7 @@ XfdesktopIconView.view { box-shadow: none; } - // .label { text-shadow: $shadow-1; } + // .label { text-shadow: $text-shadow; } .rubberband { @extend rubberband; From 4466f8dd53db42f36482a956b6c2a633024bb443 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 28 Jun 2019 00:02:16 +0900 Subject: [PATCH 11/72] Darken dark variant slightly In the recently released Material dark theme guidelines[1], the dark theme has a VERY dark background (#121212) by default. I do think #121212 is too dark on desktop, but it's a great opportunity to darken our dark variant - because after lighting the primary color and separator color on dark variant, the whole dark theme looked lighter than before. We will use #212121 as the default dark background color, and dark surface colors are derived from it. This commit also darkens the dark titlebar and panel slightly to match the new color scheme. [1]: https://material.io/design/color/dark-theme.html --- src/_sass/_colors.scss | 16 ++++++++-------- src/gtk-2.0/assets-dark.svg | 6 +++--- src/gtk-2.0/gtkrc | 2 +- src/gtk-2.0/gtkrc-dark | 8 ++++---- src/gtk/assets.svg | 4 ++-- 5 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/_sass/_colors.scss b/src/_sass/_colors.scss index 12b265434..495e9871a 100644 --- a/src/_sass/_colors.scss +++ b/src/_sass/_colors.scss @@ -50,20 +50,20 @@ $primary-dark: #1A73E8; $primary-light: #8AB4F8; $primary: if($variant == 'light', $primary-dark, $primary-light); -$background: if($variant == 'light', #F2F2F2, #282828); -$surface: if($variant == 'light', #FFFFFF, #424242); -$base: if($variant == 'light', #FFFFFF, #303030); // semi-surface with no elevation +$background: if($variant == 'light', #F2F2F2, #212121); +$surface: if($variant == 'light', #FFFFFF, #3C3C3C); +$base: if($variant == 'light', #FFFFFF, #2C2C2C); // semi-surface with 1dp elevation $base-alt: if($variant == 'light', #FAFAFA, #2C2C2C); -$os-background: #303030; +$os-background: #212121; $tooltip: rgba(#616161, 0.9); $scrim: rgba(black, 0.6); $scrim-alt: rgba(black, 0.3); $scrim-inverse: rgba(white, 0.1); -$titlebar: if($topbar == 'dark', #383838, #E0E0E0); -$titlebar-backdrop: if($topbar == 'dark', #303030, #D6D6D6); -$panel: if($topbar == 'dark', #212121, $scrim); -$panel-solid: if($topbar == 'dark', #212121, #CCCCCC); // for Unity panel which doesn't allow translucent colors +$titlebar: if($topbar == 'dark', #353535, #E0E0E0); +$titlebar-backdrop: if($topbar == 'dark', #2C2C2C, #D6D6D6); +$panel: if($topbar == 'dark', #1F1F1F, $scrim); +$panel-solid: if($topbar == 'dark', #1F1F1F, #CCCCCC); // for Unity panel which doesn't allow translucent colors // // Misc colors diff --git a/src/gtk-2.0/assets-dark.svg b/src/gtk-2.0/assets-dark.svg index e0867b130..ca95e8a1a 100644 --- a/src/gtk-2.0/assets-dark.svg +++ b/src/gtk-2.0/assets-dark.svg @@ -43,15 +43,15 @@ - + - + - + diff --git a/src/gtk-2.0/gtkrc b/src/gtk-2.0/gtkrc index 91826cefd..b8abf1923 100644 --- a/src/gtk-2.0/gtkrc +++ b/src/gtk-2.0/gtkrc @@ -18,7 +18,7 @@ gtk-color-scheme = "fg_color:#212121\nbg_color:#F2F2F2" # Selected foreground/background gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#1A73E8" # Titlebar foreground/background -gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#383838" +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#353535" # Menus gtk-color-scheme = "menu_color:#FFFFFF" # Tooltips foreground/background diff --git a/src/gtk-2.0/gtkrc-dark b/src/gtk-2.0/gtkrc-dark index 97e051a20..a7abc5bc8 100644 --- a/src/gtk-2.0/gtkrc-dark +++ b/src/gtk-2.0/gtkrc-dark @@ -12,15 +12,15 @@ # order to not mess up the dark theme. # Text/base -gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#303030" +gtk-color-scheme = "text_color:#FFFFFF\nbase_color:#2C2C2C" # Foreground/background -gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#282828" +gtk-color-scheme = "fg_color:#FFFFFF\nbg_color:#212121" # Selected foreground/background gtk-color-scheme = "selected_fg_color:#FFFFFF\nselected_bg_color:#8AB4F8" # Titlebar foreground/background -gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#383838" +gtk-color-scheme = "titlebar_fg_color:#FFFFFF\ntitlebar_bg_color:#353535" # Menus -gtk-color-scheme = "menu_color:#424242" +gtk-color-scheme = "menu_color:#3C3C3C" # Tooltips foreground/background gtk-color-scheme = "tooltip_fg_color:#FFFFFF\ntooltip_bg_color:#616161" # Links diff --git a/src/gtk/assets.svg b/src/gtk/assets.svg index 58fa12227..1cae59e2f 100644 --- a/src/gtk/assets.svg +++ b/src/gtk/assets.svg @@ -33,7 +33,7 @@ - + @@ -41,7 +41,7 @@ - + From 399cc16fd126563f16b60c4ef0b8e8fa2928e478 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Wed, 17 Jul 2019 04:59:08 +0900 Subject: [PATCH 12/72] metacity: Darken dark titlebar slightly --- src/metacity-1/metacity-theme-2.xml | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/metacity-1/metacity-theme-2.xml b/src/metacity-1/metacity-theme-2.xml index 98082b13d..84964ba14 100644 --- a/src/metacity-1/metacity-theme-2.xml +++ b/src/metacity-1/metacity-theme-2.xml @@ -11,11 +11,11 @@ - - - + + + - + From c8bdde05465c82c5de74f3b12c561fdd02ef440b Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 28 Jun 2019 01:10:25 +0900 Subject: [PATCH 13/72] xfwm: Darken dark titlebar slightly --- src/xfwm4/assets/border-active.svg | 2 +- src/xfwm4/assets/border-inactive.svg | 2 +- src/xfwm4/assets/close-active.svg | 2 +- src/xfwm4/assets/close-inactive.svg | 2 +- src/xfwm4/assets/close-prelight.svg | 2 +- src/xfwm4/assets/close-pressed.svg | 2 +- src/xfwm4/assets/hide-active.svg | 2 +- src/xfwm4/assets/hide-inactive.svg | 2 +- src/xfwm4/assets/hide-prelight.svg | 2 +- src/xfwm4/assets/hide-pressed.svg | 2 +- src/xfwm4/assets/maximize-active.svg | 2 +- src/xfwm4/assets/maximize-inactive.svg | 2 +- src/xfwm4/assets/maximize-prelight.svg | 2 +- src/xfwm4/assets/maximize-pressed.svg | 2 +- src/xfwm4/assets/maximize-toggled-active.svg | 2 +- src/xfwm4/assets/maximize-toggled-inactive.svg | 2 +- src/xfwm4/assets/maximize-toggled-prelight.svg | 2 +- src/xfwm4/assets/maximize-toggled-pressed.svg | 2 +- src/xfwm4/assets/menu-active.svg | 2 +- src/xfwm4/assets/menu-inactive.svg | 2 +- src/xfwm4/assets/menu-prelight.svg | 2 +- src/xfwm4/assets/menu-pressed.svg | 2 +- src/xfwm4/assets/shade-active.svg | 2 +- src/xfwm4/assets/shade-inactive.svg | 2 +- src/xfwm4/assets/shade-prelight.svg | 2 +- src/xfwm4/assets/shade-pressed.svg | 2 +- src/xfwm4/assets/shade-toggled-active.svg | 2 +- src/xfwm4/assets/shade-toggled-inactive.svg | 2 +- src/xfwm4/assets/shade-toggled-prelight.svg | 2 +- src/xfwm4/assets/shade-toggled-pressed.svg | 2 +- src/xfwm4/assets/stick-active.svg | 2 +- src/xfwm4/assets/stick-inactive.svg | 2 +- src/xfwm4/assets/stick-prelight.svg | 2 +- src/xfwm4/assets/stick-pressed.svg | 2 +- src/xfwm4/assets/stick-toggled-active.svg | 2 +- src/xfwm4/assets/stick-toggled-inactive.svg | 2 +- src/xfwm4/assets/stick-toggled-prelight.svg | 2 +- src/xfwm4/assets/stick-toggled-pressed.svg | 2 +- src/xfwm4/assets/title-active.svg | 2 +- src/xfwm4/assets/title-inactive.svg | 2 +- 40 files changed, 40 insertions(+), 40 deletions(-) diff --git a/src/xfwm4/assets/border-active.svg b/src/xfwm4/assets/border-active.svg index d2b419ca8..d62843117 100644 --- a/src/xfwm4/assets/border-active.svg +++ b/src/xfwm4/assets/border-active.svg @@ -1,3 +1,3 @@ - + diff --git a/src/xfwm4/assets/border-inactive.svg b/src/xfwm4/assets/border-inactive.svg index 2b19b2460..7d66b682b 100644 --- a/src/xfwm4/assets/border-inactive.svg +++ b/src/xfwm4/assets/border-inactive.svg @@ -1,3 +1,3 @@ - + diff --git a/src/xfwm4/assets/close-active.svg b/src/xfwm4/assets/close-active.svg index 4b7a98d03..87cc78aad 100644 --- a/src/xfwm4/assets/close-active.svg +++ b/src/xfwm4/assets/close-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/close-inactive.svg b/src/xfwm4/assets/close-inactive.svg index 388bfe9b6..a0a0689c0 100644 --- a/src/xfwm4/assets/close-inactive.svg +++ b/src/xfwm4/assets/close-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/close-prelight.svg b/src/xfwm4/assets/close-prelight.svg index 422e4c9d4..6a9d29005 100644 --- a/src/xfwm4/assets/close-prelight.svg +++ b/src/xfwm4/assets/close-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/close-pressed.svg b/src/xfwm4/assets/close-pressed.svg index a340048c9..11b3fe19a 100644 --- a/src/xfwm4/assets/close-pressed.svg +++ b/src/xfwm4/assets/close-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/hide-active.svg b/src/xfwm4/assets/hide-active.svg index d4fbfeace..6bf647898 100644 --- a/src/xfwm4/assets/hide-active.svg +++ b/src/xfwm4/assets/hide-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/hide-inactive.svg b/src/xfwm4/assets/hide-inactive.svg index 26774a976..3f2b44259 100644 --- a/src/xfwm4/assets/hide-inactive.svg +++ b/src/xfwm4/assets/hide-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/hide-prelight.svg b/src/xfwm4/assets/hide-prelight.svg index 07452fcd8..fce9df617 100644 --- a/src/xfwm4/assets/hide-prelight.svg +++ b/src/xfwm4/assets/hide-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/hide-pressed.svg b/src/xfwm4/assets/hide-pressed.svg index 7b90f93ea..04b4106f0 100644 --- a/src/xfwm4/assets/hide-pressed.svg +++ b/src/xfwm4/assets/hide-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-active.svg b/src/xfwm4/assets/maximize-active.svg index 589a22278..b17dd3c55 100644 --- a/src/xfwm4/assets/maximize-active.svg +++ b/src/xfwm4/assets/maximize-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-inactive.svg b/src/xfwm4/assets/maximize-inactive.svg index eaefab624..aaf4ba9f8 100644 --- a/src/xfwm4/assets/maximize-inactive.svg +++ b/src/xfwm4/assets/maximize-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-prelight.svg b/src/xfwm4/assets/maximize-prelight.svg index c5ebeec79..856e47233 100644 --- a/src/xfwm4/assets/maximize-prelight.svg +++ b/src/xfwm4/assets/maximize-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-pressed.svg b/src/xfwm4/assets/maximize-pressed.svg index 4a88713c8..41ed99092 100644 --- a/src/xfwm4/assets/maximize-pressed.svg +++ b/src/xfwm4/assets/maximize-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-toggled-active.svg b/src/xfwm4/assets/maximize-toggled-active.svg index 5f5edced5..3167064bc 100644 --- a/src/xfwm4/assets/maximize-toggled-active.svg +++ b/src/xfwm4/assets/maximize-toggled-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-toggled-inactive.svg b/src/xfwm4/assets/maximize-toggled-inactive.svg index 99200499d..31dd41255 100644 --- a/src/xfwm4/assets/maximize-toggled-inactive.svg +++ b/src/xfwm4/assets/maximize-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-toggled-prelight.svg b/src/xfwm4/assets/maximize-toggled-prelight.svg index ccc615f28..9f8558cce 100644 --- a/src/xfwm4/assets/maximize-toggled-prelight.svg +++ b/src/xfwm4/assets/maximize-toggled-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/maximize-toggled-pressed.svg b/src/xfwm4/assets/maximize-toggled-pressed.svg index e4a3cbc42..6c1a79573 100644 --- a/src/xfwm4/assets/maximize-toggled-pressed.svg +++ b/src/xfwm4/assets/maximize-toggled-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/menu-active.svg b/src/xfwm4/assets/menu-active.svg index 67643fe47..3b62a8144 100644 --- a/src/xfwm4/assets/menu-active.svg +++ b/src/xfwm4/assets/menu-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/menu-inactive.svg b/src/xfwm4/assets/menu-inactive.svg index ccb1e4ce9..63e97e74c 100644 --- a/src/xfwm4/assets/menu-inactive.svg +++ b/src/xfwm4/assets/menu-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/menu-prelight.svg b/src/xfwm4/assets/menu-prelight.svg index eabeb05f8..301b2f73d 100644 --- a/src/xfwm4/assets/menu-prelight.svg +++ b/src/xfwm4/assets/menu-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/menu-pressed.svg b/src/xfwm4/assets/menu-pressed.svg index a0de695a5..a4d47b492 100644 --- a/src/xfwm4/assets/menu-pressed.svg +++ b/src/xfwm4/assets/menu-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-active.svg b/src/xfwm4/assets/shade-active.svg index 44c1e251d..45c9d935c 100644 --- a/src/xfwm4/assets/shade-active.svg +++ b/src/xfwm4/assets/shade-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-inactive.svg b/src/xfwm4/assets/shade-inactive.svg index 2caede52c..bed7464e7 100644 --- a/src/xfwm4/assets/shade-inactive.svg +++ b/src/xfwm4/assets/shade-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-prelight.svg b/src/xfwm4/assets/shade-prelight.svg index 64f4c1919..e43ac2ed9 100644 --- a/src/xfwm4/assets/shade-prelight.svg +++ b/src/xfwm4/assets/shade-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-pressed.svg b/src/xfwm4/assets/shade-pressed.svg index 69e3dc3eb..8098bb8f7 100644 --- a/src/xfwm4/assets/shade-pressed.svg +++ b/src/xfwm4/assets/shade-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-toggled-active.svg b/src/xfwm4/assets/shade-toggled-active.svg index 4b26949dc..044b49081 100644 --- a/src/xfwm4/assets/shade-toggled-active.svg +++ b/src/xfwm4/assets/shade-toggled-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-toggled-inactive.svg b/src/xfwm4/assets/shade-toggled-inactive.svg index de973e8e6..ceab5cc48 100644 --- a/src/xfwm4/assets/shade-toggled-inactive.svg +++ b/src/xfwm4/assets/shade-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-toggled-prelight.svg b/src/xfwm4/assets/shade-toggled-prelight.svg index bb36b1fc8..c74b2e0e4 100644 --- a/src/xfwm4/assets/shade-toggled-prelight.svg +++ b/src/xfwm4/assets/shade-toggled-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/shade-toggled-pressed.svg b/src/xfwm4/assets/shade-toggled-pressed.svg index 43577c163..0760efaa2 100644 --- a/src/xfwm4/assets/shade-toggled-pressed.svg +++ b/src/xfwm4/assets/shade-toggled-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-active.svg b/src/xfwm4/assets/stick-active.svg index 9d63d2e1a..99b7b9be9 100644 --- a/src/xfwm4/assets/stick-active.svg +++ b/src/xfwm4/assets/stick-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-inactive.svg b/src/xfwm4/assets/stick-inactive.svg index 74c9b5a11..c56155ab1 100644 --- a/src/xfwm4/assets/stick-inactive.svg +++ b/src/xfwm4/assets/stick-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-prelight.svg b/src/xfwm4/assets/stick-prelight.svg index a675f7f04..3387491cc 100644 --- a/src/xfwm4/assets/stick-prelight.svg +++ b/src/xfwm4/assets/stick-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-pressed.svg b/src/xfwm4/assets/stick-pressed.svg index c62a4c8b1..32b60a1a0 100644 --- a/src/xfwm4/assets/stick-pressed.svg +++ b/src/xfwm4/assets/stick-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-toggled-active.svg b/src/xfwm4/assets/stick-toggled-active.svg index 0019c7b88..cb1abbb30 100644 --- a/src/xfwm4/assets/stick-toggled-active.svg +++ b/src/xfwm4/assets/stick-toggled-active.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-toggled-inactive.svg b/src/xfwm4/assets/stick-toggled-inactive.svg index d2fcced1d..45819f200 100644 --- a/src/xfwm4/assets/stick-toggled-inactive.svg +++ b/src/xfwm4/assets/stick-toggled-inactive.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-toggled-prelight.svg b/src/xfwm4/assets/stick-toggled-prelight.svg index 2b323afb9..f5dbeb0a1 100644 --- a/src/xfwm4/assets/stick-toggled-prelight.svg +++ b/src/xfwm4/assets/stick-toggled-prelight.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/stick-toggled-pressed.svg b/src/xfwm4/assets/stick-toggled-pressed.svg index c19c55af3..e01c703bf 100644 --- a/src/xfwm4/assets/stick-toggled-pressed.svg +++ b/src/xfwm4/assets/stick-toggled-pressed.svg @@ -1,5 +1,5 @@ - + diff --git a/src/xfwm4/assets/title-active.svg b/src/xfwm4/assets/title-active.svg index a03d81ab2..796b9b362 100644 --- a/src/xfwm4/assets/title-active.svg +++ b/src/xfwm4/assets/title-active.svg @@ -1,4 +1,4 @@ - + diff --git a/src/xfwm4/assets/title-inactive.svg b/src/xfwm4/assets/title-inactive.svg index 9dff3d834..b2f28222d 100644 --- a/src/xfwm4/assets/title-inactive.svg +++ b/src/xfwm4/assets/title-inactive.svg @@ -1,4 +1,4 @@ - + From 5c9e0a3d879dd38b035b449a38b300e364c44da0 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 28 Jun 2019 00:53:33 +0900 Subject: [PATCH 14/72] chrome: Darken dark variant & titlebar slightly --- src/chrome/chrome-scrollbar-dark/icons/128.svg | 4 ++-- src/chrome/chrome-scrollbar-dark/icons/16.svg | 4 ++-- src/chrome/chrome-scrollbar-dark/icons/48.svg | 4 ++-- src/chrome/chrome-theme-dark/manifest.json | 12 ++++++------ src/chrome/chrome-theme-dark/theme_toolbar.svg | 2 +- src/chrome/chrome-theme/manifest.json | 8 ++++---- 6 files changed, 17 insertions(+), 17 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark/icons/128.svg b/src/chrome/chrome-scrollbar-dark/icons/128.svg index 491f27cf5..0181de916 100644 --- a/src/chrome/chrome-scrollbar-dark/icons/128.svg +++ b/src/chrome/chrome-scrollbar-dark/icons/128.svg @@ -1,6 +1,6 @@ - - + + diff --git a/src/chrome/chrome-scrollbar-dark/icons/16.svg b/src/chrome/chrome-scrollbar-dark/icons/16.svg index 78cc6dc64..8bd9ba14b 100644 --- a/src/chrome/chrome-scrollbar-dark/icons/16.svg +++ b/src/chrome/chrome-scrollbar-dark/icons/16.svg @@ -1,6 +1,6 @@ - - + + diff --git a/src/chrome/chrome-scrollbar-dark/icons/48.svg b/src/chrome/chrome-scrollbar-dark/icons/48.svg index dbd1b576c..37c312088 100644 --- a/src/chrome/chrome-scrollbar-dark/icons/48.svg +++ b/src/chrome/chrome-scrollbar-dark/icons/48.svg @@ -1,6 +1,6 @@ - - + + diff --git a/src/chrome/chrome-theme-dark/manifest.json b/src/chrome/chrome-theme-dark/manifest.json index eed19b8db..7eac10d23 100644 --- a/src/chrome/chrome-theme-dark/manifest.json +++ b/src/chrome/chrome-theme-dark/manifest.json @@ -8,15 +8,15 @@ "theme_toolbar": "theme_toolbar.png" }, "colors": { - "frame": [56, 56, 56], - "frame_inactive": [48, 48, 48], - "frame_incognito": [56, 56, 56], - "frame_incognito_inactive": [48, 48, 48], - "toolbar": [66, 66, 66], + "frame": [53, 53, 53], + "frame_inactive": [44, 44, 44], + "frame_incognito": [53, 53, 53], + "frame_incognito_inactive": [44, 44, 44], + "toolbar": [60, 60, 60], "tab_text": [255, 255, 255], "tab_background_text": [255, 255, 255, 0.7], "bookmark_text": [255, 255, 255], - "ntp_background": [48, 48, 48], + "ntp_background": [44, 44, 44], "ntp_text": [255, 255, 255], "button_background": [0, 0, 0, 0] }, diff --git a/src/chrome/chrome-theme-dark/theme_toolbar.svg b/src/chrome/chrome-theme-dark/theme_toolbar.svg index 552dee4e9..ac1a3a842 100644 --- a/src/chrome/chrome-theme-dark/theme_toolbar.svg +++ b/src/chrome/chrome-theme-dark/theme_toolbar.svg @@ -1,3 +1,3 @@ - + diff --git a/src/chrome/chrome-theme/manifest.json b/src/chrome/chrome-theme/manifest.json index 5d7b9b169..47b28cdad 100644 --- a/src/chrome/chrome-theme/manifest.json +++ b/src/chrome/chrome-theme/manifest.json @@ -8,10 +8,10 @@ "theme_toolbar": "theme_toolbar.png" }, "colors": { - "frame": [56, 56, 56], - "frame_inactive": [48, 48, 48], - "frame_incognito": [56, 56, 56], - "frame_incognito_inactive": [48, 48, 48], + "frame": [53, 53, 53], + "frame_inactive": [44, 44, 44], + "frame_incognito": [53, 53, 53], + "frame_incognito_inactive": [44, 44, 44], "toolbar": [255, 255, 255], "tab_text": [0, 0, 0, 0.87], "tab_background_text": [255, 255, 255, 0.7], From 3380248d59d043a1ca65f5a30e2c6724917c5c72 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Wed, 17 Jul 2019 05:40:24 +0900 Subject: [PATCH 15/72] Regenerate CSSs --- .../chrome-scrollbar-dark/scrollbars.css | 2 +- src/cinnamon/cinnamon-compact.css | 24 +- src/cinnamon/cinnamon-dark-compact.css | 56 +-- src/cinnamon/cinnamon-dark.css | 56 +-- src/cinnamon/cinnamon-light-compact.css | 24 +- src/cinnamon/cinnamon-light.css | 24 +- src/cinnamon/cinnamon.css | 24 +- src/gnome-shell/3.18/gnome-shell-compact.css | 18 +- .../3.18/gnome-shell-dark-compact.css | 48 +-- src/gnome-shell/3.18/gnome-shell-dark.css | 48 +-- .../3.18/gnome-shell-light-compact.css | 14 +- src/gnome-shell/3.18/gnome-shell-light.css | 14 +- src/gnome-shell/3.18/gnome-shell.css | 18 +- src/gnome-shell/3.24/gnome-shell-compact.css | 18 +- .../3.24/gnome-shell-dark-compact.css | 48 +-- src/gnome-shell/3.24/gnome-shell-dark.css | 48 +-- .../3.24/gnome-shell-light-compact.css | 14 +- src/gnome-shell/3.24/gnome-shell-light.css | 14 +- src/gnome-shell/3.24/gnome-shell.css | 18 +- src/gnome-shell/3.26/gnome-shell-compact.css | 18 +- .../3.26/gnome-shell-dark-compact.css | 48 +-- src/gnome-shell/3.26/gnome-shell-dark.css | 48 +-- .../3.26/gnome-shell-light-compact.css | 14 +- src/gnome-shell/3.26/gnome-shell-light.css | 14 +- src/gnome-shell/3.26/gnome-shell.css | 18 +- src/gnome-shell/3.28/gnome-shell-compact.css | 18 +- .../3.28/gnome-shell-dark-compact.css | 52 +-- src/gnome-shell/3.28/gnome-shell-dark.css | 52 +-- .../3.28/gnome-shell-light-compact.css | 14 +- src/gnome-shell/3.28/gnome-shell-light.css | 14 +- src/gnome-shell/3.28/gnome-shell.css | 18 +- src/gnome-shell/3.30/gnome-shell-compact.css | 24 +- .../3.30/gnome-shell-dark-compact.css | 58 +-- src/gnome-shell/3.30/gnome-shell-dark.css | 58 +-- .../3.30/gnome-shell-light-compact.css | 20 +- src/gnome-shell/3.30/gnome-shell-light.css | 20 +- src/gnome-shell/3.30/gnome-shell.css | 24 +- src/gnome-shell/3.32/gnome-shell-compact.css | 28 +- .../3.32/gnome-shell-dark-compact.css | 62 +-- src/gnome-shell/3.32/gnome-shell-dark.css | 62 +-- .../3.32/gnome-shell-light-compact.css | 20 +- src/gnome-shell/3.32/gnome-shell-light.css | 20 +- src/gnome-shell/3.32/gnome-shell.css | 28 +- src/gtk/3.0/gtk-compact.css | 174 ++++---- src/gtk/3.0/gtk-dark-compact.css | 384 +++++++++--------- src/gtk/3.0/gtk-dark.css | 384 +++++++++--------- src/gtk/3.0/gtk-light-compact.css | 148 +++---- src/gtk/3.0/gtk-light.css | 148 +++---- src/gtk/3.0/gtk.css | 174 ++++---- 49 files changed, 1347 insertions(+), 1347 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark/scrollbars.css b/src/chrome/chrome-scrollbar-dark/scrollbars.css index 638565099..8fff2de3c 100644 --- a/src/chrome/chrome-scrollbar-dark/scrollbars.css +++ b/src/chrome/chrome-scrollbar-dark/scrollbars.css @@ -3,7 +3,7 @@ width: 17px; height: 17px; border: 0 solid rgba(255, 255, 255, 0.12); - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(44, 44, 44, 0.9); background-clip: border-box; } diff --git a/src/cinnamon/cinnamon-compact.css b/src/cinnamon/cinnamon-compact.css index 672024b55..bea2555fd 100644 --- a/src/cinnamon/cinnamon-compact.css +++ b/src/cinnamon/cinnamon-compact.css @@ -689,11 +689,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FBBC05; + color: #F4B400; } .system-status-icon.error { - color: #EA4335; + color: #D93025; } #overview { @@ -1092,7 +1092,7 @@ StScrollView StScrollBar { } .run-dialog-error-label { - color: #EA4335; + color: #D93025; } .run-dialog-error-box { @@ -1118,7 +1118,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FBBC05; + color: #F4B400; } .show-processes-dialog { @@ -1352,7 +1352,7 @@ StScrollView StScrollBar { } .window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1390,11 +1390,11 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #212121; + background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { - background: #FBBC05; + background: #F4B400; } .grouped-window-list-item-box { @@ -1424,11 +1424,11 @@ StScrollView StScrollBar { } .grouped-window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .grouped-window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #212121; + background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.7); @@ -1545,7 +1545,7 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #212121; + background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } diff --git a/src/cinnamon/cinnamon-dark-compact.css b/src/cinnamon/cinnamon-dark-compact.css index b5c83f43f..4f7028dfb 100644 --- a/src/cinnamon/cinnamon-dark-compact.css +++ b/src/cinnamon/cinnamon-dark-compact.css @@ -1,6 +1,6 @@ .notification-button, .modal-dialog-button { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -22,7 +22,7 @@ .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -31,7 +31,7 @@ .notification-button:active, .modal-dialog-button:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -50,7 +50,7 @@ .notification-icon-button, .keyboard-key, .sound-player StButton { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -71,7 +71,7 @@ .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -80,7 +80,7 @@ .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -159,7 +159,7 @@ } .menu, .popup-combo-menu { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; color: white; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); @@ -220,7 +220,7 @@ .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; border-radius: 4px; padding: 12px; @@ -689,11 +689,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FBBC05; + color: #FDD633; } .system-status-icon.error { - color: #EA4335; + color: #F28B82; } #overview { @@ -944,7 +944,7 @@ StScrollView StScrollBar { } #notification { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.12); padding: 8px; @@ -1092,7 +1092,7 @@ StScrollView StScrollBar { } .run-dialog-error-label { - color: #EA4335; + color: #F28B82; } .run-dialog-error-box { @@ -1118,7 +1118,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FBBC05; + color: #FDD633; } .show-processes-dialog { @@ -1209,7 +1209,7 @@ StScrollView StScrollBar { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #282828; + background-color: #212121; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -1352,7 +1352,7 @@ StScrollView StScrollBar { } .window-list-item-box .progress { - background-color: #34A853; + background-color: #81C995; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { @@ -1360,12 +1360,12 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } .window-list-preview { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; padding: 10px 15px; spacing: 1em; @@ -1390,11 +1390,11 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #212121; + background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { - background: #FBBC05; + background: #FDD633; } .grouped-window-list-item-box { @@ -1424,11 +1424,11 @@ StScrollView StScrollBar { } .grouped-window-list-item-box .progress { - background-color: #34A853; + background-color: #81C995; } .grouped-window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1520,7 +1520,7 @@ StScrollView StScrollBar { } .sound-player-overlay { - background-color: #424242; + background-color: #3C3C3C; min-width: 300px; padding: 12px 16px; spacing: 0.5em; @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #212121; + background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.7); @@ -1545,7 +1545,7 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #212121; + background-color: #1F1F1F; border: 1px solid rgba(255, 255, 255, 0.12); } @@ -1654,7 +1654,7 @@ StScrollView StScrollBar { .desklet-with-borders { font-size: 9pt; font-weight: 400; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; } @@ -1665,7 +1665,7 @@ StScrollView StScrollBar { .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; - background-color: #424242; + background-color: #3C3C3C; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } @@ -1677,7 +1677,7 @@ StScrollView StScrollBar { .desklet-header { font-size: 15pt; font-weight: 500; - background-color: #424242; + background-color: #3C3C3C; border-radius-topleft: 2px; border-radius-topright: 2px; } @@ -1687,7 +1687,7 @@ StScrollView StScrollBar { } .photoframe-box { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; } diff --git a/src/cinnamon/cinnamon-dark.css b/src/cinnamon/cinnamon-dark.css index 3ada60819..a4f15fce4 100644 --- a/src/cinnamon/cinnamon-dark.css +++ b/src/cinnamon/cinnamon-dark.css @@ -1,6 +1,6 @@ .notification-button, .modal-dialog-button { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -22,7 +22,7 @@ .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -31,7 +31,7 @@ .notification-button:active, .modal-dialog-button:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -50,7 +50,7 @@ .notification-icon-button, .keyboard-key, .sound-player StButton { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -71,7 +71,7 @@ .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -80,7 +80,7 @@ .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -159,7 +159,7 @@ } .menu, .popup-combo-menu { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; color: white; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); @@ -220,7 +220,7 @@ .overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; border-radius: 4px; padding: 12px; @@ -689,11 +689,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FBBC05; + color: #FDD633; } .system-status-icon.error { - color: #EA4335; + color: #F28B82; } #overview { @@ -944,7 +944,7 @@ StScrollView StScrollBar { } #notification { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.12); padding: 8px; @@ -1092,7 +1092,7 @@ StScrollView StScrollBar { } .run-dialog-error-label { - color: #EA4335; + color: #F28B82; } .run-dialog-error-box { @@ -1118,7 +1118,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FBBC05; + color: #FDD633; } .show-processes-dialog { @@ -1209,7 +1209,7 @@ StScrollView StScrollBar { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #282828; + background-color: #212121; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -1352,7 +1352,7 @@ StScrollView StScrollBar { } .window-list-item-box .progress { - background-color: #34A853; + background-color: #81C995; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { @@ -1360,12 +1360,12 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } .window-list-preview { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; padding: 10px 15px; spacing: 1em; @@ -1390,11 +1390,11 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #212121; + background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { - background: #FBBC05; + background: #FDD633; } .grouped-window-list-item-box { @@ -1424,11 +1424,11 @@ StScrollView StScrollBar { } .grouped-window-list-item-box .progress { - background-color: #34A853; + background-color: #81C995; } .grouped-window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1520,7 +1520,7 @@ StScrollView StScrollBar { } .sound-player-overlay { - background-color: #424242; + background-color: #3C3C3C; min-width: 300px; padding: 12px 16px; spacing: 0.5em; @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #212121; + background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.7); @@ -1545,7 +1545,7 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #212121; + background-color: #1F1F1F; border: 1px solid rgba(255, 255, 255, 0.12); } @@ -1654,7 +1654,7 @@ StScrollView StScrollBar { .desklet-with-borders { font-size: 9pt; font-weight: 400; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; } @@ -1665,7 +1665,7 @@ StScrollView StScrollBar { .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; - background-color: #424242; + background-color: #3C3C3C; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } @@ -1677,7 +1677,7 @@ StScrollView StScrollBar { .desklet-header { font-size: 15pt; font-weight: 500; - background-color: #424242; + background-color: #3C3C3C; border-radius-topleft: 2px; border-radius-topright: 2px; } @@ -1687,7 +1687,7 @@ StScrollView StScrollBar { } .photoframe-box { - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; } diff --git a/src/cinnamon/cinnamon-light-compact.css b/src/cinnamon/cinnamon-light-compact.css index 672024b55..bea2555fd 100644 --- a/src/cinnamon/cinnamon-light-compact.css +++ b/src/cinnamon/cinnamon-light-compact.css @@ -689,11 +689,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FBBC05; + color: #F4B400; } .system-status-icon.error { - color: #EA4335; + color: #D93025; } #overview { @@ -1092,7 +1092,7 @@ StScrollView StScrollBar { } .run-dialog-error-label { - color: #EA4335; + color: #D93025; } .run-dialog-error-box { @@ -1118,7 +1118,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FBBC05; + color: #F4B400; } .show-processes-dialog { @@ -1352,7 +1352,7 @@ StScrollView StScrollBar { } .window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1390,11 +1390,11 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #212121; + background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { - background: #FBBC05; + background: #F4B400; } .grouped-window-list-item-box { @@ -1424,11 +1424,11 @@ StScrollView StScrollBar { } .grouped-window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .grouped-window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #212121; + background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.7); @@ -1545,7 +1545,7 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #212121; + background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } diff --git a/src/cinnamon/cinnamon-light.css b/src/cinnamon/cinnamon-light.css index 61dc580f4..d3673f6be 100644 --- a/src/cinnamon/cinnamon-light.css +++ b/src/cinnamon/cinnamon-light.css @@ -689,11 +689,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FBBC05; + color: #F4B400; } .system-status-icon.error { - color: #EA4335; + color: #D93025; } #overview { @@ -1092,7 +1092,7 @@ StScrollView StScrollBar { } .run-dialog-error-label { - color: #EA4335; + color: #D93025; } .run-dialog-error-box { @@ -1118,7 +1118,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FBBC05; + color: #F4B400; } .show-processes-dialog { @@ -1352,7 +1352,7 @@ StScrollView StScrollBar { } .window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1390,11 +1390,11 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #212121; + background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { - background: #FBBC05; + background: #F4B400; } .grouped-window-list-item-box { @@ -1424,11 +1424,11 @@ StScrollView StScrollBar { } .grouped-window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .grouped-window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #212121; + background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.7); @@ -1545,7 +1545,7 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #212121; + background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } diff --git a/src/cinnamon/cinnamon.css b/src/cinnamon/cinnamon.css index 61dc580f4..d3673f6be 100644 --- a/src/cinnamon/cinnamon.css +++ b/src/cinnamon/cinnamon.css @@ -689,11 +689,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FBBC05; + color: #F4B400; } .system-status-icon.error { - color: #EA4335; + color: #D93025; } #overview { @@ -1092,7 +1092,7 @@ StScrollView StScrollBar { } .run-dialog-error-label { - color: #EA4335; + color: #D93025; } .run-dialog-error-box { @@ -1118,7 +1118,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FBBC05; + color: #F4B400; } .show-processes-dialog { @@ -1352,7 +1352,7 @@ StScrollView StScrollBar { } .window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { @@ -1360,7 +1360,7 @@ StScrollView StScrollBar { } .window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1390,11 +1390,11 @@ StScrollView StScrollBar { .grouped-window-list-badge { border-radius: 9999px; - background-color: #212121; + background-color: #1F1F1F; } .grouped-window-list-thumbnail-alert { - background: #FBBC05; + background: #F4B400; } .grouped-window-list-item-box { @@ -1424,11 +1424,11 @@ StScrollView StScrollBar { } .grouped-window-list-item-box .progress { - background-color: #34A853; + background-color: #0F9D58; } .grouped-window-list-item-demands-attention { - background-color: #383838; + background-color: #353535; color: rgba(255, 255, 255, 0.7); } @@ -1528,7 +1528,7 @@ StScrollView StScrollBar { } .workspace-button { - background-color: #212121; + background-color: #1F1F1F; width: 2em; height: 1em; color: rgba(255, 255, 255, 0.7); @@ -1545,7 +1545,7 @@ StScrollView StScrollBar { } .workspace-graph .workspace { - background-color: #212121; + background-color: #1F1F1F; border: 1px solid rgba(0, 0, 0, 0.12); } diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 4a4184e0f..15022430e 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1014,7 +1014,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1031,7 +1031,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1105,7 +1105,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2633,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2867,7 +2867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index 8a8fa1ad5..c69596d1d 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -832,7 +832,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -987,7 +987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1014,7 +1014,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1031,7 +1031,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1105,7 +1105,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #calendarArea { @@ -1849,7 +1849,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2103,17 +2103,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2373,7 +2373,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2390,7 +2390,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2399,7 +2399,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2423,7 +2423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2633,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2867,12 +2867,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2884,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2918,7 +2918,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3036,7 +3036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index 183e46dce..fc2ee260a 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -832,7 +832,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -987,7 +987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1014,7 +1014,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1031,7 +1031,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1105,7 +1105,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #calendarArea { @@ -1849,7 +1849,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2103,17 +2103,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2373,7 +2373,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2390,7 +2390,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2399,7 +2399,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2423,7 +2423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2633,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2867,12 +2867,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2884,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2918,7 +2918,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3036,7 +3036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index 743f7e4d8..5743f3995 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1105,7 +1105,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2633,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2867,7 +2867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index de9114bee..e004201c7 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1105,7 +1105,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2633,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2867,7 +2867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index 746d32ec9..d6e6519d7 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1014,7 +1014,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1031,7 +1031,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1105,7 +1105,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2633,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2867,7 +2867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index 818a1cc33..25f78d4cd 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1022,7 +1022,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1039,7 +1039,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1113,7 +1113,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2676,7 +2676,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2910,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index f33ea1710..e83506b34 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -832,7 +832,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -995,7 +995,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1022,7 +1022,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1039,7 +1039,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1113,7 +1113,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #calendarArea { @@ -1892,7 +1892,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2146,17 +2146,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2416,7 +2416,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2433,7 +2433,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2442,7 +2442,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2466,7 +2466,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2676,7 +2676,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2910,12 +2910,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2927,7 +2927,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2962,7 +2962,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3079,7 +3079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index 650c01163..19d412520 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -832,7 +832,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -995,7 +995,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1022,7 +1022,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1039,7 +1039,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1113,7 +1113,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #calendarArea { @@ -1892,7 +1892,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2146,17 +2146,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2416,7 +2416,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2433,7 +2433,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2442,7 +2442,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2466,7 +2466,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2676,7 +2676,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2910,12 +2910,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2927,7 +2927,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2962,7 +2962,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3079,7 +3079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index 0adf3f406..247c76301 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1113,7 +1113,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2676,7 +2676,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2910,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index cd78ceaf4..718d14952 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1113,7 +1113,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2676,7 +2676,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2910,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index 30d9b8a2d..a570774b7 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -425,7 +425,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -591,7 +591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -621,7 +621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1022,7 +1022,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1039,7 +1039,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } @@ -1113,7 +1113,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #calendarArea { @@ -2676,7 +2676,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2910,7 +2910,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index 46a975f47..7c5e45d6b 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2653,7 +2653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2887,7 +2887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index 7964dcd1f..b18447279 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -819,7 +819,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1916,7 +1916,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2178,17 +2178,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2393,7 +2393,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2410,7 +2410,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2419,7 +2419,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2443,7 +2443,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2653,7 +2653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2887,12 +2887,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2904,7 +2904,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2939,7 +2939,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3056,7 +3056,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index 5ad9a6337..a689e15a9 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -819,7 +819,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1916,7 +1916,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2178,17 +2178,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2393,7 +2393,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2410,7 +2410,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2419,7 +2419,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2443,7 +2443,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2653,7 +2653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2887,12 +2887,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2904,7 +2904,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2939,7 +2939,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3056,7 +3056,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index 18cf03317..f7c738ed7 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,7 +1115,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2653,7 +2653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2887,7 +2887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index b86a39c0f..f58641729 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,7 +1115,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2653,7 +2653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2887,7 +2887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index d719cbc00..28135560e 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2653,7 +2653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2887,7 +2887,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index 6b50f7a17..8e71e6dd2 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2696,7 +2696,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2930,7 +2930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 08cd3f1be..4290a7b37 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -819,7 +819,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1916,7 +1916,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2178,17 +2178,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2396,7 +2396,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2413,7 +2413,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2422,7 +2422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2438,12 +2438,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #3C3C3C; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #686868; + background-color: #636363; } .keyboard-key.enter-key { @@ -2486,7 +2486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2696,7 +2696,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2930,12 +2930,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2947,7 +2947,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2982,7 +2982,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3099,7 +3099,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index 418983c76..ff0eec0c6 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -359,7 +359,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -819,7 +819,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1916,7 +1916,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2178,17 +2178,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2396,7 +2396,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2413,7 +2413,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2422,7 +2422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2438,12 +2438,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #3C3C3C; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #686868; + background-color: #636363; } .keyboard-key.enter-key { @@ -2486,7 +2486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2696,7 +2696,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2930,12 +2930,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2947,7 +2947,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2982,7 +2982,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3099,7 +3099,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index 9cb00ef7e..a6bb9e409 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,7 +1115,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2696,7 +2696,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2930,7 +2930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index 82fd6693d..2fef264e7 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,7 +1115,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2696,7 +2696,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2930,7 +2930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index 9341da6a3..1667dc058 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -449,7 +449,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -608,7 +608,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -638,7 +638,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -1115,11 +1115,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1131,7 +1131,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2696,7 +2696,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2930,7 +2930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index 341d2e7c9..fefcf4f12 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -452,7 +452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -611,7 +611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -641,7 +641,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -865,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1116,15 +1116,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1136,7 +1136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2703,7 +2703,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2937,7 +2937,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index b2dd6ddca..d169ba77d 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -362,7 +362,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -452,7 +452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -611,7 +611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -641,7 +641,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -822,7 +822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -865,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } @@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1116,15 +1116,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel .remote-access-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1136,7 +1136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2185,17 +2185,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2403,7 +2403,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2420,7 +2420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2429,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2445,12 +2445,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #3C3C3C; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #686868; + background-color: #636363; } .keyboard-key.enter-key { @@ -2493,7 +2493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2703,7 +2703,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2937,12 +2937,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2954,7 +2954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2989,7 +2989,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index f2ab49538..2046f7e23 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -362,7 +362,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -452,7 +452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -611,7 +611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -641,7 +641,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -822,7 +822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -865,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } @@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1116,15 +1116,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel .remote-access-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1136,7 +1136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2185,17 +2185,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2403,7 +2403,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2420,7 +2420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2429,7 +2429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2445,12 +2445,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #3C3C3C; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #686868; + background-color: #636363; } .keyboard-key.enter-key { @@ -2493,7 +2493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2703,7 +2703,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -2937,12 +2937,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -2954,7 +2954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -2989,7 +2989,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 0cbb27ccb..9b613a844 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -452,7 +452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -611,7 +611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -641,7 +641,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -865,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1116,11 +1116,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2703,7 +2703,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2937,7 +2937,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index 69d099b03..02a1e2c6f 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -452,7 +452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -611,7 +611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -641,7 +641,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -865,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1116,11 +1116,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2703,7 +2703,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2937,7 +2937,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index f9a3570bc..de519e24f 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -452,7 +452,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -611,7 +611,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -641,7 +641,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -865,7 +865,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1116,15 +1116,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1136,7 +1136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2703,7 +2703,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -2937,7 +2937,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index 7834809d4..df920e114 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -457,7 +457,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -646,7 +646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1016,7 +1016,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1082,7 +1082,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(33, 33, 33, 0.01); + background-color: rgba(31, 31, 31, 0.01); box-shadow: inset 0 -2px 0px white; color: white; } @@ -1122,15 +1122,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1142,7 +1142,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2806,7 +2806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -3040,7 +3040,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index ca59ec014..c983e7659 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -367,7 +367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -457,7 +457,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -646,7 +646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -828,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } @@ -989,7 +989,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1016,7 +1016,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1082,7 +1082,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(33, 33, 33, 0.01); + background-color: rgba(31, 31, 31, 0.01); box-shadow: inset 0 -2px 0px white; color: white; } @@ -1122,15 +1122,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel .remote-access-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1142,7 +1142,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1975,7 +1975,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2243,17 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2470,7 +2470,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2487,7 +2487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2512,12 +2512,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #3C3C3C; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #686868; + background-color: #636363; } .keyboard-key.enter-key { @@ -2560,7 +2560,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2806,7 +2806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -3040,12 +3040,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -3057,7 +3057,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -3092,7 +3092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3209,7 +3209,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index 96d264498..c17f588fa 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #FDD633; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #8AB4F8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -367,7 +367,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -457,7 +457,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #FDD633; padding-top: 6px; } @@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #F28B82; padding-bottom: 8px; } @@ -646,7 +646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #FDD633; } .polkit-dialog-user-icon { @@ -828,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(255, 255, 255, 0.12); -barlevel-active-background-color: #8AB4F8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #F28B82; -barlevel-overdrive-separator-width: 2px; } @@ -989,7 +989,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .resize-popup, .switcher-list, .workspace-switcher-container { color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 4px; @@ -1016,7 +1016,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1082,7 +1082,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(33, 33, 33, 0.01); + background-color: rgba(31, 31, 31, 0.01); box-shadow: inset 0 -2px 0px white; color: white; } @@ -1122,15 +1122,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #FDD633; } #panel .remote-access-indicator { - color: #FBBC05; + color: #FDD633; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1142,7 +1142,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -1975,7 +1975,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; padding: 7px 8px; color: white; - background-color: #424242; + background-color: #3C3C3C; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -2243,17 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 5px; border-radius: 4px; color: white; - background-color: #424242; + background-color: #3C3C3C; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner:focus { - background-color: #424242; + background-color: #3C3C3C; } .notification-banner .notification-icon { @@ -2470,7 +2470,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; border: none; color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2487,7 +2487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:hover, .keyboard-key:checked { color: white; - background-color: #424242; + background-color: #3C3C3C; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:active { color: white; - background-color: #6f6f6f; + background-color: #6b6b6b; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2512,12 +2512,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #3C3C3C; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #686868; + background-color: #636363; } .keyboard-key.enter-key { @@ -2560,7 +2560,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #3C3C3C; border-radius: 4px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2806,7 +2806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #FDD633; } .login-dialog-message-hint { @@ -3040,12 +3040,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #3C3C3C; spacing: 4px; padding: 0; border: none; @@ -3057,7 +3057,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); } @@ -3092,7 +3092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(60, 60, 60, 0.01); box-shadow: inset 0 -2px 0px #8AB4F8; color: white; text-shadow: none; @@ -3209,7 +3209,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #3C3C3C; border: none; border-radius: 4px; padding: 6px; diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index ebc669b71..70f1b2467 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -457,7 +457,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -646,7 +646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1122,11 +1122,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2806,7 +2806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -3040,7 +3040,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index e78caacf5..c335c595e 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -457,7 +457,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -646,7 +646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1122,11 +1122,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { @@ -2806,7 +2806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -3040,7 +3040,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index 04dbaa5c3..42fd0e81f 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -181,7 +181,7 @@ StEntry:insensitive { StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FBBC05; + warning-color: #F4B400; padding: 0 0; } @@ -249,7 +249,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-border-color: transparent; -barlevel-active-background-color: #1A73E8; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -457,7 +457,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FBBC05; + color: #F4B400; padding-top: 6px; } @@ -616,7 +616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #EA4335; + color: #D93025; padding-bottom: 8px; } @@ -646,7 +646,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FBBC05; + color: #F4B400; } .polkit-dialog-user-icon { @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -barlevel-height: 8px; -barlevel-background-color: rgba(0, 0, 0, 0.12); -barlevel-active-background-color: #1A73E8; - -barlevel-overdrive-color: #EA4335; + -barlevel-overdrive-color: #D93025; -barlevel-overdrive-separator-width: 2px; } @@ -1016,7 +1016,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #1F1F1F; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1082,7 +1082,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(33, 33, 33, 0.01); + background-color: rgba(31, 31, 31, 0.01); box-shadow: inset 0 -2px 0px white; color: white; } @@ -1122,15 +1122,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FBBC05; + color: #F4B400; } #panel .remote-access-indicator { - color: #FBBC05; + color: #F4B400; } #panel.solid { - background-color: #212121; + background-color: #1F1F1F; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1142,7 +1142,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #1F1F1F; } #panel.solid .panel-button { @@ -2806,7 +2806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FBBC05; + color: #F4B400; } .login-dialog-message-hint { @@ -3040,7 +3040,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #212121; background-size: cover; } diff --git a/src/gtk/3.0/gtk-compact.css b/src/gtk/3.0/gtk-compact.css index 5b4b9bec4..8a375ea2b 100644 --- a/src/gtk/3.0/gtk-compact.css +++ b/src/gtk/3.0/gtk-compact.css @@ -22,7 +22,7 @@ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #EA4335; + -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -289,15 +289,15 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), @@ -310,15 +310,15 @@ entry.error:disabled { spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), @@ -339,22 +339,22 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -362,18 +362,18 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #EA4335; + box-shadow: 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: #D93025; color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -393,18 +393,18 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FBBC05; + box-shadow: 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: #F4B400; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -486,7 +486,7 @@ button { font-weight: 500; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: inset 0 0 0 9999px transparent, 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); background-color: #FFFFFF; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -497,20 +497,20 @@ button { button:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 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); } button:hover, button:drop(active) { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px transparent, 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); } button:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -821,7 +821,7 @@ button.suggested-action.flat:checked { button.destructive-action { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -834,13 +834,13 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #f07b72; + background-color: #e46e66; } button.destructive-action.flat { background-color: transparent; - color: #EA4335; + color: #D93025; } @@ -852,7 +852,7 @@ button.destructive-action.flat:disabled { button.destructive-action.flat:checked { - background-color: rgba(234, 67, 53, 0.3); + background-color: rgba(217, 48, 37, 0.3); } .stack-switcher > @@ -1176,12 +1176,12 @@ toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { @@ -1259,8 +1259,8 @@ searchbar > revealer > box { .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #353535; color: white; } @@ -1269,7 +1269,7 @@ searchbar > revealer > box { } .titlebar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1399,7 +1399,7 @@ searchbar > revealer > box { .titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } @@ -1472,7 +1472,7 @@ searchbar > revealer > box { .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } .titlebar.default-decoration { @@ -1500,7 +1500,7 @@ searchbar > revealer > box { .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } headerbar { @@ -1713,13 +1713,13 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #383838; + background-color: #353535; color: white; } menubar:backdrop, .menubar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1892,12 +1892,12 @@ menuitem:disabled accelerator { popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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); } popover.background, .csd popover.background { @@ -2374,20 +2374,20 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline: none; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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; } switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); } switch:checked slider { @@ -2407,13 +2407,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2944,7 +2944,7 @@ levelbar.vertical.discrete block:not(:last-child) { } levelbar block.low { - background-color: #FBBC05; + background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { @@ -2952,7 +2952,7 @@ levelbar block.high, levelbar block:not(.empty) { } levelbar block.full { - background-color: #34A853; + background-color: #0F9D58; } levelbar block.empty { @@ -3279,7 +3279,7 @@ messagedialog.csd .dialog-action-box button:not(:disabled) { } messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #EA4335; + color: #D93025; } filechooser .dialog-action-box { @@ -3505,7 +3505,7 @@ infobar.info button.text-button:not(:disabled), infobar.question button.text-but } infobar.warning { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -3514,7 +3514,7 @@ infobar.warning *:link, infobar.warning button.link:link { } infobar.error { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -3598,15 +3598,15 @@ colorswatch.light { colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch overlay:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { @@ -3641,12 +3641,12 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } /******** @@ -3662,12 +3662,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + 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 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + 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 6px 18px 5px transparent; } .maximized decoration, @@ -3690,7 +3690,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); } tooltip.csd decoration { @@ -3706,7 +3706,7 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #383838; + background-color: #353535; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, @@ -3857,7 +3857,7 @@ popover.emoji-completion .emoji:hover { .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } @keyframes nautilus-operations-button-needs-attention { @@ -3972,7 +3972,7 @@ popover.emoji-completion .emoji:hover { } .conflict-row:not(:selected) { - background-color: #feebb4; + background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { @@ -4043,7 +4043,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .open-document-selector-match { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -4244,7 +4244,7 @@ layout { } entry.search-missing { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -4540,7 +4540,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #1A73E8; color: white; font-weight: bold; @@ -4576,7 +4576,7 @@ button.photos-filter-preview:checked { button.photos-filter-preview:checked image { color: white; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4777,7 +4777,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } overlay > revealer.left > scrolledwindow.frame { @@ -5084,12 +5084,12 @@ UnityDecoration .top { border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + background-color: #353535; color: white; } UnityDecoration .top:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -5105,7 +5105,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5114,7 +5114,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; + background-color: #1F1F1F; color: white; } @@ -5150,7 +5150,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5486,7 +5486,7 @@ na-tray-applet { .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } @@ -5572,7 +5572,7 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -5617,7 +5617,7 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } @@ -5813,7 +5813,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5842,7 +5842,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #EA4335; + color: #D93025; } .budgie-panel .titlebar:not(headerbar) { @@ -5925,7 +5925,7 @@ MsdOsdWindow.background.osd .progressbar { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } .top frame.raven-frame > border { @@ -6056,7 +6056,7 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6098,7 +6098,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #EA4335; + color: #D93025; } .budgie-run-dialog { @@ -6133,7 +6133,7 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -6173,7 +6173,7 @@ XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { @@ -6258,7 +6258,7 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -6385,17 +6385,17 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FBBC05; -@define-color error_color #EA4335; -@define-color success_color #34A853; +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; /* 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 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 #383838; -@define-color wm_unfocused_bg #303030; +@define-color wm_bg #353535; +@define-color wm_unfocused_bg #2C2C2C; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; diff --git a/src/gtk/3.0/gtk-dark-compact.css b/src/gtk/3.0/gtk-dark-compact.css index ac6691be1..7e3e055c6 100644 --- a/src/gtk/3.0/gtk-dark-compact.css +++ b/src/gtk/3.0/gtk-dark-compact.css @@ -22,7 +22,7 @@ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #EA4335; + -GtkTextView-error-underline-color: #F28B82; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -45,7 +45,7 @@ * Base States * ***************/ .background { - background-color: #282828; + background-color: #212121; color: white; } @@ -60,22 +60,22 @@ } .gtkstyle-fallback { - background-color: #282828; + background-color: #212121; color: white; } .gtkstyle-fallback:hover { - background-color: #1b1b1b; + background-color: #141414; color: white; } .gtkstyle-fallback:active { - background-color: #0f0f0f; + background-color: #080808; color: white; } .gtkstyle-fallback:disabled { - background-color: #282828; + background-color: #212121; color: rgba(255, 255, 255, 0.5); } @@ -85,7 +85,7 @@ } .view { - background-color: #303030; + background-color: #2C2C2C; color: white; } @@ -106,7 +106,7 @@ } textview text { - background-color: #303030; + background-color: #2C2C2C; } textview border { @@ -267,7 +267,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -278,7 +278,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -289,15 +289,15 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F28B82; background-color: rgba(255, 255, 255, 0.04); color: white; } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), @@ -310,15 +310,15 @@ entry.error:disabled { spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FDD633; background-color: rgba(255, 255, 255, 0.04); color: white; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), @@ -339,22 +339,22 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; + box-shadow: 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: #2C2C2C; color: white; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #2C2C2C; color: rgba(255, 255, 255, 0.5); } @@ -362,49 +362,49 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #EA4335; - color: white; + box-shadow: 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: #F28B82; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #2C2C2C; color: rgba(255, 255, 255, 0.5); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { - color: white; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FBBC05; + box-shadow: 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: #FDD633; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #2C2C2C; color: rgba(255, 255, 255, 0.5); } @@ -422,7 +422,7 @@ spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:n } treeview entry.flat, treeview entry { - background-color: #303030; + background-color: #2C2C2C; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -486,8 +486,8 @@ button { font-weight: 500; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + box-shadow: inset 0 0 0 9999px transparent, 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); + background-color: #3C3C3C; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; @@ -497,20 +497,20 @@ button { button:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 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); } button:hover, button:drop(active) { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px transparent, 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); } button:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -821,8 +821,8 @@ button.suggested-action.flat:checked { button.destructive-action { - background-color: #EA4335; - color: white; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); } @@ -834,13 +834,13 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #f07b72; + background-color: rgba(182, 105, 98, 0.961); } button.destructive-action.flat { background-color: transparent; - color: #EA4335; + color: #F28B82; } @@ -852,7 +852,7 @@ button.destructive-action.flat:disabled { button.destructive-action.flat:checked { - background-color: rgba(234, 67, 53, 0.3); + background-color: rgba(242, 139, 130, 0.3); } .stack-switcher > @@ -1165,7 +1165,7 @@ button.combo:only-child:disabled { toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #282828; + background-color: #212121; } .osd toolbar { @@ -1176,12 +1176,12 @@ toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); + 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); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { @@ -1244,7 +1244,7 @@ searchbar > revealer > box, border-style: solid; border-width: 0 0 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; background-clip: border-box; } @@ -1259,8 +1259,8 @@ searchbar > revealer > box { .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #353535; color: white; } @@ -1269,7 +1269,7 @@ searchbar > revealer > box { } .titlebar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1399,7 +1399,7 @@ searchbar > revealer > box { .titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } @@ -1472,7 +1472,7 @@ searchbar > revealer > box { .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } .titlebar.default-decoration { @@ -1500,7 +1500,7 @@ searchbar > revealer > box { .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } headerbar { @@ -1597,7 +1597,7 @@ treeview.view { } treeview.view:selected { - background-color: #303030; + background-color: #2C2C2C; background-image: image(rgba(138, 180, 248, 0.24)); } @@ -1682,7 +1682,7 @@ treeview.view header button:not(:focus):not(:hover):not(:active) { } treeview.view header button, treeview.view header button:disabled { - background-color: #303030; + background-color: #2C2C2C; } treeview.view header button:last-child { @@ -1697,7 +1697,7 @@ treeview.view header.button.dnd { border-color: rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #2C2C2C; background-clip: border-box; color: #8AB4F8; } @@ -1713,13 +1713,13 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #383838; + background-color: #353535; color: white; } menubar:backdrop, .menubar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1763,7 +1763,7 @@ menu, margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; border: 1px solid rgba(0, 0, 0, 0.26); } @@ -1834,7 +1834,7 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #424242; + background-color: #3C3C3C; color: rgba(255, 255, 255, 0.7); } @@ -1892,12 +1892,12 @@ menuitem:disabled accelerator { popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + 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); + background-color: #3C3C3C; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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); } popover.background, .csd popover.background { @@ -1926,7 +1926,7 @@ popover.background > toolbar { popover.background list, popover.background .view:not(:selected), popover.background toolbar { - background-color: #424242; + background-color: #3C3C3C; } popover.background.menu button, @@ -1959,7 +1959,7 @@ notebook:focus tab:checked { notebook > header { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; background-clip: border-box; } @@ -2136,7 +2136,7 @@ notebook > header tab:checked:disabled { notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + background-color: #2C2C2C; } notebook > header tab > box { @@ -2190,7 +2190,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #303030; + background-color: #2C2C2C; } /************** @@ -2198,7 +2198,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #303030; + background-color: #2C2C2C; background-clip: border-box; } @@ -2271,14 +2271,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; @@ -2306,7 +2306,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(44, 44, 44, 0.9); } scrollbar.horizontal slider { @@ -2374,20 +2374,20 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline: none; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + 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: #3C3C3C; } switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); } switch:checked slider { @@ -2407,13 +2407,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2696,7 +2696,7 @@ scale highlight { } scale highlight:disabled { - background-color: #282828; + background-color: #212121; background-image: image(rgba(255, 255, 255, 0.3)); } @@ -2944,7 +2944,7 @@ levelbar.vertical.discrete block:not(:last-child) { } levelbar block.low { - background-color: #FBBC05; + background-color: #FDD633; } levelbar block.high, levelbar block:not(.empty) { @@ -2952,7 +2952,7 @@ levelbar block.high, levelbar block:not(.empty) { } levelbar block.full { - background-color: #34A853; + background-color: #81C995; } levelbar block.empty { @@ -2965,7 +2965,7 @@ levelbar block.empty { printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #303030; + background-color: #2C2C2C; color: white; } @@ -2994,7 +2994,7 @@ frame.flat > border { actionbar > revealer > box { padding: 4px; border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; background-clip: border-box; } @@ -3044,7 +3044,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3054,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3064,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3074,7 +3074,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3086,7 +3086,7 @@ junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } junction:dir(rtl) { @@ -3113,7 +3113,7 @@ stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferen *********/ list { border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + background-color: #2C2C2C; } list row { @@ -3244,19 +3244,19 @@ calendar:indeterminate { * Dialogs * ***********/ messagedialog.background { - background-color: #424242; + background-color: #3C3C3C; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; color: white; } messagedialog .titlebar:backdrop { - background-color: #424242; + background-color: #3C3C3C; color: rgba(255, 255, 255, 0.7); } @@ -3279,7 +3279,7 @@ messagedialog.csd .dialog-action-box button:not(:disabled) { } messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #EA4335; + color: #F28B82; } filechooser .dialog-action-box { @@ -3288,7 +3288,7 @@ filechooser .dialog-action-box { filechooser #pathbarbox { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } /*********** @@ -3441,7 +3441,7 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #282828; + 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; } @@ -3492,7 +3492,7 @@ infobar { infobar.info, infobar.question { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } infobar.info button.text-button, infobar.question button.text-button { @@ -3505,7 +3505,7 @@ infobar.info button.text-button:not(:disabled), infobar.question button.text-but } infobar.warning { - background-color: #FBBC05; + background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } @@ -3514,12 +3514,12 @@ infobar.warning *:link, infobar.warning button.link:link { } infobar.error { - background-color: #EA4335; - color: white; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); } infobar.error *:link, infobar.error button.link:link { - color: white; + color: rgba(0, 0, 0, 0.87); } /************ @@ -3598,15 +3598,15 @@ colorswatch.light { colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch overlay:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { @@ -3619,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-color: #424242; + background-color: #3C3C3C; } colorswatch:disabled { @@ -3641,19 +3641,19 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); + 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: #282828; + background-color: #212121; } /********************** @@ -3662,12 +3662,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + 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 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + 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 6px 18px 5px transparent; } .maximized decoration, @@ -3690,7 +3690,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); } tooltip.csd decoration { @@ -3706,7 +3706,7 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #383838; + background-color: #353535; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, @@ -3754,7 +3754,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); - background-color: #424242; + background-color: #3C3C3C; color: white; font-size: smaller; } @@ -3847,7 +3847,7 @@ popover.emoji-completion .emoji:hover { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #303030; + background-color: #2C2C2C; } .nautilus-canvas-item.dim-label, @@ -3857,7 +3857,7 @@ popover.emoji-completion .emoji:hover { .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } @keyframes nautilus-operations-button-needs-attention { @@ -3929,7 +3929,7 @@ popover.emoji-completion .emoji:hover { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(44, 44, 44, 0.9); background-clip: border-box; } @@ -3967,12 +3967,12 @@ popover.emoji-completion .emoji:hover { .search-information { padding: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; color: white; } .conflict-row:not(:selected) { - background-color: #6d5a23; + background-color: #6b5f2e; } .nautilus-window flowboxchild .icon-item-background { @@ -4031,7 +4031,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-window paned > separator { - background-color: #282828; + background-color: #212121; } /********* @@ -4043,7 +4043,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .open-document-selector-match { - background-color: #FBBC05; + background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } @@ -4104,20 +4104,20 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: #424242; + background-color: #3C3C3C; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: white; + color: rgba(0, 0, 0, 0.87); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .gedit-search-slider .linked > button { @@ -4159,16 +4159,16 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#303030); + background-image: image(#2C2C2C); } .tweak-startup, .tweak-startup:hover { - background-image: image(#303030); + background-image: image(#2C2C2C); } .tweak-group-startup { - background-image: image(#303030); + background-image: image(#2C2C2C); border: 1px solid rgba(0, 0, 0, 0.26); } @@ -4212,7 +4212,7 @@ row#workspaces-only-on-primary { ***********/ layouttabbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } layouttabbar > box > button { @@ -4225,7 +4225,7 @@ layouttab { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #8AB4F8; - background-color: #303030; + background-color: #2C2C2C; } layouttab separator.vertical { @@ -4244,8 +4244,8 @@ layout { } entry.search-missing { - background-color: #EA4335; - color: white; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); } window.workbench treeview.image { @@ -4291,7 +4291,7 @@ popover.omnibar list row:not(:last-child) { entry.preferences-search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; - background-color: #303030; + background-color: #2C2C2C; } preferences stacksidebar.sidebar list { @@ -4356,13 +4356,13 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } docktab { @@ -4397,7 +4397,7 @@ docktab:checked { } dockoverlayedge { - background-color: #282828; + background-color: #212121; } dockoverlayedge docktabstrip { @@ -4414,14 +4414,14 @@ dockoverlayedge.right-edge docktab:checked { } pillbox { - background-color: #282828; + background-color: #212121; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; - background-color: #303030; + background-color: #2C2C2C; } editortweak entry.search { @@ -4476,7 +4476,7 @@ idelayoutstackheader button:checked { ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #282828; + background-color: #212121; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { @@ -4540,7 +4540,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; @@ -4576,7 +4576,7 @@ button.photos-filter-preview:checked { button.photos-filter-preview:checked image { color: white; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4777,7 +4777,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } overlay > revealer.left > scrolledwindow.frame { @@ -4790,7 +4790,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#424242); + background-image: image(#3C3C3C); } .terminal-titlebar button { @@ -4805,7 +4805,7 @@ button.image-button.session-new-button { * Terminator * **************/ .terminator-terminal-window paned > separator { - background-color: #282828; + background-color: #212121; } .terminator-terminal-window notebook.frame { @@ -4840,7 +4840,7 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #424242; + background-color: #3C3C3C; } window.background.chromium entry, @@ -4871,7 +4871,7 @@ window.background.chromium spinner { } window.background.chromium textview { - background-color: #424242; + background-color: #3C3C3C; } tooltip.background.chromium { @@ -4903,7 +4903,7 @@ window.background:not(.csd) > widget > button > button { window.background:not(.csd) > widget > entry { min-height: 30px; - background-color: #303030; + background-color: #2C2C2C; } window.background:not(.csd) > widget > entry:focus { @@ -5084,12 +5084,12 @@ UnityDecoration .top { border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + background-color: #353535; color: white; } UnityDecoration .top:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -5105,7 +5105,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5114,7 +5114,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; + background-color: #1F1F1F; color: white; } @@ -5150,7 +5150,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5275,7 +5275,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } #MatePanelPopupWindow frame > border { @@ -5321,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } .mate-panel-applet-slider frame > border { @@ -5339,7 +5339,7 @@ na-tray-applet { #mate-menu { border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #424242; + background-color: #3C3C3C; } #mate-menu button { @@ -5374,7 +5374,7 @@ na-tray-applet { .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } .brisk-menu entry { @@ -5452,7 +5452,7 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #303030; + background-color: #2C2C2C; } .caja-side-pane notebook, @@ -5486,7 +5486,7 @@ na-tray-applet { .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } @@ -5506,7 +5506,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } #caja-extra-view-widget > box > box > label { @@ -5572,8 +5572,8 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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); + background-color: #3C3C3C; } .lock-dialog frame > border { @@ -5617,8 +5617,8 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + 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); + background-color: #3C3C3C; } .budgie-popover .container { @@ -5813,7 +5813,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5842,7 +5842,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #EA4335; + color: #F28B82; } .budgie-panel .titlebar:not(headerbar) { @@ -5925,7 +5925,7 @@ MsdOsdWindow.background.osd .progressbar { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } .top frame.raven-frame > border { @@ -5945,7 +5945,7 @@ frame.raven-frame > border { } .raven { - background-color: #424242; + background-color: #3C3C3C; } .raven > box { @@ -5994,7 +5994,7 @@ frame.raven-frame > border { border-style: solid none; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } .raven .raven-background > overlay > widget > image { @@ -6056,8 +6056,8 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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; } .drop-shadow .linked > button { @@ -6067,7 +6067,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { @@ -6098,11 +6098,11 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #EA4335; + color: #F28B82; } .budgie-run-dialog { - background-color: #303030; + background-color: #2C2C2C; } .budgie-run-dialog entry.search { @@ -6125,7 +6125,7 @@ calendar.raven-calendar:selected { * Xfce4 Apps * **************/ .XfceHeading { - background-color: #303030; + background-color: #2C2C2C; } /*************** @@ -6133,7 +6133,7 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -6173,7 +6173,7 @@ XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { @@ -6258,8 +6258,8 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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); + background-color: #3C3C3C; } #content_frame { @@ -6318,7 +6318,7 @@ XfdesktopIconView.view .rubberband { } .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: dimgray; + -NemoPlacesTreeView-disk-full-bg-color: #646464; -NemoPlacesTreeView-disk-full-fg-color: #8AB4F8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; @@ -6337,10 +6337,10 @@ text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #282828; +@define-color theme_bg_color #212121; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #2C2C2C; /* base background color of selections */ @define-color theme_selected_bg_color #8AB4F8; @@ -6349,7 +6349,7 @@ text/foreground color of selections */ @define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #282828; +@define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); @@ -6364,10 +6364,10 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #282828; +@define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #2C2C2C; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #8AB4F8; @@ -6385,18 +6385,18 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FBBC05; -@define-color error_color #EA4335; -@define-color success_color #34A853; +@define-color warning_color #FDD633; +@define-color error_color #F28B82; +@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 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 #383838; -@define-color wm_unfocused_bg #303030; +@define-color wm_bg #353535; +@define-color wm_unfocused_bg #2C2C2C; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; diff --git a/src/gtk/3.0/gtk-dark.css b/src/gtk/3.0/gtk-dark.css index 2f961c823..358c5f90b 100644 --- a/src/gtk/3.0/gtk-dark.css +++ b/src/gtk/3.0/gtk-dark.css @@ -22,7 +22,7 @@ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #EA4335; + -GtkTextView-error-underline-color: #F28B82; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -45,7 +45,7 @@ * Base States * ***************/ .background { - background-color: #282828; + background-color: #212121; color: white; } @@ -60,22 +60,22 @@ } .gtkstyle-fallback { - background-color: #282828; + background-color: #212121; color: white; } .gtkstyle-fallback:hover { - background-color: #1b1b1b; + background-color: #141414; color: white; } .gtkstyle-fallback:active { - background-color: #0f0f0f; + background-color: #080808; color: white; } .gtkstyle-fallback:disabled { - background-color: #282828; + background-color: #212121; color: rgba(255, 255, 255, 0.5); } @@ -85,7 +85,7 @@ } .view { - background-color: #303030; + background-color: #2C2C2C; color: white; } @@ -106,7 +106,7 @@ } textview text { - background-color: #303030; + background-color: #2C2C2C; } textview border { @@ -267,7 +267,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -278,7 +278,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -289,15 +289,15 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F28B82; background-color: rgba(255, 255, 255, 0.04); color: white; } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F28B82 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), @@ -310,15 +310,15 @@ entry.error:disabled { spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FDD633; background-color: rgba(255, 255, 255, 0.04); color: white; } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FDD633 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), @@ -339,22 +339,22 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; + box-shadow: 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: #2C2C2C; color: white; } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #2C2C2C; color: rgba(255, 255, 255, 0.5); } @@ -362,49 +362,49 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #EA4335; - color: white; + box-shadow: 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: #F28B82; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #2C2C2C; color: rgba(255, 255, 255, 0.5); } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { - color: white; + color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(0, 0, 0, 0.38); } spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FBBC05; + box-shadow: 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: #FDD633; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #2C2C2C; color: rgba(255, 255, 255, 0.5); } @@ -422,7 +422,7 @@ spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:n } treeview entry.flat, treeview entry { - background-color: #303030; + background-color: #2C2C2C; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -486,8 +486,8 @@ button { font-weight: 500; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + box-shadow: inset 0 0 0 9999px transparent, 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); + background-color: #3C3C3C; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; @@ -497,20 +497,20 @@ button { button:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 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); } button:hover, button:drop(active) { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px transparent, 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); } button:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -821,8 +821,8 @@ button.suggested-action.flat:checked { button.destructive-action { - background-color: #EA4335; - color: white; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); } @@ -834,13 +834,13 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #f07b72; + background-color: rgba(182, 105, 98, 0.961); } button.destructive-action.flat { background-color: transparent; - color: #EA4335; + color: #F28B82; } @@ -852,7 +852,7 @@ button.destructive-action.flat:disabled { button.destructive-action.flat:checked { - background-color: rgba(234, 67, 53, 0.3); + background-color: rgba(242, 139, 130, 0.3); } .stack-switcher > @@ -1165,7 +1165,7 @@ button.combo:only-child:disabled { toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #282828; + background-color: #212121; } .osd toolbar { @@ -1176,12 +1176,12 @@ toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); + 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); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { @@ -1244,7 +1244,7 @@ searchbar > revealer > box, border-style: solid; border-width: 0 0 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; background-clip: border-box; } @@ -1259,8 +1259,8 @@ searchbar > revealer > box { .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #353535; color: white; } @@ -1269,7 +1269,7 @@ searchbar > revealer > box { } .titlebar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1399,7 +1399,7 @@ searchbar > revealer > box { .titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); } @@ -1472,7 +1472,7 @@ searchbar > revealer > box { .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } .titlebar.default-decoration { @@ -1500,7 +1500,7 @@ searchbar > revealer > box { .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } headerbar { @@ -1597,7 +1597,7 @@ treeview.view { } treeview.view:selected { - background-color: #303030; + background-color: #2C2C2C; background-image: image(rgba(138, 180, 248, 0.24)); } @@ -1682,7 +1682,7 @@ treeview.view header button:not(:focus):not(:hover):not(:active) { } treeview.view header button, treeview.view header button:disabled { - background-color: #303030; + background-color: #2C2C2C; } treeview.view header button:last-child { @@ -1697,7 +1697,7 @@ treeview.view header.button.dnd { border-color: rgba(255, 255, 255, 0.12); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #2C2C2C; background-clip: border-box; color: #8AB4F8; } @@ -1713,13 +1713,13 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #383838; + background-color: #353535; color: white; } menubar:backdrop, .menubar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1763,7 +1763,7 @@ menu, margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; border: 1px solid rgba(0, 0, 0, 0.26); } @@ -1834,7 +1834,7 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #424242; + background-color: #3C3C3C; color: rgba(255, 255, 255, 0.7); } @@ -1892,12 +1892,12 @@ menuitem:disabled accelerator { popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + 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); + background-color: #3C3C3C; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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); } popover.background, .csd popover.background { @@ -1926,7 +1926,7 @@ popover.background > toolbar { popover.background list, popover.background .view:not(:selected), popover.background toolbar { - background-color: #424242; + background-color: #3C3C3C; } popover.background.menu button, @@ -1959,7 +1959,7 @@ notebook:focus tab:checked { notebook > header { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; background-clip: border-box; } @@ -2136,7 +2136,7 @@ notebook > header tab:checked:disabled { notebook > header tab:checked.reorderable-page { border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + background-color: #2C2C2C; } notebook > header tab > box { @@ -2190,7 +2190,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #303030; + background-color: #2C2C2C; } /************** @@ -2198,7 +2198,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #303030; + background-color: #2C2C2C; background-clip: border-box; } @@ -2271,14 +2271,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(44, 44, 44, 0.3); border-radius: 9999px; background-color: rgba(255, 255, 255, 0.5); background-clip: padding-box; @@ -2306,7 +2306,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(44, 44, 44, 0.9); } scrollbar.horizontal slider { @@ -2374,20 +2374,20 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline: none; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + 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: #3C3C3C; } switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); } switch:checked slider { @@ -2407,13 +2407,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2696,7 +2696,7 @@ scale highlight { } scale highlight:disabled { - background-color: #282828; + background-color: #212121; background-image: image(rgba(255, 255, 255, 0.3)); } @@ -2944,7 +2944,7 @@ levelbar.vertical.discrete block:not(:last-child) { } levelbar block.low { - background-color: #FBBC05; + background-color: #FDD633; } levelbar block.high, levelbar block:not(.empty) { @@ -2952,7 +2952,7 @@ levelbar block.high, levelbar block:not(.empty) { } levelbar block.full { - background-color: #34A853; + background-color: #81C995; } levelbar block.empty { @@ -2965,7 +2965,7 @@ levelbar block.empty { printdialog paper { padding: 0; border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #303030; + background-color: #2C2C2C; color: white; } @@ -2994,7 +2994,7 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; background-clip: border-box; } @@ -3044,7 +3044,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3054,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3064,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3074,7 +3074,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3086,7 +3086,7 @@ junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } junction:dir(rtl) { @@ -3113,7 +3113,7 @@ stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferen *********/ list { border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + background-color: #2C2C2C; } list row { @@ -3244,19 +3244,19 @@ calendar:indeterminate { * Dialogs * ***********/ messagedialog.background { - background-color: #424242; + background-color: #3C3C3C; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; color: white; } messagedialog .titlebar:backdrop { - background-color: #424242; + background-color: #3C3C3C; color: rgba(255, 255, 255, 0.7); } @@ -3279,7 +3279,7 @@ messagedialog.csd .dialog-action-box button:not(:disabled) { } messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #EA4335; + color: #F28B82; } filechooser .dialog-action-box { @@ -3288,7 +3288,7 @@ filechooser .dialog-action-box { filechooser #pathbarbox { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } /*********** @@ -3441,7 +3441,7 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #282828; + 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; } @@ -3492,7 +3492,7 @@ infobar { infobar.info, infobar.question { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } infobar.info button.text-button, infobar.question button.text-button { @@ -3505,7 +3505,7 @@ infobar.info button.text-button:not(:disabled), infobar.question button.text-but } infobar.warning { - background-color: #FBBC05; + background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } @@ -3514,12 +3514,12 @@ infobar.warning *:link, infobar.warning button.link:link { } infobar.error { - background-color: #EA4335; - color: white; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); } infobar.error *:link, infobar.error button.link:link { - color: white; + color: rgba(0, 0, 0, 0.87); } /************ @@ -3598,15 +3598,15 @@ colorswatch.light { colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch overlay:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { @@ -3619,7 +3619,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-color: #424242; + background-color: #3C3C3C; } colorswatch:disabled { @@ -3641,19 +3641,19 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); + 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: #282828; + background-color: #212121; } /********************** @@ -3662,12 +3662,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + 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 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + 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 6px 18px 5px transparent; } .maximized decoration, @@ -3690,7 +3690,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); } tooltip.csd decoration { @@ -3706,7 +3706,7 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #383838; + background-color: #353535; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, @@ -3754,7 +3754,7 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) border: solid 1px rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); - background-color: #424242; + background-color: #3C3C3C; color: white; font-size: smaller; } @@ -3847,7 +3847,7 @@ popover.emoji-completion .emoji:hover { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #303030; + background-color: #2C2C2C; } .nautilus-canvas-item.dim-label, @@ -3857,7 +3857,7 @@ popover.emoji-completion .emoji:hover { .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } @keyframes nautilus-operations-button-needs-attention { @@ -3929,7 +3929,7 @@ popover.emoji-completion .emoji:hover { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(44, 44, 44, 0.9); background-clip: border-box; } @@ -3967,12 +3967,12 @@ popover.emoji-completion .emoji:hover { .search-information { padding: 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; color: white; } .conflict-row:not(:selected) { - background-color: #6d5a23; + background-color: #6b5f2e; } .nautilus-window flowboxchild .icon-item-background { @@ -4031,7 +4031,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-window paned > separator { - background-color: #282828; + background-color: #212121; } /********* @@ -4043,7 +4043,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .open-document-selector-match { - background-color: #FBBC05; + background-color: #FDD633; color: rgba(0, 0, 0, 0.87); } @@ -4104,20 +4104,20 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: #424242; + background-color: #3C3C3C; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.54); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: white; + color: rgba(0, 0, 0, 0.87); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(0, 0, 0, 0.26); } .gedit-search-slider .linked > button { @@ -4159,16 +4159,16 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#303030); + background-image: image(#2C2C2C); } .tweak-startup, .tweak-startup:hover { - background-image: image(#303030); + background-image: image(#2C2C2C); } .tweak-group-startup { - background-image: image(#303030); + background-image: image(#2C2C2C); border: 1px solid rgba(0, 0, 0, 0.26); } @@ -4212,7 +4212,7 @@ row#workspaces-only-on-primary { ***********/ layouttabbar { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } layouttabbar > box > button { @@ -4225,7 +4225,7 @@ layouttab { border-width: 1px; border-color: rgba(0, 0, 0, 0.26); box-shadow: inset 0 -2px #8AB4F8; - background-color: #303030; + background-color: #2C2C2C; } layouttab separator.vertical { @@ -4244,8 +4244,8 @@ layout { } entry.search-missing { - background-color: #EA4335; - color: white; + background-color: #F28B82; + color: rgba(0, 0, 0, 0.87); } window.workbench treeview.image { @@ -4291,7 +4291,7 @@ popover.omnibar list row:not(:last-child) { entry.preferences-search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; - background-color: #303030; + background-color: #2C2C2C; } preferences stacksidebar.sidebar list { @@ -4356,13 +4356,13 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #282828; + background-color: #212121; } docktab { @@ -4397,7 +4397,7 @@ docktab:checked { } dockoverlayedge { - background-color: #282828; + background-color: #212121; } dockoverlayedge docktabstrip { @@ -4414,14 +4414,14 @@ dockoverlayedge.right-edge docktab:checked { } pillbox { - background-color: #282828; + background-color: #212121; border-radius: 4px; } layoutpane entry.search { border-bottom: 1px solid rgba(255, 255, 255, 0.12); box-shadow: none; - background-color: #303030; + background-color: #2C2C2C; } editortweak entry.search { @@ -4476,7 +4476,7 @@ idelayoutstackheader button:checked { ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #282828; + background-color: #212121; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { @@ -4540,7 +4540,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #8AB4F8; color: rgba(0, 0, 0, 0.87); font-weight: bold; @@ -4576,7 +4576,7 @@ button.photos-filter-preview:checked { button.photos-filter-preview:checked image { color: white; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4777,7 +4777,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } overlay > revealer.left > scrolledwindow.frame { @@ -4790,7 +4790,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#424242); + background-image: image(#3C3C3C); } .terminal-titlebar button { @@ -4805,7 +4805,7 @@ button.image-button.session-new-button { * Terminator * **************/ .terminator-terminal-window paned > separator { - background-color: #282828; + background-color: #212121; } .terminator-terminal-window notebook.frame { @@ -4840,7 +4840,7 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #424242; + background-color: #3C3C3C; } window.background.chromium entry, @@ -4871,7 +4871,7 @@ window.background.chromium spinner { } window.background.chromium textview { - background-color: #424242; + background-color: #3C3C3C; } tooltip.background.chromium { @@ -4903,7 +4903,7 @@ window.background:not(.csd) > widget > button > button { window.background:not(.csd) > widget > entry { min-height: 30px; - background-color: #303030; + background-color: #2C2C2C; } window.background:not(.csd) > widget > entry:focus { @@ -5084,12 +5084,12 @@ UnityDecoration .top { border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + background-color: #353535; color: white; } UnityDecoration .top:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -5105,7 +5105,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5114,7 +5114,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; + background-color: #1F1F1F; color: white; } @@ -5150,7 +5150,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5275,7 +5275,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } #MatePanelPopupWindow frame > border { @@ -5321,7 +5321,7 @@ na-tray-applet { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } .mate-panel-applet-slider frame > border { @@ -5339,7 +5339,7 @@ na-tray-applet { #mate-menu { border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #424242; + background-color: #3C3C3C; } #mate-menu button { @@ -5374,7 +5374,7 @@ na-tray-applet { .brisk-menu { box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } .brisk-menu entry { @@ -5452,7 +5452,7 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #303030; + background-color: #2C2C2C; } .caja-side-pane notebook, @@ -5486,7 +5486,7 @@ na-tray-applet { .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } @@ -5506,7 +5506,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } #caja-extra-view-widget > box > box > label { @@ -5572,8 +5572,8 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 5px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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); + background-color: #3C3C3C; } .lock-dialog frame > border { @@ -5617,8 +5617,8 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + 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); + background-color: #3C3C3C; } .budgie-popover .container { @@ -5813,7 +5813,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5842,7 +5842,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #EA4335; + color: #F28B82; } .budgie-panel .titlebar:not(headerbar) { @@ -5925,7 +5925,7 @@ MsdOsdWindow.background.osd .progressbar { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } .top frame.raven-frame > border { @@ -5945,7 +5945,7 @@ frame.raven-frame > border { } .raven { - background-color: #424242; + background-color: #3C3C3C; } .raven > box { @@ -5994,7 +5994,7 @@ frame.raven-frame > border { border-style: solid none; border-width: 1px; border-color: rgba(255, 255, 255, 0.12); - background-color: #303030; + background-color: #2C2C2C; } .raven .raven-background > overlay > widget > image { @@ -6056,8 +6056,8 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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; } .drop-shadow .linked > button { @@ -6067,7 +6067,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 4px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #3C3C3C; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { @@ -6098,11 +6098,11 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #EA4335; + color: #F28B82; } .budgie-run-dialog { - background-color: #303030; + background-color: #2C2C2C; } .budgie-run-dialog entry.search { @@ -6125,7 +6125,7 @@ calendar.raven-calendar:selected { * Xfce4 Apps * **************/ .XfceHeading { - background-color: #303030; + background-color: #2C2C2C; } /*************** @@ -6133,7 +6133,7 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -6173,7 +6173,7 @@ XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { @@ -6258,8 +6258,8 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + 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); + background-color: #3C3C3C; } #content_frame { @@ -6318,7 +6318,7 @@ XfdesktopIconView.view .rubberband { } .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: dimgray; + -NemoPlacesTreeView-disk-full-bg-color: #646464; -NemoPlacesTreeView-disk-full-fg-color: #8AB4F8; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; @@ -6337,10 +6337,10 @@ text color for entries, views and content in general */ @define-color theme_text_color white; /* widget base background color */ -@define-color theme_bg_color #282828; +@define-color theme_bg_color #212121; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #2C2C2C; /* base background color of selections */ @define-color theme_selected_bg_color #8AB4F8; @@ -6349,7 +6349,7 @@ text/foreground color of selections */ @define-color theme_selected_fg_color rgba(0, 0, 0, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #282828; +@define-color insensitive_bg_color #212121; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(255, 255, 255, 0.5); @@ -6364,10 +6364,10 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color white; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #282828; +@define-color theme_unfocused_bg_color #212121; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #2C2C2C; /* base background color of selections on backdrop windows */ @define-color theme_unfocused_selected_bg_color #8AB4F8; @@ -6385,18 +6385,18 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(255, 255, 255, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FBBC05; -@define-color error_color #EA4335; -@define-color success_color #34A853; +@define-color warning_color #FDD633; +@define-color error_color #F28B82; +@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 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 #383838; -@define-color wm_unfocused_bg #303030; +@define-color wm_bg #353535; +@define-color wm_unfocused_bg #2C2C2C; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #2C2C2C; +@define-color placeholder_text_color silver; diff --git a/src/gtk/3.0/gtk-light-compact.css b/src/gtk/3.0/gtk-light-compact.css index dafac6d00..951571eca 100644 --- a/src/gtk/3.0/gtk-light-compact.css +++ b/src/gtk/3.0/gtk-light-compact.css @@ -22,7 +22,7 @@ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #EA4335; + -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -289,15 +289,15 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), @@ -310,15 +310,15 @@ entry.error:disabled { spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), @@ -339,22 +339,22 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -362,18 +362,18 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #EA4335; + box-shadow: 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: #D93025; color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -393,18 +393,18 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FBBC05; + box-shadow: 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: #F4B400; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -486,7 +486,7 @@ button { font-weight: 500; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: inset 0 0 0 9999px transparent, 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); background-color: #FFFFFF; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -497,20 +497,20 @@ button { button:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 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); } button:hover, button:drop(active) { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px transparent, 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); } button:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -821,7 +821,7 @@ button.suggested-action.flat:checked { button.destructive-action { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -834,13 +834,13 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #f07b72; + background-color: #e46e66; } button.destructive-action.flat { background-color: transparent; - color: #EA4335; + color: #D93025; } @@ -852,7 +852,7 @@ button.destructive-action.flat:disabled { button.destructive-action.flat:checked { - background-color: rgba(234, 67, 53, 0.3); + background-color: rgba(217, 48, 37, 0.3); } .stack-switcher > @@ -1176,12 +1176,12 @@ toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 4px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { @@ -1259,7 +1259,7 @@ searchbar > revealer > box { .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } @@ -1399,7 +1399,7 @@ searchbar > revealer > box { .titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } @@ -1472,7 +1472,7 @@ searchbar > revealer > box { .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } .titlebar.default-decoration { @@ -1500,7 +1500,7 @@ searchbar > revealer > box { .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } headerbar { @@ -1892,12 +1892,12 @@ menuitem:disabled accelerator { popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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); } popover.background, .csd popover.background { @@ -2374,20 +2374,20 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline: none; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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; } switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); } switch:checked slider { @@ -2407,13 +2407,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2944,7 +2944,7 @@ levelbar.vertical.discrete block:not(:last-child) { } levelbar block.low { - background-color: #FBBC05; + background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { @@ -2952,7 +2952,7 @@ levelbar block.high, levelbar block:not(.empty) { } levelbar block.full { - background-color: #34A853; + background-color: #0F9D58; } levelbar block.empty { @@ -3279,7 +3279,7 @@ messagedialog.csd .dialog-action-box button:not(:disabled) { } messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #EA4335; + color: #D93025; } filechooser .dialog-action-box { @@ -3505,7 +3505,7 @@ infobar.info button.text-button:not(:disabled), infobar.question button.text-but } infobar.warning { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -3514,7 +3514,7 @@ infobar.warning *:link, infobar.warning button.link:link { } infobar.error { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -3598,15 +3598,15 @@ colorswatch.light { colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch overlay:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { @@ -3641,12 +3641,12 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } /******** @@ -3662,12 +3662,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + 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 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + 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 6px 18px 5px transparent; } .maximized decoration, @@ -3690,7 +3690,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); } tooltip.csd decoration { @@ -3857,7 +3857,7 @@ popover.emoji-completion .emoji:hover { .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } @keyframes nautilus-operations-button-needs-attention { @@ -3972,7 +3972,7 @@ popover.emoji-completion .emoji:hover { } .conflict-row:not(:selected) { - background-color: #feebb4; + background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { @@ -4043,7 +4043,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .open-document-selector-match { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -4244,7 +4244,7 @@ layout { } entry.search-missing { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -4540,7 +4540,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #1A73E8; color: white; font-weight: bold; @@ -4576,7 +4576,7 @@ button.photos-filter-preview:checked { button.photos-filter-preview:checked image { color: white; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4777,7 +4777,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } overlay > revealer.left > scrolledwindow.frame { @@ -5105,7 +5105,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5486,7 +5486,7 @@ na-tray-applet { .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } @@ -5572,7 +5572,7 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -5617,7 +5617,7 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } @@ -5842,7 +5842,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #EA4335; + color: #D93025; } .budgie-panel .titlebar:not(headerbar) { @@ -5925,7 +5925,7 @@ MsdOsdWindow.background.osd .progressbar { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } .top frame.raven-frame > border { @@ -6056,7 +6056,7 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6098,7 +6098,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #EA4335; + color: #D93025; } .budgie-run-dialog { @@ -6173,7 +6173,7 @@ XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { @@ -6258,7 +6258,7 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -6385,9 +6385,9 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FBBC05; -@define-color error_color #EA4335; -@define-color success_color #34A853; +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; /* 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... */ diff --git a/src/gtk/3.0/gtk-light.css b/src/gtk/3.0/gtk-light.css index 550babdc3..5fbc6f425 100644 --- a/src/gtk/3.0/gtk-light.css +++ b/src/gtk/3.0/gtk-light.css @@ -22,7 +22,7 @@ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #EA4335; + -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -289,15 +289,15 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), @@ -310,15 +310,15 @@ entry.error:disabled { spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), @@ -339,22 +339,22 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -362,18 +362,18 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #EA4335; + box-shadow: 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: #D93025; color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -393,18 +393,18 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FBBC05; + box-shadow: 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: #F4B400; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -486,7 +486,7 @@ button { font-weight: 500; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: inset 0 0 0 9999px transparent, 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); background-color: #FFFFFF; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -497,20 +497,20 @@ button { button:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 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); } button:hover, button:drop(active) { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px transparent, 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); } button:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -821,7 +821,7 @@ button.suggested-action.flat:checked { button.destructive-action { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -834,13 +834,13 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #f07b72; + background-color: #e46e66; } button.destructive-action.flat { background-color: transparent; - color: #EA4335; + color: #D93025; } @@ -852,7 +852,7 @@ button.destructive-action.flat:disabled { button.destructive-action.flat:checked { - background-color: rgba(234, 67, 53, 0.3); + background-color: rgba(217, 48, 37, 0.3); } .stack-switcher > @@ -1176,12 +1176,12 @@ toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { @@ -1259,7 +1259,7 @@ searchbar > revealer > box { .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #E0E0E0; color: rgba(0, 0, 0, 0.87); } @@ -1399,7 +1399,7 @@ searchbar > revealer > box { .titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } @@ -1472,7 +1472,7 @@ searchbar > revealer > box { .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } .titlebar.default-decoration { @@ -1500,7 +1500,7 @@ searchbar > revealer > box { .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } headerbar { @@ -1892,12 +1892,12 @@ menuitem:disabled accelerator { popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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); } popover.background, .csd popover.background { @@ -2374,20 +2374,20 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline: none; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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; } switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); } switch:checked slider { @@ -2407,13 +2407,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2944,7 +2944,7 @@ levelbar.vertical.discrete block:not(:last-child) { } levelbar block.low { - background-color: #FBBC05; + background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { @@ -2952,7 +2952,7 @@ levelbar block.high, levelbar block:not(.empty) { } levelbar block.full { - background-color: #34A853; + background-color: #0F9D58; } levelbar block.empty { @@ -3279,7 +3279,7 @@ messagedialog.csd .dialog-action-box button:not(:disabled) { } messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #EA4335; + color: #D93025; } filechooser .dialog-action-box { @@ -3505,7 +3505,7 @@ infobar.info button.text-button:not(:disabled), infobar.question button.text-but } infobar.warning { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -3514,7 +3514,7 @@ infobar.warning *:link, infobar.warning button.link:link { } infobar.error { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -3598,15 +3598,15 @@ colorswatch.light { colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch overlay:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { @@ -3641,12 +3641,12 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } /******** @@ -3662,12 +3662,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + 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 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + 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 6px 18px 5px transparent; } .maximized decoration, @@ -3690,7 +3690,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); } tooltip.csd decoration { @@ -3857,7 +3857,7 @@ popover.emoji-completion .emoji:hover { .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } @keyframes nautilus-operations-button-needs-attention { @@ -3972,7 +3972,7 @@ popover.emoji-completion .emoji:hover { } .conflict-row:not(:selected) { - background-color: #feebb4; + background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { @@ -4043,7 +4043,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .open-document-selector-match { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -4244,7 +4244,7 @@ layout { } entry.search-missing { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -4540,7 +4540,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #1A73E8; color: white; font-weight: bold; @@ -4576,7 +4576,7 @@ button.photos-filter-preview:checked { button.photos-filter-preview:checked image { color: white; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4777,7 +4777,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } overlay > revealer.left > scrolledwindow.frame { @@ -5105,7 +5105,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5486,7 +5486,7 @@ na-tray-applet { .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } @@ -5572,7 +5572,7 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -5617,7 +5617,7 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } @@ -5842,7 +5842,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #EA4335; + color: #D93025; } .budgie-panel .titlebar:not(headerbar) { @@ -5925,7 +5925,7 @@ MsdOsdWindow.background.osd .progressbar { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } .top frame.raven-frame > border { @@ -6056,7 +6056,7 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6098,7 +6098,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #EA4335; + color: #D93025; } .budgie-run-dialog { @@ -6173,7 +6173,7 @@ XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { @@ -6258,7 +6258,7 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -6385,9 +6385,9 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FBBC05; -@define-color error_color #EA4335; -@define-color success_color #34A853; +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; /* 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... */ diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index 35ba4a32a..ad6649f50 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -22,7 +22,7 @@ * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #EA4335; + -GtkTextView-error-underline-color: #D93025; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -289,15 +289,15 @@ entry undershoot.right { spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #EA4335; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #D93025; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.error:focus:not(.vertical), entry.error:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #D93025 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.error:disabled:not(.vertical), @@ -310,15 +310,15 @@ entry.error:disabled { spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #FBBC05; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #F4B400; background-color: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } spinbutton.warning:focus:not(.vertical), entry.warning:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #F4B400 100%, transparent 0%) 0 0 2/0 0 2px; } spinbutton.warning:disabled:not(.vertical), @@ -339,22 +339,22 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { border-radius: 4px; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -362,18 +362,18 @@ spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #EA4335; + box-shadow: 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: #D93025; color: white; } spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -393,18 +393,18 @@ spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FBBC05; + box-shadow: 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: #F4B400; color: rgba(0, 0, 0, 0.87); } spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus { border-image: none; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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: #FAFAFA; color: rgba(0, 0, 0, 0.38); } @@ -486,7 +486,7 @@ button { font-weight: 500; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; - box-shadow: inset 0 0 0 9999px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: inset 0 0 0 9999px transparent, 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); background-color: #FFFFFF; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; @@ -497,20 +497,20 @@ button { button:focus { - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 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); } button:hover, button:drop(active) { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px transparent, 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); } button:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; - box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; } @@ -821,7 +821,7 @@ button.suggested-action.flat:checked { button.destructive-action { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -834,13 +834,13 @@ button.destructive-action:disabled { button.destructive-action:checked { - background-color: #f07b72; + background-color: #e46e66; } button.destructive-action.flat { background-color: transparent; - color: #EA4335; + color: #D93025; } @@ -852,7 +852,7 @@ button.destructive-action.flat:disabled { button.destructive-action.flat:checked { - background-color: rgba(234, 67, 53, 0.3); + background-color: rgba(217, 48, 37, 0.3); } .stack-switcher > @@ -1176,12 +1176,12 @@ toolbar.osd, .app-notification, frame.documents-dropdown { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown { @@ -1259,8 +1259,8 @@ searchbar > revealer > box { .titlebar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.1); + background-color: #353535; color: white; } @@ -1269,7 +1269,7 @@ searchbar > revealer > box { } .titlebar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1399,7 +1399,7 @@ searchbar > revealer > box { .titlebar.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: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); + box-shadow: 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), inset 0 1px rgba(255, 255, 255, 0.2); background-color: #1A73E8; color: white; } @@ -1472,7 +1472,7 @@ searchbar > revealer > box { .maximized .titlebar, .fullscreen .titlebar { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } .titlebar.default-decoration { @@ -1500,7 +1500,7 @@ searchbar > revealer > box { .solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } headerbar { @@ -1713,13 +1713,13 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #383838; + background-color: #353535; color: white; } menubar:backdrop, .menubar:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -1892,12 +1892,12 @@ menuitem:disabled accelerator { popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } popover.background:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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); } popover.background, .csd popover.background { @@ -2374,20 +2374,20 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline: none; - box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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; } switch:focus slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 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); } switch:focus:hover slider { - box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 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); } switch:checked slider { @@ -2407,13 +2407,13 @@ switch:checked slider { box-shadow: none; background-color: transparent; background-image: none; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12); } .view.content-view.check:not(list), @@ -2944,7 +2944,7 @@ levelbar.vertical.discrete block:not(:last-child) { } levelbar block.low { - background-color: #FBBC05; + background-color: #F4B400; } levelbar block.high, levelbar block:not(.empty) { @@ -2952,7 +2952,7 @@ levelbar block.high, levelbar block:not(.empty) { } levelbar block.full { - background-color: #34A853; + background-color: #0F9D58; } levelbar block.empty { @@ -3279,7 +3279,7 @@ messagedialog.csd .dialog-action-box button:not(:disabled) { } messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) { - color: #EA4335; + color: #D93025; } filechooser .dialog-action-box { @@ -3505,7 +3505,7 @@ infobar.info button.text-button:not(:disabled), infobar.question button.text-but } infobar.warning { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -3514,7 +3514,7 @@ infobar.warning *:link, infobar.warning button.link:link { } infobar.error { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -3598,15 +3598,15 @@ colorswatch.light { colorswatch overlay { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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); } colorswatch overlay:hover { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch overlay:drop(active) { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12); } colorswatch#add-color-button { @@ -3641,12 +3641,12 @@ colorswatch#editor-color-sample overlay { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 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.4); } /******** @@ -3662,12 +3662,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent; + 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 6px 18px 5px transparent; margin: 8px; } decoration:backdrop { - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent; + 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 6px 18px 5px transparent; } .maximized decoration, @@ -3690,7 +3690,7 @@ decoration:backdrop { .csd.popup decoration { border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); } tooltip.csd decoration { @@ -3706,7 +3706,7 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #383838; + background-color: #353535; } .view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection, @@ -3857,7 +3857,7 @@ popover.emoji-completion .emoji:hover { .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } @keyframes nautilus-operations-button-needs-attention { @@ -3972,7 +3972,7 @@ popover.emoji-completion .emoji:hover { } .conflict-row:not(:selected) { - background-color: #feebb4; + background-color: #fce9b3; } .nautilus-window flowboxchild .icon-item-background { @@ -4043,7 +4043,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .open-document-selector-match { - background-color: #FBBC05; + background-color: #F4B400; color: rgba(0, 0, 0, 0.87); } @@ -4244,7 +4244,7 @@ layout { } entry.search-missing { - background-color: #EA4335; + background-color: #D93025; color: white; } @@ -4540,7 +4540,7 @@ GdMainIconView.content-view { .documents-counter { margin: 8px; border-radius: 9999px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #1A73E8; color: white; font-weight: bold; @@ -4576,7 +4576,7 @@ button.photos-filter-preview:checked { button.photos-filter-preview:checked image { color: white; - -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -4777,7 +4777,7 @@ button.title label { overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } overlay > revealer.left > scrolledwindow.frame { @@ -5084,12 +5084,12 @@ UnityDecoration .top { border-style: none; border-radius: 4px 4px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #383838; + background-color: #353535; color: white; } UnityDecoration .top:backdrop { - background-color: #303030; + background-color: #2C2C2C; color: rgba(255, 255, 255, 0.7); } @@ -5105,7 +5105,7 @@ UnityDecoration .menuitem:hover { .background:not(.csd) headerbar:not(.titlebar) { border-radius: 0; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 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:not(.csd) headerbar:not(.titlebar).inline-toolbar { @@ -5114,7 +5114,7 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; + background-color: #1F1F1F; color: white; } @@ -5150,7 +5150,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5486,7 +5486,7 @@ na-tray-applet { .caja-desktop.view .entry { background-color: rgba(0, 0, 0, 0.3); color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); caret-color: currentColor; } @@ -5572,7 +5572,7 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -5617,7 +5617,7 @@ MsdOsdWindow.background.osd .progressbar { border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 5px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); + 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); background-color: #FFFFFF; } @@ -5813,7 +5813,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -5842,7 +5842,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #EA4335; + color: #D93025; } .budgie-panel .titlebar:not(headerbar) { @@ -5925,7 +5925,7 @@ MsdOsdWindow.background.osd .progressbar { frame.raven-frame > border { border-style: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22); + 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); } .top frame.raven-frame > border { @@ -6056,7 +6056,7 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 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), inset 0 1px rgba(255, 255, 255, 0.4); background-color: #FFFFFF; } @@ -6098,7 +6098,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #EA4335; + color: #D93025; } .budgie-run-dialog { @@ -6133,7 +6133,7 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #212121; + background-color: #1F1F1F; color: rgba(255, 255, 255, 0.7); font-weight: 500; } @@ -6173,7 +6173,7 @@ XfdesktopIconView.view { border-radius: 4px; background-color: transparent; color: white; - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12); } XfdesktopIconView.view:active { @@ -6258,7 +6258,7 @@ XfdesktopIconView.view .rubberband { #restart_dialog { margin: 8px; border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4); + 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); background-color: #FFFFFF; } @@ -6385,17 +6385,17 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(0, 0, 0, 0.12); /* these are pretty self explicative */ -@define-color warning_color #FBBC05; -@define-color error_color #EA4335; -@define-color success_color #34A853; +@define-color warning_color #F4B400; +@define-color error_color #D93025; +@define-color success_color #0F9D58; /* 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 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 #383838; -@define-color wm_unfocused_bg #303030; +@define-color wm_bg #353535; +@define-color wm_unfocused_bg #2C2C2C; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; From 73f1ba120e0adecff54cbb07fc8f860b86fd3c43 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Wed, 17 Jul 2019 05:47:26 +0900 Subject: [PATCH 16/72] Regenerate PNGs --- src/chrome/chrome-scrollbar-dark/icons/128.png | Bin 440 -> 438 bytes src/chrome/chrome-scrollbar-dark/icons/16.png | Bin 188 -> 200 bytes src/chrome/chrome-scrollbar-dark/icons/48.png | Bin 297 -> 307 bytes src/chrome/chrome-theme-dark/theme_toolbar.png | Bin 160 -> 160 bytes src/gtk-2.0/assets-dark/button-active.png | Bin 511 -> 502 bytes src/gtk-2.0/assets-dark/button-hover.png | Bin 487 -> 487 bytes src/gtk-2.0/assets-dark/button.png | Bin 449 -> 453 bytes src/gtk-2.0/assets-dark/frame-notebook.png | Bin 162 -> 162 bytes src/gtk-2.0/assets-dark/progressbar-trough.png | Bin 152 -> 152 bytes .../assets-dark/scale-slider-disabled.png | Bin 305 -> 287 bytes .../assets-dark/scrollbar-horz-trough.png | Bin 140 -> 140 bytes .../assets-dark/scrollbar-vert-ltr-trough.png | Bin 139 -> 139 bytes .../assets-dark/scrollbar-vert-rtl-trough.png | Bin 139 -> 139 bytes .../assets-dark/treeview-ltr-button-active.png | Bin 142 -> 142 bytes .../assets-dark/treeview-ltr-button-hover.png | Bin 142 -> 142 bytes src/gtk-2.0/assets-dark/treeview-ltr-button.png | Bin 142 -> 142 bytes .../assets-dark/treeview-rtl-button-active.png | Bin 142 -> 142 bytes .../assets-dark/treeview-rtl-button-hover.png | Bin 142 -> 142 bytes src/gtk-2.0/assets-dark/treeview-rtl-button.png | Bin 142 -> 142 bytes ...le-horz-marks-after-slider-disabled-dark.png | Bin 392 -> 392 bytes ...-horz-marks-after-slider-disabled-dark@2.png | Bin 538 -> 538 bytes ...e-horz-marks-before-slider-disabled-dark.png | Bin 382 -> 382 bytes ...horz-marks-before-slider-disabled-dark@2.png | Bin 537 -> 537 bytes src/gtk/assets/scale-slider-disabled-dark.png | Bin 305 -> 287 bytes src/gtk/assets/scale-slider-disabled-dark@2.png | Bin 498 -> 498 bytes ...le-vert-marks-after-slider-disabled-dark.png | Bin 362 -> 362 bytes ...-vert-marks-after-slider-disabled-dark@2.png | Bin 509 -> 509 bytes ...e-vert-marks-before-slider-disabled-dark.png | Bin 361 -> 361 bytes ...vert-marks-before-slider-disabled-dark@2.png | Bin 500 -> 500 bytes .../selectionmode-checkbox-unchecked-dark.png | Bin 288 -> 288 bytes .../selectionmode-checkbox-unchecked-dark@2.png | Bin 430 -> 430 bytes 31 files changed, 0 insertions(+), 0 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark/icons/128.png b/src/chrome/chrome-scrollbar-dark/icons/128.png index 8768614b8b9725ba13bc173250333fb1551f133f..e9a3a310da3d411b48bfd5a5cc9b110aa30f9ca4 100644 GIT binary patch delta 340 zcmdnNyp4H6cDtrN1{Eyvi=J_VzV~2Y+_dt^I$&io2m$aoL<;`BU067QnS;%+O8e2l5^~|FeD0 znZmdj#)@tr|RE6q9kCZEA)(TNr8C9~N!u$d}!X$A5|_?9#*VM~#H@bMSJ zXZHnnTK>M?-P63~JG#hvr~1?O*h Tm|bwi4`jWktDnm{r-UW|cEpLA delta 342 zcmdnSyn}f{cD;qCi(^Q|t+%&)^I8me+7kILGrK%tduaCXIa{jaH(}12J9)PPjbcL{ zWZucTm*0C~u>i-WyL%;<|7K?Rp8fOZJq8Ab3f%(+d6vs9BpCk`b#!#dY~IfBBlKP5 zUdDupO2yR&3Z^vJny~i-shY9pm@1gEKancP=9|zC)CdIi5DJxy<4?G^!65&p%j;!R zD{r4WtC~>smNE79x4q^J7WVJwzqbE+j_E;6hvst;=UP@_5x8dA%}?Jj0(mv_|4*A- zIY&I4;oax^>A`2am54`2C;Z zv%A1r^MyaNBd!;pPc!-_BK|f0Y~q*D^R|2c1^-|2*y2dZQwzR7fgedWy1LfZ*4EY4O`A4t_oJVafJ(GI zT^vI=W+n@?FtIVRDF`Gav>5dy@Q4RVc=d1;ZDB%?AYh4$Csu?_8{an^LB{Ts5 D5O^Ss diff --git a/src/chrome/chrome-scrollbar-dark/icons/48.png b/src/chrome/chrome-scrollbar-dark/icons/48.png index 135e06c26803921e0f8046981adefbd16d456760..60dbd69cba7c3b515e0343c19a7bfb58f8e07b83 100644 GIT binary patch delta 206 zcmV;<05Sim0AdwV6p+C78Natx&)w!M1AEssL;foIr^Q z*d(}s5(`EpD3bt%ZUe6PaKI6R%LTB;x#~>6Dez)8J0000{PBXv0rkw{lM=cx`-~p~3 zvT%PnGav<~c1-NtEQ4I2P_NfdDwWEW*7{gPc2-rArs;Q*B!7>+UhlloXtaPaFm-Gt z#agX)TCG;^JkL8+N_lHvO)1ZH-KbnHp9Mj1-|2LEz(fEIl%goQ5Ru|KXgMNMjH2ig zC;>VHL*Mt0HpQ~owP6N&fbTet-WC**0^kFlU_Z#V*g^_`oBbM+11Nx!g^N7ET%h0T z{{)ROCfOD-#(#_flYuE<;y8ZU7L4QgiFwya#mb|0yM1e)v}tvtR;zUbjIiCt0i@sW zkA}lxHw?oAt#wI6oHbA~7!019&E|Et+kF7ufLJl#G6Ap$902>kF7qw<7ixe67+UBR wcn3a}U8F5qX5NMZJHHB?0ACjUu;Px# delta 411 zcmV;M0c8I61OEe%Zhw49L_t(IjpfwAYT`f~$MNs{Co{2P)_T}pbOj5ZrKjG!`3QZS zg>7G;53q+mLhqiuS@y8rclRI&mV#gj?yk{{>A?wzr4_|ne=sDOFrWNGGJiO7)W%T( z1_=C+jr-flfEAGXvGj9U4h2Bi>2xk@wc3rf_ChIj@?IrbmVf# zq}o?fY`5F(X0v&3j5$|InVqkulnH|1OSxRWilXRYI2=9#O93npH5!d?B2wH1ZAV0k z^?Lmphya^|r`FomzF3|x3|qiy4jQ1KwYG-BC&qtQ>`379F?Tc!kj2CBdr@QL-7 zd<%8J0*E~{1}4B?|OYA3vYxT!4tUf0$#(!jV@#X zA;`vHVhAx(2bh_ym`xxL z$hBInqiVH!;d$N}Q2ZmAX&8og+MZ301@$PwOSh}0oeqsXswSo#gfokp8%Bv)IeTD^4o$UvIFD+ zt#BV?TWlqAfS3FlDg{shqEHZhRfM0E|N?u08(( XYo&A0HYmNg00000NkvXXu0mjf*Kw^C delta 377 zcmV-<0fzqP1Lp&fcYi-m!ax|u@$Yk70aH*0S_gIpHV6N_3*Qm?5_|;?z5(BciHi<2 zfdwZL6GIxqQK0ndz%?NnF_3Qll1qEn+^5f_y@Qe?TUP-*K)a^4o_|jcSYYj1>c;W{ z(m<`(>z%dR?HjH272y9-j7ihqh&-}g_o)+ZvOcR|+Lr7z00000NkvXXu0mjf|0t_5 diff --git a/src/gtk-2.0/assets-dark/button.png b/src/gtk-2.0/assets-dark/button.png index 390856e6f4d91dce300b33d0858bcb431fdefe00..c196384202e62b8f2c95a3b79fef47490c965476 100644 GIT binary patch delta 352 zcmV-m0iXWC1H}W7Zht~aL_t(IjpdXvOT$1IhM(`QsWu6*gPT90Qv3nB_>){6?cm}s zauf&YRD!s6D70(R5;5209C8PtP$acZzVN{Z2hY9Vao-C^mhAMZRkCy5mUUIP%C>&u`N- zO#$P_>nBO_&=m$CB1s&_6QB<$1!!QPl)CN;^Kwr#0JL}56Or&xAP@mP@6fyat+WTi z{_oL60*$*r0Uk~N7+70ti$fvS+6_%Wpm3>SjF}z^G{(F+pjEEfu2!ojcT-n)`C_qn z#HEeK{hut$)>(C3Ps1?0&|061Nbm!wD9iG7KA+z$m&*@e4U|4q1Dbt2qshS#w@Q0> ywR7|dWI*nE(+=1GH~~&w@ArHkuxdfS{K((8Npd%|qs}(~0000D{JlRXf(Q?PN$#19I!rABOnIO+2mjy`AR!@P8@v$ uU%*WIEDYEPH~~(j_y2qsFb|+Ve&k=X`)m!EqT;jw0000IQnbMYR+y0$zV3{FtfgzERA#WSwjFVdQ&MBb@09+6c9smFU delta 41 wcmbQiID>IQnNmqf$)EELEHfl7FeEZE6h|?hny}HVfB^_RUHx3vIVCg!06}*SSpWb4 diff --git a/src/gtk-2.0/assets-dark/scale-slider-disabled.png b/src/gtk-2.0/assets-dark/scale-slider-disabled.png index 175c7f6ac4bbb612a8117306214eb7ad222337b4..0f2efcbf1d4e6b7fb3018c4f2f7392d5a37409a9 100644 GIT binary patch delta 199 zcmdnUG@ogL1SbnK0|SFlq{8WmiazxQ0X`wFKz>3(LTG4caBy&BWMo7{1dxme1E4sB zk(88_n3$Lh2D_YJ1OoN&mjw9*GjMP!)zvp%zH;^2?XTay^QPS60!q1gx;TbNTux3{ zU==X?yAj8+w0r;m|IcUEaQ|&DkkeH3$#IT;z_}^`^}3e**DT=6Jx?+ m^Q6sF9G86GrTo>FlcC|E+2i?}&u9USWbkzLb6Mw<&;$UTUrnk2 delta 217 zcmbQww2^6o1SbbG0|UeLm1j>)RP?Dg4)6(a1@aRT5<){mqoShXkdcvbE9H41P@6zWkY6wZ2d7e9edFaTSFhc^{q@^-ugyWvfpQ_9E{-7*l4lP# z@-`^&upC&vK7J^sZAfvT{x- z;a}tyE+|{VI#I)Z)`k|vZxELo6xfsujXKSPo9GW$pdAn|vZxEcqe9fPsOLhoLf+*?b8D5O})!xvX}H%$EKzWkk%3_+Ls7T-}H%$Eb+mBfq~&LLuF5n#d08v!PC{xWt~$(69ASc30VLD diff --git a/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png b/src/gtk-2.0/assets-dark/scrollbar-vert-rtl-trough.png index 12d26f828c1ec28fb0f9a67bb650791beb94d5d2..22a0ed67ffa0aa262e7dd960bd78c873a2197056 100644 GIT binary patch delta 31 lcmeBX>}H%$EODWbm4RUaLy^=A$vOrg@O1TaS?83{1OSq`2^RnW delta 31 lcmeBX>}H%$EMf40fq`K)LuHL{RWp#q;OXk;vd$@?2>_2U2=)K~ diff --git a/src/gtk-2.0/assets-dark/treeview-ltr-button-active.png b/src/gtk-2.0/assets-dark/treeview-ltr-button-active.png index 8d22f6a9c22973874b7417ece08d06aa20d34106..b009fb2ef29729a529fc24adf2b71a8fdfda0340 100644 GIT binary patch delta 34 ocmeBU>|>lzEX`4zT2RW$z&xE%?a*5jF$N&;boFyt=akR{0I9+Wvj6}9 delta 34 ocmeBU>|>lzEZy-X;ll?82Ik$2Mx5ersu_U5)78&qol`;+0M!i(V*mgE diff --git a/src/gtk-2.0/assets-dark/treeview-ltr-button-hover.png b/src/gtk-2.0/assets-dark/treeview-ltr-button-hover.png index 069d7eb801ec1237656833273dfdbb0a59482873..27997438c859170d0292ad17a826c83046ae531b 100644 GIT binary patch delta 34 ocmeBU>|>lzEWM#LwV;%hfmw=?H~-Zt76u^jboFyt=akR{0I=%`)c^nh delta 34 ocmeBU>|>lzEM4#+;ll?824*`($%=iim>Gb;)78&qol`;+0MW7wO#lD@ diff --git a/src/gtk-2.0/assets-dark/treeview-ltr-button.png b/src/gtk-2.0/assets-dark/treeview-ltr-button.png index 4c2971e80da233681b1a5f1937756591515d4e66..58856b509569d2ea6d388663d6bfe375ffb89287 100644 GIT binary patch delta 34 ocmeBU>|>lzEPbIcwV;%hf$1p2pWCukPZ@x~)78&qol`;+0MpkC*#H0l delta 34 ocmeBU>|>lzEN$>1;ll?82Bvq6oNXl=?=k>^r>mdKI;Vst0NY#)5dZ)H diff --git a/src/gtk-2.0/assets-dark/treeview-rtl-button-active.png b/src/gtk-2.0/assets-dark/treeview-rtl-button-active.png index d5b51d6212f05ee154fbbc03222945270338ba8b..2a14bf65b88f708034023e2412167cd76a090c4d 100644 GIT binary patch delta 34 ncmeBU>|>lzEM35xTu{o&z}&{D#!%Gc#sCDKu6{1-oD!M|>lzEd8M)<--RC2If_aMi09eO<({5Pgg&ebxsLQ0OfxSX#fBK diff --git a/src/gtk-2.0/assets-dark/treeview-rtl-button-hover.png b/src/gtk-2.0/assets-dark/treeview-rtl-button-hover.png index 026cb2d7664a0fe9675d0815d9ffd80af2867773..8f9aa4b319f068c823a6bf489e2c76f32b57a740 100644 GIT binary patch delta 34 ocmeBU>|>lzEM2fQwV;%hfmw->cTS7VUj`uXboFyt=akR{0JORaF8}}l delta 34 ocmeBU>|>lzEd8M%;ll?824*)#$;~_7mofl>r>mdKI;Vst0NgMP0RR91 diff --git a/src/gtk-2.0/assets-dark/treeview-rtl-button.png b/src/gtk-2.0/assets-dark/treeview-rtl-button.png index 17ad4352f13d5149d546f4086621ba030e9077c1..b00692c93e0d83f0a72b78e34c4b883a80dc9e4e 100644 GIT binary patch delta 34 ocmeBU>|>lzEM0Ilv7nTdf$1K@pW{B|vl)QE)78&qol`;+0MhFVzyJUM delta 34 ocmeBU>|>lzEd9YC;ll?824*%!P6z$cLIxo4boFyt=akR{0J+Ht_W%F@ diff --git a/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png b/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark.png index caeef40000364e3a14f8ef82f0ba1a93cbc5dc78..1b047c0a91884d0450f2e610282e0ec3b3353fe1 100644 GIT binary patch delta 98 zcmeBR?qHtK7!ec{6dfHM9v&VQ6$KF9}grU3?Lf_62Kra YF%d`uNeD;+gXHAop#2fq6K}2u0KXd~;s5{u delta 98 zcmeBR?qHtK7!eZ_6CE8L9v+^MkPsIa2V?_9;^X6iYzUd0oSc%90wGgVQ-N$CfH2aK SKspR$WMl*#xZE@G=6V1V^Cv6- diff --git a/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/src/gtk/assets/scale-horz-marks-after-slider-disabled-dark@2.png index 6120f5f5fdde8dca05f97da5e0a131fc7bf70df9..6664acc1304ba7ad78b7fb252cb6d9af6c110306 100644 GIT binary patch delta 158 zcmbQmGK*zGX?;*oP;hW?czAeJR1}a54GoO|gUHCp=;&w&8^{34LPQ`8AUg&IV!;5y xi;If`^5Wy;6A}^<6BB_XgpmXTKtUig84OZVQj&$hEV$5G&p!t@voVS=0sxA`Ie!2E delta 158 zcmbQmGK*zGX?+wJgolSGBqYSe#l^(L02#5du|Rfwd_06qOiTm{0=YmE!hnbaMSxO3 vker;H1O^aBN=ix^45X%}0-5QkAOj3CGcz-Uz$~CFM5ySLz}L-ej3SHxdz(A{ diff --git a/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png b/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark.png index 8cad580a51e285444a5ce952313d0a5f4860da23..ef447f23e2c569ef8bcbb90335766bef56a91942 100644 GIT binary patch delta 95 zcmeyz^p9ymW2m2>UubA(czAeJR1}Z|vZJG;A?(P=$cTstAQ=}I7at!FBq0nSJ0T$< ZF)Y2nl3B VKpGNAhk=ZY47biB+a_LH0RZWdCV2n= diff --git a/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/src/gtk/assets/scale-horz-marks-before-slider-disabled-dark@2.png index 597644f04114afc1e08a7eb5a4dbff19a47a57f4..46b4c33a815287238a04bce5845d065201ddf248 100644 GIT binary patch delta 158 zcmYL3(LTG4caBy&BWMo7{1dxme1E4sB zk(88_n3$Lh2D_YJ1OoN&mjw9*GjMP!)zvp%zH;^2?XTay^QPS60!q1gx;TbNTux3{ zU==X?yAj8+w0r;m|IcUEaQ|&DkkeH3$#IT;z_}^`^}3e**DT=6Jx?+ m^Q6sF9G86GrTo>FlcC|E+2i?}&u9USWbkzLb6Mw<&;$UTUrnk2 delta 217 zcmbQww2^6o1SbbG0|UeLm1j>)RP?Dg4)6(a1@aRT5<){mqoShXkdcvbE9H41P@6zWkY6wZ2d7e9edFaTSFhc^{q@^-ugyWvfpQ_9E{-7*l4lP# z@-`^&upC&vK7J^sZAfvT{x- z;a}tyE+|{VI#I)Z)`kwq_p8|qQcrbAV-OWk3aPZ<63GeXw+E!WRwVz5UW+ozIjQ1V} tT5IQ=wH6Jd@#>fEWiStLh%tr`;FQw(lXJ!_r69HeR%Dx=LkMxV_XBd^GeiIY delta 137 zcmeyw{E2x&MSWCMRBUW4kPHtGPe@3Ji;DwtV`5_944@!T1W3lm#{&f+B#@f~28l2L n6iG=*0g3@hAV^J3g^)l-It*lh0gwlzi&Yi~GcYhr{QesNBqKDs diff --git a/src/gtk/assets/scale-vert-marks-after-slider-disabled-dark.png b/src/gtk/assets/scale-vert-marks-after-slider-disabled-dark.png index a1e3304d6667246dd038592488f03fe2be8a8c33..191a90772ce73f5bde8f7882c56b46333cd90a8b 100644 GIT binary patch delta 83 zcmaFG^onUhyJvWKcxY&7WMpJSL n04ScEoSXy(DPWL>1ky1;1{h>!W`bxQ2rnap*XiV;6Pkbe+bFg7yRPOQaRh=@F&af9XdX{xDn+l?_=Yiq6d9!AcB ta}EikLJ0W99%B)rfH?+CM9iF0$~nX953&e2;H|Ze{5+NN9Cy5We*pl1H#`6U delta 144 zcmeyu{DpZ!X?<*LY*bWKczAe1LPA_zTue+1Py`5o?07H$G7=LLfwDjzkc2RRB0!Lw ooSc-D1R;Tp6fj7GfplyjBO@a-GZRQc0b54KMUm2-6My{z0Lgqgpa1{> diff --git a/src/gtk/assets/selectionmode-checkbox-unchecked-dark.png b/src/gtk/assets/selectionmode-checkbox-unchecked-dark.png index 8ae9cd2b8b1193d786bc16aa83ddccd88a40521f..c57cc2b9544810ae89ee8f7da566a16081b32e5a 100644 GIT binary patch delta 53 ncmZ3$w18@34sHdl=qobpPgM*8Ui?g#cknIEmKrVy{VL+si6~Gjt(+V@59hi9G F9ssh69vJ`t From 3c3023615ab29bf653dcb28034b4af135a45b559 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Wed, 17 Jul 2019 05:55:26 +0900 Subject: [PATCH 17/72] chrome: Regenerate CRX files --- src/chrome/chrome-scrollbar-dark.crx | Bin 3786 -> 3805 bytes src/chrome/chrome-scrollbar.crx | Bin 3808 -> 3808 bytes src/chrome/chrome-theme-dark.crx | Bin 1427 -> 1425 bytes src/chrome/chrome-theme-light.crx | Bin 1409 -> 1409 bytes src/chrome/chrome-theme.crx | Bin 1403 -> 1403 bytes 5 files changed, 0 insertions(+), 0 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark.crx b/src/chrome/chrome-scrollbar-dark.crx index aed067ed873d747101481cee796d947962cce267..3dec40ce21d89bb466496bd128516174341a2bad 100644 GIT binary patch delta 2739 zcmZuyXHXN^7EVHkP*h4Z6zN3>L6r6=f{0Q>lO|130!S!^M5+MGerhK#EkQ3IbB41O#53^{wvCo|!vy=iKkd{mwbxce?l{`C{d9Wc*d^V2Di+a-t%N zG*R?+`Qw1qLTWy6#5=FP$82e`3^{lGrVV2;-nvk$OTcx7OhW>&&}3wvpkNjQWm_n#QYBk~yFFJ1_E@ zhq*Z1L_&n_0TYyQlu?EP_*&e_=zGw$dPy*l><#K1?V$Ge}{v-In4 zVaP^&4 zrsks+=*&293zF?7w}^n}2>Qv7anX11x;-v>0GH+*yM|-?J*>r7wrWVTZ8i?(x>kG} ze|v@*NaNArv`=roR2HqEk&jpPp?DhmPB6QUnMjHrYAd1+hF^?lydyo;b7{wGU|5(q zec0tExJKS+OY(Uv5rTrRmt1p9E#8`bc6OJGskfW zZ2DdK`wxCnft_?C+&qn}W8OZ(WFT7<#W_5n93eU|N#G^2lY4rGQJ~ zbt5-)*Xv`6)g~vVh+CCp`@%*pwq~wHf>L6Y3mfJscceWHWaXt+()A?_EK4n*JTZa} zgX5$L)Uw6+_()4jyQ5Hcc6J0jUXL33`Um^_`v(W&2FY;LSjAU)qyR|DW5dTAT&9%n z?iFnkdQ~VmbD;upVPQDs*@*&qYuv3e|=;L1hNY!0PM%QUQWJ0M@MEX!*b z$zQ_YR~Mt)R1P~k=O|LS)x*WCey_kWd>uM0)8-ERO&2i0000T)B~m-S0_&ow5*&0%*zA03|>bs%*PYI(zD@Oz#^YM2GO2$ zgkd+q(^FGbhkeJu*lz2o6V^RVP4{WTPUpI9>C(`N>e~wIg>DV#b)6!Zp6=@I-afxY zCJ;}tm~L+p-Xj~!<3Lg~?CVV4L;d~U7)%j03JXaJsIk?n8sfm53N<_4%Sz5-EEVuF zIkF_9h)4xwTVy>_lR?*a+l$jPIc{sQUnru2i$TQRN3M9=k)&WLkpa$&X&xBry_0UH zb?P^MKQs}gm0y}d?PMjfguw?VkKk#K#ozGsRQ~)LvR)y!8D)^*!KAh}m{Aw9dtaPj z*FYJ6%u@WSn|V@WO%ap2mhF|bf}Tl3Zi4TB);P3(+tak}D0|u6Anucn(@TMrme5ee z$<5Om?v--I&gvQD+J$qolc<%u+%}TFhS9N;@Ek#HZ0K&t8w<9;XmAy-iJw9faPrg| zihRNPV416R0fo+KROGGef{}N2E=Dlmu!BX1xMqB9rj_?-nj^(*OrE>xqH|B5;R3^Z z_GibV>I()pZNW}&s`n`k5&IZ2^xMlMijqqzFq@NuFi6BI}Fmbxvj!nevJjvUv+lq*b+h4pO5 zr5tZdr_C*wi;2F?+`gQ;{jO)VCY^^hDN_I$B^LIj$tqgziO_xf@_6*S$dFPiu1}L! zgc#U{pnPF2z0KDQ`XmYst-OZ8h(4^AX#tA2iY<1^N4oGDQRyG)sm1^(~GV4 z>p{5w@w`GBk7~*IVsL89~z)yF|eGC z^s+Q`y2CPu3^5I@0}dM{1u|O3@G36(?EWqTp3&^Ttzwxwb$&ToA9~Kk)%4bQuC}Nw~Fl-h9)FTML3fKKHm? z$-SBT(C*+!)AY?ZH&TQMm$8mIGGUxCAgs!mAA^hHKT{U9Ly8RD*x|g`Q+d5S(EUab z&EH9D1`g9tQAtNoNwfa)hVx1=G!}`9?WOJ&aNC+{IBq^&{|GR80r<#pEWlhw-#8?L zBMytuVBj8XjptpN+YPETlP!!mP%_Ye*mgikFXPbS$4{ud6Q15Eop-4NhJ+`OjDjz(C;dvg(D1Nr>(;@uAo{+|@PUXhdD6~pJDN(8ZXUQ^BuGg%nj}7VXP0Nrha+rUt8qo&`?YGGoZu}R;a+g`S1S`0Dup% zmKAFAHxK*ShhG?5y1yKo+7+s0|Ne!)bV|jC{q_awl^SP>a5kvGzs>fK*FQ0$M7N)q Se~!ZMm~6JQ^l;`Mng0Rh>dRLE delta 2658 zcmZuyXH*mD5=}@5B?%x!ilKKznoKQ5<`oC6bXkWQamV;4am|W zU1?IJNt2~Xks_!8K@bpLe7kS;?b-SB{kh+qnS1BX%n0@hrk}-k*81;Hb}#X6p`d)O z!_{Cmyb=-6jEc$TtvXFWoJQagSBBRs2x~pd=7Jw`u2Dal9fAivb1x{g_`;-CAp9Q) zMFB3Ew)z>DGPryKT;m4eGvF(qjMt0YJ_>47rE;D-?zC z)(sCx>?cCofzY(w(eG!m`d&|BJKr2YHj6~N!jA5d3eX~+`0#~c}@P_nq#O+O__{~J<_Ob{MtQDMD z#Y4Hbfe+bv3b$>D^geQjPbnrW+yWENTvBg+8g&RAU(ZU}s;U!h(ec5|^4|?6b|fC3 zGLP0b8c5enWwmh=)S?>g5s9OE91jie(`y=O(>L~>YXjER4H&2b7pwFrWbnAxLHKfFlH0X$;vUUtSZ{% ztN%wM*}At{>#ZNjlHmckJ3YgcL}L(xXB836B)`rh-B0Ou+0t&SPil2}zAI?BY?OAhY98JDbY&7c{34qked94Qp zHWqUU4T^4t)U;kHaW>Ezrxvx6_Y_@SBU&zFKeLF_9)%-p2(fnC$w%5mtAffR-w?uzSOwsc?P!6Do5HO zN!_Bh_PmMA#R?R92?Vp`t+BMi$)Gm+;BkZ;xpTe%$B;yAnfzab;gwu%b*w zGp%w!%U3KW(NG|&S9u{w+a9NG?AtuGWZUd1Zg=5&tUbs)2u)g zfk04&_jLd_kWg*0WPZNA)H_OxHbEEsii*4v11=e%qpum^JS^q(aJYIGAD5eb+S7)x_apeZq~v()gk^Hx zxCOM$a+UaZ6?m4p^&VX+6L}D#s|7N{bG#}aodty6#0c)#Tyn4p-!+JA~sM#nzzKO-JAZy=GQh4)Wg%Shsxcz^EPR^UFxY#oE6q~mGAA5VC9g7(|g|w=c^lET>BEQQ!QS>i!U@k zyDu$vqO17G3U+ZoReqWjm$xJW4I1VZWXd zW_+FD7g~w9;48ME4%=z^K*Z6hh0$L>&ye6S#d8`8VK;p-7Jb3(A{{`~z(c!NG;^Vr4JE_K6WT#uxjMoz1X713 ztqRx>Fq5kF5_>Q%VMFESc;u`15)+m?UBZ#|ZiXsmZdhvuWqA;78+PQ&|CU@3}P5LLc&1<^qkKnLQ&6Z=&nfN5LvLXxYRv&j!VYZE92~=%+CV zbRI^iI=d63L{>?>xY&KUMLqU!X)?uk{7*r}NlWXEQkZF>hRQdUTGi}%es$>eM)xPMSAaLNS4(>q}>; z7TmF~-JGfM>v^67JuB~3OyD&uLvU~RMCuL4`MVsvz15!-hpolchC{h5m1bQZB}~@& zXQc)G7V@*h40?wNZM9?X=n5y$m4^SVw6e;7rM{XzNS7Mc^%;j}?bG7z)=@JxV$<3< zU#14Ck+=kouQPWg-6Mn8)DBw))%vUCo~N|e)R3DCb&%|$l@==N+=_7=`OI-++w*<1 z*SJMcw&5Hx^|xm{Tp~qQXJtO_mh=GxCR`)M#PaX(9p|`T-z?`26`$MtwxR0eh&bKj z&p~nVMi$87dgtsg_q>c)^ux<#aT3`*X6M@$9)ADWV;u;6Ik1wviT#kxv-K>_IKGv- z!(K+Mu%0{T`%rwyBo)9UHiv^LWSH$0}(O0cP~) zWgLJh{o^u1;if=#k^>y!@P8NJFH6w5`YVJ$zZe7^>}z2HWB>sEWxLYxKg{$q0!Rb! zQ^G&8|GmfllHn)jGKrZD;qY&!{DGmv=>cW>r2@J|f34u}F{a}PztsNc&l995wo}ai V8w64j+esiNiOMDd5oG<5_&=+gm=XX0 diff --git a/src/chrome/chrome-scrollbar.crx b/src/chrome/chrome-scrollbar.crx index 8bdaf82c9d5e774774043e2cc49d06eefee03fff..bd9d862732a7738b0d0068110a088b3472b55908 100644 GIT binary patch delta 648 zcmaDL`#^Sras9T4&w?+dRz@k#+B$Vwu@)l_2?kqo6IeA`4 z!IPSr@AfBM9^W~U-D2@k`cBRo+dz*Kq8VoV6O{yRZD2Sjvo6eHM(xKn>SoDSr5%|O zS;rP7O@4BF!^Szv{MqFjTZG+LUuLm;wPE=W(RSYFAFiyfxw@jW-ge*V&Rs!q=69_A zN`Ic1d30N+&g0@!rE@-X6gh035)*l(u2IFzMVo6%(PP0q>%{^?qOCubPDBD-0+-`wt;eH%XA-q^k{K;~(S{Zw1CmZMjgriBQ_Ty}cBeY4HW zorgEs@9s)+{3KejjA{A_vETK3(wUeU85o5cm{jz*f!ANBwF>Ba_AHM#8x%5KY+ znHwny2-V!$87`3E}K0+-QRB&tZxi{ zm>99Ftoyp~gt(UWAJQ*sTV!;YH19?3b*%e4Z^u8q4GIshJ{AaD^2k;(WAVZZ-}dyM zRw(~3qMz~0Z~^}l;eE$z6L^{nr8K&&fAV^|?D=x8v`Q>4{O`lU$FCnH$&0aU$aRxu_=X6vjz>1I8J`NN4#Mr)IuZ62>^+`IQ(y4IHK{k0S8rc7I% z={6}zdw;saZN(YAoZ7vAcWn@{t2ywV_0EFS0}ubD%T-IRFbu!NDadT2B>3sR=1l|5 zUDfX``^=AKR-SwAWfwO4q(?(j#XaZEKda7N>VNhx=IY`*`xB<8)T{WPT>D^llHciu z%XSk&UaE`Fp5~!5@e|9@`+1yI=jVo``yV)J`|+ZT&HJlXA*RzgYA?&JoORXpZ)@DM zZ%v=NKfm7GlN)b)Sgr4t&8Dmk6Emji=3Kp3w&8Wl2SwkT4}Aol&%9T2DfPg$Jy&=0 z1u0)TWAkJBM%xz!o?#|JOu9#&*E>IFVrFDu6l!3aWM8UvwCwuzT)SLjYsbH@XV}~F z@#S5Q@m>8pV%JgQc}+G9np>Cc+^=xz!KLZGDb0s_Gw-yryk$!9oqv8p$+xu^v?P22 z4zQkBS;ZqX!}tW>yxz9IBI&;r4=T8a2%oCCWcO>5K*ckw1g}X=ihMCk!_Mf*uK!k_ zBF(#0ljG2W4k>{pdrpOY(SO1GYWhOewV%ui4mpi9lK0B#1 zwfO6#0^xkq3lrS;W`<8ziDv#0%6#A(Pg|k)g|(R}eax4BO3vL_Z=Hh2c^Q2er zEV=PYO6Yu2b9z#|TjTMvH^vigFHel^oA5{cs+`iQ2TKD?IPWuAikLd!{$u$!=veZ6gI=VkfYtF zkku60s4{e09@#<2N3X|4nyyOz1NFoiws1^Bv3NP%(Lmiv+}{0vGlXYfiR(Rpe)EJ%@Z+v1~P2xX+s@*BIRDZEqx}9VYHZwF?oDYiH zPixe%ieRAo_3h+#MWJ2SaF0lzneXS zd$8V}k5o(CDYS{tbUXKbo#HKRZQ@_&4Gz#2-wQ{OhgR(x*_N>K5MhqzIxZyX1%hS+ zn%2jya@SElJ%9370s{d60TO@$yMMc@9JpY5EvTXPsjH{Od6A6sv@ALYbs5@JfjVXJ z{$w7QRj7ISZNJh(9Hx`MQ?kaci%&Svd6q>;OL$uf zlCq*BWhx?*>P%9OdGiIKn&`?hZLw#^ z`Lt1U5i|w%@6aWAS2mnPX z@lN@uf6|j<0$>7TXOqPOAqfU6@lHQq%zpTj?*bWrQR`}hFckjpQ-u6Z#dUR~dxt%N z6gi2h3)UQor)5z3?n{iF%`OOj!uf9GaIP6+ya#KJdZhZI-DuGAH?|c)u+VEi@OL2X z3~U;39iNoN$@h_I^r)N}Xl5fxA9`xI`oWK;hgOf@^W9Jr;z@!FxrE3E+w#eJ6R|dI^?xe_*GiE*6QTXl@6aWAU2nYZiE%8oMx_Xlm1cXA`*w|c~t`Y|1 z@_V{ChDb;zORz3Z5P87Dz^uT)IBkX4BA^t5r>mdKI;Vst08mQ-0ssIM000OG07WVB zPWh;R(v#Q(HwgwS@lHQq%zpTj7zHv194+xqQ@VPSQ3V$Pu9Im6BnEK;00000OuWpv delta 979 zcmV;^11$WJ3zG|wGk?Q{XjPMqI#-_p)dYDVd$F)ClYx3fXe_*11?A>C)}*a;4uInD zNRlL#V7-szbPp3&LEJFHjSBa^3jjR&SqH;sqP|ETsE_e1nMdz|>exYiV6yBR^-~`a zdXjCl_*wmj_TYI)4XdIW{srS>g{Oa^-y<0l!^}_uYtXEyMt|e&_>IKH(btLJOZ>p` z7&!XnSAxLg3kI^-YQ9v+dQ<>+DdxxB%0htDBr2?G?QKf=e+e+i_1?IG8v*N?h>tyS@(qojkmk`Clc#3>D^7rGG zXg%=R^YHn8_J3!20s{d60TO@$6~RwMfS#$DJJT9~I_iNsy@{F5rUD`)sk_4b#KBDA zX&uH%>=#mGXlV%9ZDim0lr=W7+Sn6Uonf$M`9aq}p?xkRpzXyiSxq%;q=VCAObhBS z=Q{$bet)Ms0^iXbS6q^(oj@tuujU+S z?X4F1Fq@zLzC~N(&=hx{V!w1HsKT;?t#p6mElu}~&1^h>dgjMloCqfqCs_G#B-=qE zq~$<@lS_I(^_f0Sx4#&7CXIZ*W^EvTP}u;DdaAw)wH(A%)nHrlKAB!w zpuTUFGc=;GVP~tJpYiPtD8_>E1QH4mU_i-7$g-U@Ag`H5b1{mFP)h>@6aWAS2mqUU zZcIvv=bn>e0$>6YBa_7fAqjk=s7}~l=GXd@?*bWrkzH!TFc5^_eF~vx#kiqPo8F-( zFu_Q&;tI#RM&5)%$lWVhP960JgI2IJvmX+B%^2go1bZ|i)feMNi@@L5Rs;iNZ+yew zB^hVsrjf4Wld~lGJ}QkFwX*}wY82_iOoXd%d~18zn(@282Wmn*De1yoBIE=TWg9Y^iE8 zpA`IUSqgT)(uk6}YaO1U`8zFGk-sb>3bE_`n%2-j!vp%iFND+zNS%ogey|Gvs(22` z`p5z$+l$jdsy0u8g(~v>Jd}mHWnWNB0|XQd000OG0LYM%O|zj{lMn=iLOMA)_5IBB z2Xgs6T^vIsB$Fjr7bl23U}0cZU|^iKLTnLGiow&>&t;ucLK6T`O927^02BZK2nYb1 zdTvZgiRYe^)&w^Re50sN*k9(?`jZv~G6%?zl1;OrS(8r%7Xh%7X9Xk%a{>SW007w| B)ouU) diff --git a/src/chrome/chrome-theme-light.crx b/src/chrome/chrome-theme-light.crx index 508250d8350b29bba2747450c1ea8673abd2c04d..502a5c4294effaced7e13a31e7fe84109469d7f0 100644 GIT binary patch delta 577 zcmV-H0>1r$3xNxeGk=zASLtXpuNKi_Q3}m>=wvNrl}}gXzV08jAx;ikCL?9f9B(Gg zNX&Z=>HhDIQqcX*u~zuU5e75w6Hd3wmluC%t=7Z!8FeHqnP?LEx)h)%YSdyQPojQB`5aey?}O# zf)q?)<+UTuVSpjhHBDD^VkF88zv-Xmto-keleB|l>Vdma&Q)}PvVPdKImEIrPOrHb zq}vbFH;fF0u$l`XuN(jW%7V~npZO#?uA$+_HZ-s{wKXvMl1Q*9#H?LZc2LWp`_pY9yjmYEyHBsaV z*ZB3n`D?3VSW&l5QYUwVZkTtG=lh$!AUME|=85N1cx1G8M{C}E;tO@+7SuyzyLc&t zkQWa`#UipQk{9Y&1r$3xNxeGk?Q;ZXa62q&l!MmE+>k7aqc@PfJt^w$(&ild z)rqSIRCFYS5+g%KVa8K^1d=v2dofoB3>jOBmN^6UO;ulx<2)JNT-3ygE_qZYgBk%4 z6y>n)^Zvw8La+Vax17c3J2G^~!oO;R502Jxo*@Kh@YSc8Lw{d> zqn=k~SP8H1x54r-3ygknMz%pTB%k%b+WLt9B{QqlEq>`NN!WRLv$EtLMj`Fp?H4*B z7uhj297eR9@PGOX0s{d60TO@$s_c``fqc_30Q49E=b^#xk1Lw2#3a7A;}??>-@W*u z#gz^?z&HVTojz>O;vfwfc!@EM6-l&-E78_#qq8exSVzSQyAL>wkuKQd3Xc1wND`Oe zn0k|WD>=^L5f9d#9i)s?lfTy3nGu+{mNhq45@PjG6Mz4a?x0^K;D6U2&hx7Z8wlsO_B zVUag3B==@aOi0Y%n;=XZ292!69~v9)D-H^_R%*mB1=N7%&k;D`yfQA|OZqtJC1QH4mRFtF>U9KO8t(_ab36xS&vrz)50R+g9l1;Py P13Li($dHmvlRO1Q6pIa~ diff --git a/src/chrome/chrome-theme.crx b/src/chrome/chrome-theme.crx index e1291c45dfea51386fb8d8a31369b37e4c209860..6a9f1e9d077537e965188b027a4b4b26963a1525 100644 GIT binary patch delta 795 zcmV+$1LXYs3i}F>Gk>cXGA8-rYJ801oWd#khzk}Qgb_m>`gu4*SAAvzUxjwvOoZL- z-~*r963CuKoygS04((~L@>tBNMKq<41kX&?E7#Xh8Rcj(benf`5YboF26&Ma)hmjb z(&Sh56ss}BAPX`Q-0gbu=(QTb%zyl|zyo0?uA=EjSvFvi zJ;%J*kQH*9ZH10CHTO+2DNp!9+_DlwD}oqQ^TI1?{eFj0x8^hi(8Vy9-^S-%c4xhj zR{TQ?jZo89xX}i9s`cUo1g4gGY<>wLUMFJ<3dvB{pNHXihh)#7B5CVhi1#rRvSYzg zTB1eO{K%+pT7SV20s{d60TO@$aV4a)#hx;`K>yRxE?CWSZ5GA9CQ<*Mu})1od)YIS z%=i7~o(P6olZTc9ckbYmHB0=O+IC?r2ItB|1VdE_y<6St7n6V+ek`J7MxOyaIyp1QH4mWPa~bBW*%@m}f<)FU|cZlTiYd2pTK#PVUuu zo0IMWC@NZX_YQjkkur&~8)|1tI*K6P-KMFwS;0akFn_-JNXRV{Le_xpXj?8WlRyI@ zfB)Hj_|`RD>uM-%`|6)S!9*twKFlS-qQO%3=v_sFp%eMUaP;whyL_cYti4JO3x{CX zU3zN0RwC9rWvE2QG$$LdS?&0$-7?RWcy1E{biww@0r^s5Sc~l@MKqYI^mN9JQfp;EYS3nF;^t7e;m;KQRk+&mK@q0|XQR00;;G94+xqqxS;= Z2pTK#PVUuuo0IGk>K%S)f>K5&YS@I3N8^K~gwOMD%~5h@D~U%C`Gl7?3Bp6x=0W zYZyE|kE4qYyO#WpwqWH1EoDSysTH)PK#gxMIPOD7e{XB5afC_^hAimmRqL;7fOE-^ z5ew$ALXg1xah|%>f97b4MPAmXDY>M$set%`{_Tiy76ugN0L$Bvv zM5=KZQZA_k{HJo^8Pdrb)opTrP1=bV0d~{DejHqyGoyJ`Z-u-gU#og`4!uHBV=~wJ zdOAXf?SU|kc2m9C1NoM4+~~7jRs&4^@dt(-#MIyF8hIR|LLs7Pki?4598t3%mDs_H z(L|-RPU?ZuU4IO>0s{d60TO@$mrMCHW}htz{XKKom~jrDoD5|Cm)iJiT5|KiItWl5 z_HuPBFq&(;V%hK1?Sh!!%9U&9*EP71mCX%fEDTNs)f)}`8T}x_V)+1;W2*I z{*ZQ$2O*lTiYd2==9@PBqv@ z36t&uC@NTW_YQjkkur&~hT55ujv|P6w`rlRyI@ zf1hkWeD9jBbv2Z>efKY*V4|}IALf!^(O@Zi^r51`(3yNVK{oz!{gmFcW_07e;m;KQRmS$evJ30|XQR00;;G$dHmvqxS;= Z2==9@PBqv@36uW>GX%(xl1-B~1x4Lbcwztm From b0d8112d70cd651fd1328438d64a90c45bc5ad0f Mon Sep 17 00:00:00 2001 From: Yauhen Kirylau Date: Mon, 29 Jul 2019 04:09:45 +0200 Subject: [PATCH 18/72] fix(install.sh): bash var fallback doesn't work as expected with a bash array with an empty string: `ARR=('')` (#414) --- install.sh | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/install.sh b/install.sh index d7c01f84e..96f73eb7e 100755 --- a/install.sh +++ b/install.sh @@ -228,8 +228,14 @@ if [[ ! -w "${dest:-$DEST_DIR}" ]]; then exit 1 fi -for color in "${colors[@]:-${COLOR_VARIANTS[@]}}"; do - for size in "${sizes[@]:-${SIZE_VARIANTS[@]}}"; do +if [[ "${#colors[@]}" -eq 0 ]] ; then + colors=("${COLOR_VARIANTS[@]}") +fi +if [[ "${#sizes[@]}" -eq 0 ]] ; then + sizes=("${SIZE_VARIANTS[@]}") +fi +for color in "${colors[@]}"; do + for size in "${sizes[@]}"; do install "${dest:-$DEST_DIR}" "${_name:-$THEME_NAME}" "$color" "$size" done done From a6add79a1c28b6769356eec4ff0346d940fc3466 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Mon, 29 Jul 2019 11:12:26 +0900 Subject: [PATCH 19/72] gnome-shell: Hide default dash-to-dock indicator when using a custom indicator (#319) Rely on https://github.com/micheleg/dash-to-dock/pull/850 Fixes #270 --- src/_sass/gnome-shell/_extensions.scss | 16 +++- src/gnome-shell/3.18/gnome-shell-compact.css | 74 ++++++++++--------- .../3.18/gnome-shell-dark-compact.css | 74 ++++++++++--------- src/gnome-shell/3.18/gnome-shell-dark.css | 74 ++++++++++--------- .../3.18/gnome-shell-light-compact.css | 74 ++++++++++--------- src/gnome-shell/3.18/gnome-shell-light.css | 74 ++++++++++--------- src/gnome-shell/3.18/gnome-shell.css | 74 ++++++++++--------- src/gnome-shell/3.24/gnome-shell-compact.css | 74 ++++++++++--------- .../3.24/gnome-shell-dark-compact.css | 74 ++++++++++--------- src/gnome-shell/3.24/gnome-shell-dark.css | 74 ++++++++++--------- .../3.24/gnome-shell-light-compact.css | 74 ++++++++++--------- src/gnome-shell/3.24/gnome-shell-light.css | 74 ++++++++++--------- src/gnome-shell/3.24/gnome-shell.css | 74 ++++++++++--------- src/gnome-shell/3.26/gnome-shell-compact.css | 74 ++++++++++--------- .../3.26/gnome-shell-dark-compact.css | 74 ++++++++++--------- src/gnome-shell/3.26/gnome-shell-dark.css | 74 ++++++++++--------- .../3.26/gnome-shell-light-compact.css | 74 ++++++++++--------- src/gnome-shell/3.26/gnome-shell-light.css | 74 ++++++++++--------- src/gnome-shell/3.26/gnome-shell.css | 74 ++++++++++--------- src/gnome-shell/3.28/gnome-shell-compact.css | 74 ++++++++++--------- .../3.28/gnome-shell-dark-compact.css | 74 ++++++++++--------- src/gnome-shell/3.28/gnome-shell-dark.css | 74 ++++++++++--------- .../3.28/gnome-shell-light-compact.css | 74 ++++++++++--------- src/gnome-shell/3.28/gnome-shell-light.css | 74 ++++++++++--------- src/gnome-shell/3.28/gnome-shell.css | 74 ++++++++++--------- src/gnome-shell/3.30/gnome-shell-compact.css | 74 ++++++++++--------- .../3.30/gnome-shell-dark-compact.css | 74 ++++++++++--------- src/gnome-shell/3.30/gnome-shell-dark.css | 74 ++++++++++--------- .../3.30/gnome-shell-light-compact.css | 74 ++++++++++--------- src/gnome-shell/3.30/gnome-shell-light.css | 74 ++++++++++--------- src/gnome-shell/3.30/gnome-shell.css | 74 ++++++++++--------- 31 files changed, 1244 insertions(+), 992 deletions(-) diff --git a/src/_sass/gnome-shell/_extensions.scss b/src/_sass/gnome-shell/_extensions.scss index 85e0d26a1..30b537a1e 100644 --- a/src/_sass/gnome-shell/_extensions.scss +++ b/src/_sass/gnome-shell/_extensions.scss @@ -61,14 +61,26 @@ padding: 6px 6px 6px 3px; } +// Running and focused application style + +#dashtodockContainer .focused .overview-icon { + background-color: $checked_overlay_color; +} + +// Remove background-color if the indicator style is default +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } +// Default running and focused application style @each $p, $pt in ('.left', 'left'), ('.right', 'right'), ('.top', 'top'), @@ -79,7 +91,7 @@ ('.running4', 'running4') { @each $f, $fc in ('', ''), ('.focused', '-focused') { - #dashtodockContainer#{$p} .dash-item-container > StWidget#{$n}#{$f} { + #dashtodockContainer#{$p} .default#{$n}#{$f} { background-image: url("assets/dash/#{$pt}-#{$nb}#{$fc}.svg"); } } diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 15022430e..4e3f2b9a7 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -3105,139 +3105,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index c69596d1d..8e2632e54 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -3105,139 +3105,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index fc2ee260a..d4c8b457f 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -3105,139 +3105,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index 5743f3995..22af360a3 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -3105,139 +3105,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index e004201c7..8b56133ca 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -3105,139 +3105,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index d6e6519d7..945a84f1d 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -3105,139 +3105,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index 25f78d4cd..f47b53d86 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -3148,139 +3148,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index e83506b34..ab1519093 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -3148,139 +3148,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index 19d412520..e66b7c965 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -3148,139 +3148,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index 247c76301..9cdd1dedd 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -3148,139 +3148,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index 718d14952..191b3430c 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -3148,139 +3148,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index a570774b7..20cb6715e 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -3148,139 +3148,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index 7c5e45d6b..bfbc62ba0 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -3125,139 +3125,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index b18447279..5cdea137e 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -3125,139 +3125,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index a689e15a9..dcf61a5f8 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -3125,139 +3125,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index f7c738ed7..145f5c465 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -3125,139 +3125,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index f58641729..f456861d1 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -3125,139 +3125,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index 28135560e..97027e0be 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -3125,139 +3125,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index 8e71e6dd2..c592c2fe5 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -3168,139 +3168,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 4290a7b37..3cebf84a5 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -3168,139 +3168,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index ff0eec0c6..d0d21db7c 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -3168,139 +3168,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index a6bb9e409..bd25c5d05 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -3168,139 +3168,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index 2fef264e7..baf39e6f3 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -3168,139 +3168,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index 1667dc058..762579822 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -3168,139 +3168,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index fefcf4f12..68ffd885b 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -3175,139 +3175,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index d169ba77d..7b6d91ed5 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -3175,139 +3175,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index 2046f7e23..b2f9a8f5e 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -3175,139 +3175,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 9b613a844..6dc2c5d86 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -3175,139 +3175,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index 02a1e2c6f..e14d3279f 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -3175,139 +3175,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index de519e24f..f616868d8 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -3175,139 +3175,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.24); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } From f1ad3125eea55f4fe88ceab1be83bd51ee5eba48 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Mon, 29 Jul 2019 11:57:42 +0900 Subject: [PATCH 20/72] gnome-shell: Fix an invalid Sass variable Fixes https://github.com/nana-4/materia-theme/issues/415 --- src/_sass/gnome-shell/_extensions.scss | 2 +- src/gnome-shell/3.18/gnome-shell-compact.css | 2 +- .../3.18/gnome-shell-dark-compact.css | 2 +- src/gnome-shell/3.18/gnome-shell-dark.css | 2 +- .../3.18/gnome-shell-light-compact.css | 2 +- src/gnome-shell/3.18/gnome-shell-light.css | 2 +- src/gnome-shell/3.18/gnome-shell.css | 2 +- src/gnome-shell/3.24/gnome-shell-compact.css | 2 +- .../3.24/gnome-shell-dark-compact.css | 2 +- src/gnome-shell/3.24/gnome-shell-dark.css | 2 +- .../3.24/gnome-shell-light-compact.css | 2 +- src/gnome-shell/3.24/gnome-shell-light.css | 2 +- src/gnome-shell/3.24/gnome-shell.css | 2 +- src/gnome-shell/3.26/gnome-shell-compact.css | 2 +- .../3.26/gnome-shell-dark-compact.css | 2 +- src/gnome-shell/3.26/gnome-shell-dark.css | 2 +- .../3.26/gnome-shell-light-compact.css | 2 +- src/gnome-shell/3.26/gnome-shell-light.css | 2 +- src/gnome-shell/3.26/gnome-shell.css | 2 +- src/gnome-shell/3.28/gnome-shell-compact.css | 2 +- .../3.28/gnome-shell-dark-compact.css | 2 +- src/gnome-shell/3.28/gnome-shell-dark.css | 2 +- .../3.28/gnome-shell-light-compact.css | 2 +- src/gnome-shell/3.28/gnome-shell-light.css | 2 +- src/gnome-shell/3.28/gnome-shell.css | 2 +- src/gnome-shell/3.30/gnome-shell-compact.css | 2 +- .../3.30/gnome-shell-dark-compact.css | 2 +- src/gnome-shell/3.30/gnome-shell-dark.css | 2 +- .../3.30/gnome-shell-light-compact.css | 2 +- src/gnome-shell/3.30/gnome-shell-light.css | 2 +- src/gnome-shell/3.30/gnome-shell.css | 2 +- src/gnome-shell/3.32/gnome-shell-compact.css | 74 ++++++++++--------- .../3.32/gnome-shell-dark-compact.css | 74 ++++++++++--------- src/gnome-shell/3.32/gnome-shell-dark.css | 74 ++++++++++--------- .../3.32/gnome-shell-light-compact.css | 74 ++++++++++--------- src/gnome-shell/3.32/gnome-shell-light.css | 74 ++++++++++--------- src/gnome-shell/3.32/gnome-shell.css | 74 ++++++++++--------- 37 files changed, 277 insertions(+), 229 deletions(-) diff --git a/src/_sass/gnome-shell/_extensions.scss b/src/_sass/gnome-shell/_extensions.scss index 30b537a1e..910cf8644 100644 --- a/src/_sass/gnome-shell/_extensions.scss +++ b/src/_sass/gnome-shell/_extensions.scss @@ -64,7 +64,7 @@ // Running and focused application style #dashtodockContainer .focused .overview-icon { - background-color: $checked_overlay_color; + background-color: $overlay-checked; } // Remove background-color if the indicator style is default diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 4e3f2b9a7..e67924cb7 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index 8e2632e54..8edfe80d7 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index d4c8b457f..a6ac16082 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index 22af360a3..bdc3932a2 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index 8b56133ca..473de47c8 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index 945a84f1d..eb66850c8 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -3106,7 +3106,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index f47b53d86..18084d23f 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -3149,7 +3149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index ab1519093..ec3740a1a 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -3149,7 +3149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index e66b7c965..544745736 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -3149,7 +3149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index 9cdd1dedd..ab36811a3 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -3149,7 +3149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index 191b3430c..a8b46d2ed 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -3149,7 +3149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index 20cb6715e..556fc8925 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -3149,7 +3149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index bfbc62ba0..7f8474314 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -3126,7 +3126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index 5cdea137e..292d23fc6 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -3126,7 +3126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index dcf61a5f8..fc57e0784 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -3126,7 +3126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index 145f5c465..b04ca05d0 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -3126,7 +3126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index f456861d1..040d62a66 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -3126,7 +3126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index 97027e0be..7adf77101 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -3126,7 +3126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index c592c2fe5..db1714286 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -3169,7 +3169,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 3cebf84a5..830d9db72 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -3169,7 +3169,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index d0d21db7c..1cd028755 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -3169,7 +3169,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index bd25c5d05..400ce3d01 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -3169,7 +3169,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index baf39e6f3..b7548091e 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -3169,7 +3169,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index 762579822..49e635bf7 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -3169,7 +3169,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index 68ffd885b..15173741c 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -3176,7 +3176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index 7b6d91ed5..87ed92cf3 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -3176,7 +3176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index b2f9a8f5e..be00f50b9 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -3176,7 +3176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(255, 255, 255, 0.24); + background-color: rgba(255, 255, 255, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 6dc2c5d86..7240d9620 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -3176,7 +3176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index e14d3279f..9a16cfcf7 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -3176,7 +3176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index f616868d8..3fa054423 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -3176,7 +3176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .focused .overview-icon { - background-color: rgba(0, 0, 0, 0.24); + background-color: rgba(0, 0, 0, 0.12); } #dashtodockContainer .default.focused .overview-icon { diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index df920e114..1bb6b3009 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -3278,139 +3278,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index c983e7659..9a4d1f20d 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -3278,139 +3278,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index c17f588fa..60d716962 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -3278,139 +3278,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index 70f1b2467..ccc96e85c 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -3278,139 +3278,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index c335c595e..8817eaeea 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -3278,139 +3278,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index 42fd0e81f..ee7f90269 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -3278,139 +3278,147 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px 6px 6px 3px; } +#dashtodockContainer .focused .overview-icon { + background-color: rgba(0, 0, 0, 0.12); +} + +#dashtodockContainer .default.focused .overview-icon { + background-color: transparent; +} + #dashtodockContainer .app-well-app-running-dot { background-color: transparent; } -#dashtodockContainer .dash-item-container > StWidget { +#dashtodockContainer .default { background-size: cover; } -#dashtodockContainer.left .dash-item-container > StWidget.running1 { +#dashtodockContainer.left .default.running1 { background-image: url("assets/dash/left-running1.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.left .default.running1.focused { background-image: url("assets/dash/left-running1-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2 { +#dashtodockContainer.left .default.running2 { background-image: url("assets/dash/left-running2.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.left .default.running2.focused { background-image: url("assets/dash/left-running2-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3 { +#dashtodockContainer.left .default.running3 { background-image: url("assets/dash/left-running3.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.left .default.running3.focused { background-image: url("assets/dash/left-running3-focused.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4 { +#dashtodockContainer.left .default.running4 { background-image: url("assets/dash/left-running4.svg"); } -#dashtodockContainer.left .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.left .default.running4.focused { background-image: url("assets/dash/left-running4-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1 { +#dashtodockContainer.right .default.running1 { background-image: url("assets/dash/right-running1.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.right .default.running1.focused { background-image: url("assets/dash/right-running1-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2 { +#dashtodockContainer.right .default.running2 { background-image: url("assets/dash/right-running2.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.right .default.running2.focused { background-image: url("assets/dash/right-running2-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3 { +#dashtodockContainer.right .default.running3 { background-image: url("assets/dash/right-running3.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.right .default.running3.focused { background-image: url("assets/dash/right-running3-focused.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4 { +#dashtodockContainer.right .default.running4 { background-image: url("assets/dash/right-running4.svg"); } -#dashtodockContainer.right .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.right .default.running4.focused { background-image: url("assets/dash/right-running4-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1 { +#dashtodockContainer.top .default.running1 { background-image: url("assets/dash/top-running1.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.top .default.running1.focused { background-image: url("assets/dash/top-running1-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2 { +#dashtodockContainer.top .default.running2 { background-image: url("assets/dash/top-running2.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.top .default.running2.focused { background-image: url("assets/dash/top-running2-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3 { +#dashtodockContainer.top .default.running3 { background-image: url("assets/dash/top-running3.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.top .default.running3.focused { background-image: url("assets/dash/top-running3-focused.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4 { +#dashtodockContainer.top .default.running4 { background-image: url("assets/dash/top-running4.svg"); } -#dashtodockContainer.top .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.top .default.running4.focused { background-image: url("assets/dash/top-running4-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1 { +#dashtodockContainer.bottom .default.running1 { background-image: url("assets/dash/bottom-running1.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused { +#dashtodockContainer.bottom .default.running1.focused { background-image: url("assets/dash/bottom-running1-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2 { +#dashtodockContainer.bottom .default.running2 { background-image: url("assets/dash/bottom-running2.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused { +#dashtodockContainer.bottom .default.running2.focused { background-image: url("assets/dash/bottom-running2-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3 { +#dashtodockContainer.bottom .default.running3 { background-image: url("assets/dash/bottom-running3.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused { +#dashtodockContainer.bottom .default.running3.focused { background-image: url("assets/dash/bottom-running3-focused.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4 { +#dashtodockContainer.bottom .default.running4 { background-image: url("assets/dash/bottom-running4.svg"); } -#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused { +#dashtodockContainer.bottom .default.running4.focused { background-image: url("assets/dash/bottom-running4-focused.svg"); } From 7fc0b13c8a897bf1121f953d61866c5e1af540ff Mon Sep 17 00:00:00 2001 From: Kostas Stamatakis Date: Mon, 29 Jul 2019 18:42:51 +0300 Subject: [PATCH 21/72] Fix install.sh (#416) unbound variable (#417) --- install.sh | 2 ++ 1 file changed, 2 insertions(+) diff --git a/install.sh b/install.sh index 96f73eb7e..8d3b28805 100755 --- a/install.sh +++ b/install.sh @@ -146,6 +146,8 @@ install_gdm() { fi } +colors=() +sizes=() while [[ "$#" -gt 0 ]]; do case "${1:-}" in -d|--dest) From 52b85f61eb06118eac4954d8ebb67223317b5a39 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 30 Jul 2019 18:56:11 +0900 Subject: [PATCH 22/72] st: Update typography based on the refreshed Material Design guidelines. --- src/_sass/cinnamon/_common.scss | 50 +++++++++++----------- src/_sass/cinnamon/_extends.scss | 4 +- src/_sass/gnome-shell/_common-3.18.scss | 42 +++++++++---------- src/_sass/gnome-shell/_common-3.24.scss | 42 +++++++++---------- src/_sass/gnome-shell/_common-3.26.scss | 42 +++++++++---------- src/_sass/gnome-shell/_common-3.28.scss | 44 +++++++++---------- src/_sass/gnome-shell/_common-3.30.scss | 44 +++++++++---------- src/_sass/gnome-shell/_common-3.32.scss | 46 ++++++++++---------- src/_sass/gnome-shell/_drawing.scss | 56 +++++++++++++++---------- 9 files changed, 191 insertions(+), 179 deletions(-) diff --git a/src/_sass/cinnamon/_common.scss b/src/_sass/cinnamon/_common.scss index c8f8b43a9..21b69c146 100644 --- a/src/_sass/cinnamon/_common.scss +++ b/src/_sass/cinnamon/_common.scss @@ -1,7 +1,7 @@ // defines font family and standard font size across the whole theme // em is preferred for better support for text scaling stage { - @include font(body-1); + @include type(body2); font-family: $font-family; color: $text; @@ -54,7 +54,7 @@ StScrollView { @extend %slider-shared; } #Tooltip { - @include font(caption); + @include type(caption); padding: 6px 8px; color: on($tooltip); @@ -125,7 +125,7 @@ StScrollView { &:insensitive { color: $text-disabled; } } .popup-subtitle-menu-item { - @include font(body-2); + @include type(subtitle2); } .popup-menu-icon { icon-size: 1.14em; @@ -135,7 +135,7 @@ StScrollView { .popup-submenu-menu-item:open { } .popup-alternating-menu-item:alternate { - @include font(body-2); + @include type(subtitle2); } // toggles in menus .toggle-switch { @@ -440,7 +440,7 @@ StScrollView { } // keyboard layout applet .panel-status-button { - @include font(body-2); + @include type(subtitle2); -natural-hpadding: 4px; -minimum-hpadding: 4px; color: $titlebar-text-secondary; @@ -478,7 +478,7 @@ StScrollView { } .window-caption { - @include font(caption); + @include type(caption); background-color: rgba(0, 0, 0, 0.01); color: $titlebar-text-secondary; @@ -569,7 +569,7 @@ StScrollView { } // also covers the year label .datemenu-date-label { - @include font(title); + @include type(headline6); height: $menuitem-size - 2px * 2; margin: 2px; @@ -580,7 +580,7 @@ StScrollView { &:focus { background-color: $divider }; } .calendar-month-label { - @include font(body-2); + @include type(subtitle2); height: $menuitem-size - 6px * 2; margin: 2px; @@ -607,7 +607,7 @@ StScrollView { } } .calendar-day-base { - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; @@ -622,7 +622,7 @@ StScrollView { } } .calendar-week-number { - @include font(caption); + @include type(caption); width: $menuitem-size - 7px; height: $menuitem-size; margin: 2px; @@ -633,7 +633,7 @@ StScrollView { text-align: center; } .calendar-day-heading { - @include font(caption); + @include type(caption); width: $menuitem-size; height: $menuitem-size - 7px; margin: 2px; @@ -936,7 +936,7 @@ StScrollView { } .keyboard-key { @extend %icon-button-shared; - @include font(button); + @include type(button); } .keyboard-layout { spacing: 8px; @@ -1028,10 +1028,10 @@ StScrollView { } } .menu-selected-app-title { - @include font(caption); + @include type(caption); } .menu-selected-app-description { - @include font(caption); + @include type(caption); max-width: 150px; } @@ -1058,7 +1058,7 @@ StScrollView { } // the window list applet. Some third party applets inherit some of this theming. .window-list-box { - @include font(caption); + @include type(caption); spacing: 4px; padding: 0 3px; @@ -1117,7 +1117,7 @@ StScrollView { padding-bottom: 6px; } &-number-label { - @include font(caption); + @include type(caption); z-index: 99; } @@ -1325,7 +1325,7 @@ StScrollView { } } .applet-label { - @include font(body-2); + @include type(subtitle2); color: $titlebar-text-secondary; } @@ -1339,7 +1339,7 @@ StScrollView { // desklets - the base .desklet selector is for 'undecorated' desklets however some subtle background themeing is desirable // to maintain visibility irrespctive of wallpaper and to allow for the highlighting scheme to work .desklet { - @include font(caption); + @include type(caption); color: $titlebar-text; border: none; @@ -1351,7 +1351,7 @@ StScrollView { // these do not inherit from .desklet .desklet-with-borders { @extend %desklet-shared; - @include font(caption); + @include type(caption); background-color: $surface; border-radius: $corner-radius; @@ -1361,7 +1361,7 @@ StScrollView { } .desklet-with-borders-and-header { @extend %desklet-shared; - @include font(caption); + @include type(caption); background-color: $surface; border-radius-bottomleft: 2px; @@ -1371,7 +1371,7 @@ StScrollView { } } .desklet-header { - @include font(title) + @include type(headline6) @extend %desklet-shared; background-color: $surface; @@ -1409,10 +1409,10 @@ StScrollView { padding-bottom: 16px; } .about-title { - @include font(title); + @include type(headline6); } .about-uuid { - @include font(caption); + @include type(caption); } .about-icon { padding-right: 20px; @@ -1435,7 +1435,7 @@ StScrollView { @extend %osd-info-workspace-shared; } .expo-workspaces-name-entry { - @include font(body-1); + @include type(body1); background-color: on(dark, fill); color: on(dark); @@ -1598,7 +1598,7 @@ StScrollView { border: none; } .user-label { - @include font(body-2); + @include type(subtitle2); color: $text; } diff --git a/src/_sass/cinnamon/_extends.scss b/src/_sass/cinnamon/_extends.scss index 5b26bfc84..ce03095bd 100644 --- a/src/_sass/cinnamon/_extends.scss +++ b/src/_sass/cinnamon/_extends.scss @@ -1,6 +1,6 @@ %button-shared { @include button(normal); - @include font(button); + @include type(button); min-height: $medium-size; padding: 0 16px; @@ -133,7 +133,7 @@ box-shadow: $shadow-4; } %osd-info-workspace-shared { - @include font(title); + @include type(headline6); @extend %osd-panel-shared; text-align: center; diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index f6e45188a..0a322463e 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -27,7 +27,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* GLOBALS */ stage { font-family: $font-family; - @include font(body-1); + @include type(body2); color: $text; } @@ -39,7 +39,7 @@ stage { padding: 0 16px; border-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -55,7 +55,7 @@ stage { margin-right: 0; border-right-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -86,7 +86,7 @@ StEntry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; - @include font(subheading); + @include type(body1); @include entry(normal); &:hover { @include entry(hover);} &:focus { @include entry(focus);} @@ -229,7 +229,7 @@ StScrollBar { /* Modal Dialogs */ -.headline { @include font(title); } +.headline { @include type(headline6); } .lightbox { background-color: black; } .flashspot { background-color: white; } @@ -260,7 +260,7 @@ StScrollBar { .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class - @include font(title); + @include type(headline6); } /* End Session Dialog */ @@ -424,7 +424,7 @@ StScrollBar { } .prompt-dialog-headline { - @include font(title); + @include type(headline6); color: $text; } @@ -690,7 +690,7 @@ StScrollBar { min-width: 64px; min-height: 64px; - .osd-monitor-label { @include font(display-2); } + .osd-monitor-label { @include type(headline3); } .level { height: 8px; border-radius: 0; @@ -768,7 +768,7 @@ StScrollBar { } .input-source-switcher-symbol { - @include font(display-2); + @include type(headline3); width: 96px; height: 96px; } @@ -975,7 +975,7 @@ StScrollBar { } .datemenu-today-button .date-label { - @include font(headline); + @include type(headline5); } .world-clocks-header, @@ -1023,7 +1023,7 @@ StScrollBar { .calendar-day-base { transition-duration: $duration; - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; @@ -1044,7 +1044,7 @@ StScrollBar { border-radius: 100px; background-color: transparent; color: $text-disabled; - @include font(caption); + @include type(caption); font-weight: bold; text-align: center; } @@ -1334,7 +1334,7 @@ StScrollBar { .nm-dialog-airplane-text { color: $text; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } - .nm-dialog-header { @include font(title); } + .nm-dialog-header { @include type(headline6); } .nm-dialog-item { transition-duration: $duration; @@ -1451,7 +1451,7 @@ StScrollBar { } .list-search-result-content { spacing: 12px; padding: 12px; } - .list-search-result-title { @include font(headline); color: on(dark); } + .list-search-result-title { @include type(headline5); color: on(dark); } .list-search-result-description { color: on(dark, secondary); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { @@ -1704,7 +1704,7 @@ StScrollBar { } %status_text { - @include font(display-2); + @include type(headline3); color: on(dark, disabled); } @@ -1784,7 +1784,7 @@ StScrollBar { } .chat-meta-message { padding-left: 4px; - @include font(caption); + @include type(caption); color: $text-secondary; &:rtl { padding-left: 0; padding-right: 4px; } } @@ -2082,7 +2082,7 @@ $legacy_icon_size: 24px; .login-dialog-username, .user-widget-label { color: on($os-background); - @include font(title); + @include type(headline6); text-align: left; padding-left: 15px; } @@ -2137,11 +2137,11 @@ $legacy_icon_size: 24px; } .screen-shield-clock-time { - @include font(display-4); + @include type(headline1); text-shadow: $shadow-1; } -.screen-shield-clock-date { @include font(display-2); } +.screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; @@ -2268,7 +2268,7 @@ $legacy_icon_size: 24px; padding: 0 16px; border: none; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -2291,7 +2291,7 @@ $legacy_icon_size: 24px; } .lg-extension-name { - @include font(headline); + @include type(headline5); } .lg-extension-meta { diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index 6cedc0235..e5cf1d8ef 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -27,7 +27,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* GLOBALS */ stage { font-family: $font-family; - @include font(body-1); + @include type(body2); color: $text; } @@ -39,7 +39,7 @@ stage { padding: 0 16px; border-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -55,7 +55,7 @@ stage { margin-right: 0; border-right-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -86,7 +86,7 @@ StEntry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; - @include font(subheading); + @include type(body1); @include entry(normal); &:hover { @include entry(hover);} &:focus { @include entry(focus);} @@ -229,7 +229,7 @@ StScrollBar { /* Modal Dialogs */ -.headline { @include font(title); } +.headline { @include type(headline6); } .lightbox { background-color: black; } .flashspot { background-color: white; } @@ -260,7 +260,7 @@ StScrollBar { .show-processes-dialog-subject, .mount-question-dialog-subject, .end-session-dialog-subject { //this should be a generic header class - @include font(title); + @include type(headline6); } /* End Session Dialog */ @@ -424,7 +424,7 @@ StScrollBar { } .prompt-dialog-headline { - @include font(title); + @include type(headline6); color: $text; } @@ -690,7 +690,7 @@ StScrollBar { min-width: 64px; min-height: 64px; - .osd-monitor-label { @include font(display-2); } + .osd-monitor-label { @include type(headline3); } .level { height: 8px; border-radius: 0; @@ -771,7 +771,7 @@ StScrollBar { } .input-source-switcher-symbol { - @include font(display-2); + @include type(headline3); width: 96px; height: 96px; } @@ -987,7 +987,7 @@ StScrollBar { } .datemenu-today-button .date-label { - @include font(headline); + @include type(headline5); } .world-clocks-header, @@ -1040,7 +1040,7 @@ StScrollBar { .calendar-day-base { transition-duration: $duration; - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; @@ -1065,7 +1065,7 @@ StScrollBar { border-radius: 100px; background-color: transparent; color: $text-disabled; - @include font(caption); + @include type(caption); font-weight: bold; text-align: center; } @@ -1349,7 +1349,7 @@ StScrollBar { .nm-dialog-airplane-text { color: $text; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } - .nm-dialog-header { @include font(title); } + .nm-dialog-header { @include type(headline6); } .nm-dialog-item { transition-duration: $duration; @@ -1466,7 +1466,7 @@ StScrollBar { } .list-search-result-content { spacing: 12px; padding: 12px; } - .list-search-result-title { @include font(headline); color: on(dark); } + .list-search-result-title { @include type(headline5); color: on(dark); } .list-search-result-description { color: on(dark, secondary); } .search-provider-icon { padding: 15px; } .search-provider-icon-more { @@ -1719,7 +1719,7 @@ StScrollBar { } %status_text { - @include font(display-2); + @include type(headline3); color: on(dark, disabled); } @@ -1799,7 +1799,7 @@ StScrollBar { } .chat-meta-message { padding-left: 4px; - @include font(caption); + @include type(caption); color: $text-secondary; &:rtl { padding-left: 0; padding-right: 4px; } } @@ -2095,7 +2095,7 @@ $legacy_icon_size: 24px; .login-dialog-username, .user-widget-label { color: on($os-background); - @include font(title); + @include type(headline6); text-align: left; padding-left: 15px; } @@ -2150,11 +2150,11 @@ $legacy_icon_size: 24px; } .screen-shield-clock-time { - @include font(display-4); + @include type(headline1); text-shadow: $shadow-1; } -.screen-shield-clock-date { @include font(display-2); } +.screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; @@ -2281,7 +2281,7 @@ $legacy_icon_size: 24px; padding: 0 16px; border: none; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -2304,7 +2304,7 @@ $legacy_icon_size: 24px; } .lg-extension-name { - @include font(headline); + @include type(headline5); } .lg-extension-meta { diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index 21a716a2b..4493b876c 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -27,7 +27,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* GLOBALS */ stage { font-family: $font-family; - @include font(body-1); + @include type(body2); color: $text; } @@ -39,7 +39,7 @@ stage { padding: 0 16px; border-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -55,7 +55,7 @@ stage { margin-right: 0; border-right-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -86,7 +86,7 @@ StEntry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; - @include font(subheading); + @include type(body1); @include entry(normal); &:hover { @include entry(hover);} &:focus { @include entry(focus);} @@ -229,7 +229,7 @@ StScrollBar { /* Modal Dialogs */ -.headline { @include font(title); } +.headline { @include type(headline6); } .lightbox { background-color: black; } .flashspot { background-color: white; } @@ -259,7 +259,7 @@ StScrollBar { .mount-dialog-subject, .end-session-dialog-subject { //this should be a generic header class - @include font(title); + @include type(headline6); } /* Message Dialog */ @@ -432,7 +432,7 @@ StScrollBar { .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } - .message-dialog-title { @include font(title); color: $text; } + .message-dialog-title { @include type(headline6); color: $text; } } .prompt-dialog-description:rtl { @@ -663,7 +663,7 @@ StScrollBar { min-width: 64px; min-height: 64px; - .osd-monitor-label { @include font(display-2); } + .osd-monitor-label { @include type(headline3); } .level { height: 8px; border-radius: 0; @@ -745,7 +745,7 @@ StScrollBar { } .input-source-switcher-symbol { - @include font(display-2); + @include type(headline3); width: 96px; height: 96px; } @@ -1004,7 +1004,7 @@ StScrollBar { } .datemenu-today-button .date-label { - @include font(headline); + @include type(headline5); } .world-clocks-header, @@ -1057,7 +1057,7 @@ StScrollBar { .calendar-day-base { transition-duration: $duration; - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; @@ -1082,7 +1082,7 @@ StScrollBar { border-radius: 100px; background-color: transparent; color: $text-disabled; - @include font(caption); + @include type(caption); font-weight: bold; text-align: center; } @@ -1370,7 +1370,7 @@ StScrollBar { .nm-dialog-airplane-text { color: $text; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } - .nm-dialog-header { @include font(title); } + .nm-dialog-header { @include type(headline6); } .nm-dialog-item { transition-duration: $duration; @@ -1477,7 +1477,7 @@ StScrollBar { .search-section-separator { height: 1px; background-color: on(dark, divider); } .list-search-result-content { spacing: 30px; } - .list-search-result-title { @include font(subheading); color: on(dark); spacing: 12px; } + .list-search-result-title { @include type(subtitle1); color: on(dark); spacing: 12px; } .list-search-result-description { color: on(dark, secondary); } .list-search-provider-details { width: 150px; color: on(dark, secondary); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } @@ -1735,7 +1735,7 @@ StScrollBar { } %status_text { - @include font(display-2); + @include type(headline3); color: on(dark, disabled); } @@ -1815,7 +1815,7 @@ StScrollBar { } .chat-meta-message { padding-left: 4px; - @include font(caption); + @include type(caption); color: $text-secondary; &:rtl { padding-left: 0; padding-right: 4px; } } @@ -2085,7 +2085,7 @@ StScrollBar { .login-dialog-username, .user-widget-label { color: on($os-background); - @include font(title); + @include type(headline6); text-align: left; padding-left: 15px; } @@ -2140,11 +2140,11 @@ StScrollBar { } .screen-shield-clock-time { - @include font(display-4); + @include type(headline1); text-shadow: $shadow-1; } -.screen-shield-clock-date { @include font(display-2); } +.screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; @@ -2271,7 +2271,7 @@ StScrollBar { padding: 0 16px; border: none; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -2294,7 +2294,7 @@ StScrollBar { } .lg-extension-name { - @include font(headline); + @include type(headline5); } .lg-extension-meta { diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 42aa844db..1d3629c49 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -27,7 +27,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* GLOBALS */ stage { font-family: $font-family; - @include font(body-1); + @include type(body2); color: $text; } @@ -39,7 +39,7 @@ stage { padding: 0 16px; border-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -55,7 +55,7 @@ stage { margin-right: 0; border-right-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -86,7 +86,7 @@ StEntry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; - @include font(subheading); + @include type(body1); @include entry(normal); &:hover { @include entry(hover);} &:focus { @include entry(focus);} @@ -229,7 +229,7 @@ StScrollBar { /* Modal Dialogs */ -.headline { @include font(title); } +.headline { @include type(headline6); } .lightbox { background-color: black; } .flashspot { background-color: white; } @@ -259,7 +259,7 @@ StScrollBar { .mount-dialog-subject, .end-session-dialog-subject { //this should be a generic header class - @include font(title); + @include type(headline6); } /* Message Dialog */ @@ -432,7 +432,7 @@ StScrollBar { .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } - .message-dialog-title { @include font(title); color: $text; } + .message-dialog-title { @include type(headline6); color: $text; } } .prompt-dialog-description:rtl { @@ -663,7 +663,7 @@ StScrollBar { min-width: 64px; min-height: 64px; - .osd-monitor-label { @include font(display-2); } + .osd-monitor-label { @include type(headline3); } .level { height: 8px; border-radius: 0; @@ -745,7 +745,7 @@ StScrollBar { } .input-source-switcher-symbol { - @include font(display-2); + @include type(headline3); width: 96px; height: 96px; } @@ -1004,7 +1004,7 @@ StScrollBar { } .datemenu-today-button .date-label { - @include font(headline); + @include type(headline5); } .world-clocks-header, @@ -1057,7 +1057,7 @@ StScrollBar { .calendar-day-base { transition-duration: $duration; - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; @@ -1082,7 +1082,7 @@ StScrollBar { border-radius: 100px; background-color: transparent; color: $text-disabled; - @include font(caption); + @include type(caption); font-weight: bold; text-align: center; } @@ -1370,7 +1370,7 @@ StScrollBar { .nm-dialog-airplane-text { color: $text; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } - .nm-dialog-header { @include font(title); } + .nm-dialog-header { @include type(headline6); } .nm-dialog-item { transition-duration: $duration; @@ -1477,7 +1477,7 @@ StScrollBar { .search-section-separator { height: 1px; background-color: on(dark, divider); } .list-search-result-content { spacing: 30px; } - .list-search-result-title { @include font(subheading); color: on(dark); spacing: 12px; } + .list-search-result-title { @include type(subtitle1); color: on(dark); spacing: 12px; } .list-search-result-description { color: on(dark, secondary); } .list-search-provider-details { width: 150px; color: on(dark, secondary); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } @@ -1735,7 +1735,7 @@ StScrollBar { } %status_text { - @include font(display-2); + @include type(headline3); color: on(dark, disabled); } @@ -1815,7 +1815,7 @@ StScrollBar { } .chat-meta-message { padding-left: 4px; - @include font(caption); + @include type(caption); color: $text-secondary; &:rtl { padding-left: 0; padding-right: 4px; } } @@ -1880,7 +1880,7 @@ StScrollBar { //Keyboard /* On-screen Keyboard */ .word-suggestions { - @include font(subheading); + @include type(subtitle1); spacing: 12px; min-height: 20pt; } @@ -2115,7 +2115,7 @@ StScrollBar { .login-dialog-username, .user-widget-label { color: on($os-background); - @include font(title); + @include type(headline6); text-align: left; padding-left: 15px; } @@ -2170,11 +2170,11 @@ StScrollBar { } .screen-shield-clock-time { - @include font(display-4); + @include type(headline1); text-shadow: $shadow-1; } -.screen-shield-clock-date { @include font(display-2); } +.screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; @@ -2301,7 +2301,7 @@ StScrollBar { padding: 0 16px; border: none; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -2324,7 +2324,7 @@ StScrollBar { } .lg-extension-name { - @include font(headline); + @include type(headline5); } .lg-extension-meta { diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index 6c9606859..68a455858 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -27,7 +27,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* GLOBALS */ stage { font-family: $font-family; - @include font(body-1); + @include type(body2); color: $text; } @@ -39,7 +39,7 @@ stage { padding: 0 16px; border-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:focus { @include button(flat-focus); } &:hover { @include button(flat-hover); } @@ -54,7 +54,7 @@ stage { margin-right: 0; border-right-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:focus { @include button(flat-focus); } &:hover { @include button(flat-hover); } @@ -85,7 +85,7 @@ StEntry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; - @include font(subheading); + @include type(body1); @include entry(normal); &:hover { @include entry(hover);} &:focus { @include entry(focus);} @@ -231,7 +231,7 @@ StScrollBar { /* Modal Dialogs */ -.headline { @include font(title); } +.headline { @include type(headline6); } .lightbox { background-color: black; } .flashspot { background-color: white; } @@ -261,7 +261,7 @@ StScrollBar { .mount-dialog-subject, .end-session-dialog-subject { //this should be a generic header class - @include font(title); + @include type(headline6); } /* Message Dialog */ @@ -434,7 +434,7 @@ StScrollBar { .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } - .message-dialog-title { @include font(title); color: $text; } + .message-dialog-title { @include type(headline6); color: $text; } } .prompt-dialog-description:rtl { @@ -665,7 +665,7 @@ StScrollBar { min-width: 64px; min-height: 64px; - .osd-monitor-label { @include font(display-2); } + .osd-monitor-label { @include type(headline3); } .level { height: 8px; -barlevel-height: 8px; @@ -745,7 +745,7 @@ StScrollBar { } .input-source-switcher-symbol { - @include font(display-2); + @include type(headline3); width: 96px; height: 96px; } @@ -1007,7 +1007,7 @@ StScrollBar { } .datemenu-today-button .date-label { - @include font(headline); + @include type(headline5); } .world-clocks-header, @@ -1060,7 +1060,7 @@ StScrollBar { .calendar-day-base { transition-duration: $duration; - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; @@ -1086,7 +1086,7 @@ StScrollBar { border-radius: 100px; background-color: transparent; color: $text-disabled; - @include font(caption); + @include type(caption); font-weight: bold; text-align: center; } @@ -1375,7 +1375,7 @@ StScrollBar { .nm-dialog-airplane-text { color: $text; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } - .nm-dialog-header { @include font(title); } + .nm-dialog-header { @include type(headline6); } .nm-dialog-item { transition-duration: $duration; @@ -1482,7 +1482,7 @@ StScrollBar { .search-section-separator { height: 1px; background-color: on(dark, divider); } .list-search-result-content { spacing: 30px; } - .list-search-result-title { @include font(subheading); color: on(dark); spacing: 12px; } + .list-search-result-title { @include type(subtitle1); color: on(dark); spacing: 12px; } .list-search-result-description { color: on(dark, secondary); } .list-search-provider-details { width: 150px; color: on(dark, secondary); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } @@ -1740,7 +1740,7 @@ StScrollBar { } %status_text { - @include font(display-2); + @include type(headline3); color: on(dark, disabled); } @@ -1820,7 +1820,7 @@ StScrollBar { } .chat-meta-message { padding-left: 4px; - @include font(caption); + @include type(caption); color: $text-secondary; &:rtl { padding-left: 0; padding-right: 4px; } } @@ -1885,7 +1885,7 @@ StScrollBar { //Keyboard /* On-screen Keyboard */ .word-suggestions { - @include font(subheading); + @include type(subtitle1); spacing: 12px; min-height: 20pt; } @@ -2119,7 +2119,7 @@ StScrollBar { .login-dialog-username, .user-widget-label { color: on($os-background); - @include font(title); + @include type(headline6); text-align: left; padding-left: 15px; } @@ -2174,12 +2174,12 @@ StScrollBar { } .screen-shield-clock-time { - @include font(display-4); + @include type(headline1); text-shadow: $shadow-1; font-feature-settings: "tnum"; } -.screen-shield-clock-date { @include font(display-2); } +.screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; @@ -2306,7 +2306,7 @@ StScrollBar { padding: 0 16px; border: none; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -2329,7 +2329,7 @@ StScrollBar { } .lg-extension-name { - @include font(headline); + @include type(headline5); } .lg-extension-meta { diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 588b0a3b2..747a59a74 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -27,7 +27,7 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; /* GLOBALS */ stage { font-family: $font-family; - @include font(body-1); + @include type(body2); color: $text; } @@ -39,7 +39,7 @@ stage { padding: 0 16px; border-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:focus { @include button(flat-focus); } &:hover { @include button(flat-hover); } @@ -54,7 +54,7 @@ stage { margin-right: 0; border-right-width: 0; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:focus { @include button(flat-focus); } &:hover { @include button(flat-hover); } @@ -85,7 +85,7 @@ StEntry { color: $text; selection-background-color: $overlay-selected; selected-color: $text; - @include font(subheading); + @include type(body1); @include entry(normal); &:hover { @include entry(hover);} &:focus { @include entry(focus);} @@ -233,7 +233,7 @@ StScrollBar { /* Modal Dialogs */ -.headline { @include font(title); } +.headline { @include type(headline6); } .lightbox { background-color: black; } .flashspot { background-color: white; } @@ -263,7 +263,7 @@ StScrollBar { .mount-dialog-subject, .end-session-dialog-subject { //this should be a generic header class - @include font(title); + @include type(headline6); } /* Message Dialog */ @@ -435,7 +435,7 @@ StScrollBar { .message-dialog-main-layout { spacing: 24px; padding: 10px; } .message-dialog-content { spacing: 16px; } - .message-dialog-title { @include font(title); color: $text; } + .message-dialog-title { @include type(headline6); color: $text; } } .prompt-dialog-description:rtl { @@ -667,7 +667,7 @@ StScrollBar { min-width: 64px; min-height: 64px; - .osd-monitor-label { @include font(display-2); } + .osd-monitor-label { @include type(headline3); } .level { height: 8px; -barlevel-height: 8px; @@ -747,7 +747,7 @@ StScrollBar { } .input-source-switcher-symbol { - @include font(display-2); + @include type(headline3); width: 96px; height: 96px; } @@ -1009,7 +1009,7 @@ StScrollBar { } .datemenu-today-button .date-label { - @include font(headline); + @include type(headline5); } .world-clocks-header, @@ -1057,7 +1057,7 @@ StScrollBar { .weather-forecast-time { color: $text-secondary; - @include font(caption); + @include type(caption); } .calendar-month-label { @@ -1090,7 +1090,7 @@ StScrollBar { .calendar-day-base { transition-duration: $duration; - @include font(caption); + @include type(caption); text-align: center; width: $menuitem-size; height: $menuitem-size; padding: 0; @@ -1116,7 +1116,7 @@ StScrollBar { border-radius: 100px; background-color: transparent; color: $text-disabled; - @include font(caption); + @include type(caption); font-weight: bold; text-align: center; } @@ -1424,7 +1424,7 @@ StScrollBar { .nm-dialog-airplane-text { color: $text; } .nm-dialog-header-icon { icon-size: 32px; } .nm-dialog-scroll-view { border: none; } - .nm-dialog-header { @include font(title); } + .nm-dialog-header { @include type(headline6); } .nm-dialog-item { transition-duration: $duration; @@ -1533,7 +1533,7 @@ StScrollBar { .search-section:last-child .search-section-separator { background-color: transparent; } .list-search-result-content { spacing: 30px; } - .list-search-result-title { @include font(subheading); color: on(dark); spacing: 12px; } + .list-search-result-title { @include type(subtitle1); color: on(dark); spacing: 12px; } .list-search-result-description { color: on(dark, secondary); } .list-search-provider-details { width: 150px; color: on(dark, secondary); margin-top: 0.24em; } .list-search-provider-content { spacing: 20px; } @@ -1796,7 +1796,7 @@ StScrollBar { } %status_text { - @include font(display-2); + @include type(headline3); color: on(dark, disabled); } @@ -1876,7 +1876,7 @@ StScrollBar { } .chat-meta-message { padding-left: 4px; - @include font(caption); + @include type(caption); color: $text-secondary; &:rtl { padding-left: 0; padding-right: 4px; } } @@ -1941,7 +1941,7 @@ StScrollBar { //Keyboard /* On-screen Keyboard */ .word-suggestions { - @include font(subheading); + @include type(subtitle1); spacing: 12px; min-height: 20pt; } @@ -2201,7 +2201,7 @@ StScrollBar { .login-dialog-username, .user-widget-label { color: on($os-background); - @include font(title); + @include type(headline6); text-align: left; padding-left: 15px; } @@ -2256,12 +2256,12 @@ StScrollBar { } .screen-shield-clock-time { - @include font(display-4); + @include type(headline1); text-shadow: $shadow-1; font-feature-settings: "tnum"; } -.screen-shield-clock-date { @include font(display-2); } +.screen-shield-clock-date { @include type(headline4); } .screen-shield-notifications-container { spacing: 6px; @@ -2388,7 +2388,7 @@ StScrollBar { padding: 0 16px; border: none; border-radius: $corner-radius; - @include font(button); + @include type(button); @include button(flat-normal); &:hover { @include button(flat-hover); } &:active { @include button(flat-active); } @@ -2411,7 +2411,7 @@ StScrollBar { } .lg-extension-name { - @include font(headline); + @include type(headline5); } .lg-extension-meta { diff --git a/src/_sass/gnome-shell/_drawing.scss b/src/_sass/gnome-shell/_drawing.scss index 83dafd7ca..e10408713 100644 --- a/src/_sass/gnome-shell/_drawing.scss +++ b/src/_sass/gnome-shell/_drawing.scss @@ -12,77 +12,89 @@ // Typography // based on: -// https://material.io/guidelines/style/typography.html#typography-styles +// https://material.io/design/typography/the-type-system.html -@mixin font($size) { - @if $size == display-4 { +@mixin type($style) { + @if $style == headline1 { // font-family: $font-family-large; - font-size: 112px; + font-size: 96px; font-weight: 300; // line-height: 1; } - @if $size == display-3 { + @if $style == headline2 { // font-family: $font-family-large; - font-size: 56px; - font-weight: 400; + font-size: 60px; + font-weight: 300; // line-height: 1; } - @if $size == display-2 { + @if $style == headline3 { // font-family: $font-family-large; - font-size: 45px; + font-size: 48px; font-weight: 400; - // line-height: 48px; + // line-height: 50px; } - @if $size == display-1 { + @if $style == headline4 { // font-family: $font-family-large; font-size: 34px; font-weight: 400; // line-height: 40px; } - @if $size == headline { + @if $style == headline5 { font-size: pt(24px); font-weight: 400; // line-height: 32px; } - @if $size == title { + @if $style == headline6 { font-size: pt(20px); font-weight: 500; - // line-height: 1; + // line-height: 32px; } - @if $size == subheading { + @if $style == subtitle1 { font-size: pt($font-size-subheading); font-weight: 400; - // line-height: 24px; + // line-height: 28px; } - @if $size == body-2 { + @if $style == subtitle2 { font-size: pt($font-size); font-weight: 500; + // line-height: 22px; + } + + @if $style == body1 { + font-size: pt($font-size-subheading); + font-weight: 400; // line-height: 24px; } - @if $size == body-1 { + @if $style == body2 { font-size: pt($font-size); font-weight: 400; // line-height: 20px; } - @if $size == caption { + @if $style == caption { font-size: pt(12px); font-weight: 400; - // line-height: 1; + // line-height: 20px; } - @if $size == button { + @if $style == button { font-size: pt($font-size); font-weight: 500; - // line-height: 20px; + // line-height: 36px; + } + + @if $style == overline { + font-size: pt(12px); + font-weight: 400; + // line-height: 32px; } } From b97773dab30f38c8551543ad561dc659c229a445 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 30 Jul 2019 19:06:40 +0900 Subject: [PATCH 23/72] gnome-shell: Fix font-weight in dialog --- src/_sass/gnome-shell/_common-3.18.scss | 4 ++-- src/_sass/gnome-shell/_common-3.24.scss | 4 ++-- src/_sass/gnome-shell/_common-3.26.scss | 2 +- src/_sass/gnome-shell/_common-3.28.scss | 2 +- src/_sass/gnome-shell/_common-3.30.scss | 2 +- src/_sass/gnome-shell/_common-3.32.scss | 2 +- 6 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index 0a322463e..2b5127b6a 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -542,7 +542,7 @@ StScrollBar { .access-dialog-subtitle { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -568,7 +568,7 @@ StScrollBar { .geolocation-dialog-reason { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index e5cf1d8ef..5b7a0ef78 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -542,7 +542,7 @@ StScrollBar { .access-dialog-subtitle { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -568,7 +568,7 @@ StScrollBar { .geolocation-dialog-reason { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index 4493b876c..317e85857 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -284,7 +284,7 @@ StScrollBar { .message-dialog-subtitle { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 1d3629c49..62ddeef3c 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -284,7 +284,7 @@ StScrollBar { .message-dialog-subtitle { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index 68a455858..92ea22fb1 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -286,7 +286,7 @@ StScrollBar { .message-dialog-subtitle { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 747a59a74..3ca04e1bf 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -288,7 +288,7 @@ StScrollBar { .message-dialog-subtitle { color: $text-secondary; - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ From 8e69a50101fc631af4136616bd85c1e97d33d1d9 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 30 Jul 2019 19:10:36 +0900 Subject: [PATCH 24/72] gnome-shell: Make .world-clocks-city font-weight normal Bold fonts were too distracting when multiple cities are displayed. --- src/_sass/gnome-shell/_common-3.32.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 3ca04e1bf..dd52727f4 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -1035,7 +1035,7 @@ StScrollBar { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } From ac37e7debaaf02b296353d814a8586dedeaa1b5b Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 30 Jul 2019 19:21:31 +0900 Subject: [PATCH 25/72] gnome-shell: Remove an unsupported CSS property --- src/_sass/gnome-shell/_common-3.18.scss | 1 - src/_sass/gnome-shell/_common-3.24.scss | 1 - src/_sass/gnome-shell/_common-3.26.scss | 1 - src/_sass/gnome-shell/_common-3.28.scss | 1 - src/_sass/gnome-shell/_common-3.30.scss | 1 - src/_sass/gnome-shell/_common-3.32.scss | 1 - 6 files changed, 6 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index 2b5127b6a..01cc17761 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -1074,7 +1074,6 @@ StScrollBar { } .calendar-other-month-day { color: $text-secondary-disabled; - opacity: 0.5; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index 5b7a0ef78..ee240224c 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -1095,7 +1095,6 @@ StScrollBar { } .calendar-other-month-day { color: $text-secondary-disabled; - opacity: 0.5; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index 317e85857..e64f588e7 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -1112,7 +1112,6 @@ StScrollBar { } .calendar-other-month-day { color: $text-secondary-disabled; - opacity: 0.5; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 62ddeef3c..59357c939 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -1112,7 +1112,6 @@ StScrollBar { } .calendar-other-month-day { color: $text-secondary-disabled; - opacity: 0.5; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index 92ea22fb1..bb2b1d27e 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -1116,7 +1116,6 @@ StScrollBar { } .calendar-other-month-day { color: $text-secondary-disabled; - opacity: 0.5; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index dd52727f4..8d659f1c8 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -1146,7 +1146,6 @@ StScrollBar { } .calendar-other-month-day { color: $text-secondary-disabled; - opacity: 0.5; } .calendar-week-number { width: $menuitem-size; height: $menuitem-size - 7px; From a8554273a4f69218ac67887dffb18ec77e38f3ab Mon Sep 17 00:00:00 2001 From: nana-4 Date: Fri, 2 Aug 2019 08:58:12 +0900 Subject: [PATCH 26/72] gnome-shell: Make dialog buttons colorful as well as GTK's one. --- src/_sass/gnome-shell/_common-3.18.scss | 8 ++++---- src/_sass/gnome-shell/_common-3.24.scss | 13 +++++++------ src/_sass/gnome-shell/_common-3.26.scss | 13 +++++++------ src/_sass/gnome-shell/_common-3.28.scss | 13 +++++++------ src/_sass/gnome-shell/_common-3.30.scss | 13 +++++++------ src/_sass/gnome-shell/_common-3.32.scss | 13 +++++++------ src/_sass/gnome-shell/_drawing.scss | 13 +++++++------ src/_sass/gnome-shell/_variables.scss | 6 ++++++ 8 files changed, 52 insertions(+), 40 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index 01cc17761..398be9ad0 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -1740,15 +1740,15 @@ StScrollBar { padding: 0 8px; border-radius: $corner-radius; background-color: transparent; - color: $text-secondary; + color: $primary; font-weight: 500; &:first-child { border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } - &:hover, &focus { background-color: $overlay-hover; color: $text; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } &:active { transition-duration: $duration-ripple; - background-color: $overlay-active; - color: $text; + background-color: $primary-overlay-active; } } } diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index ee240224c..1da007620 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -1115,8 +1115,9 @@ StScrollBar { .message-list-clear-button.button { background-color: transparent; - &:hover,&:focus { background-color: $overlay-hover; } - &:active { background-color: $overlay-active; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } + &:active { background-color: $primary-overlay-active; } margin: 8px 8px 0; } @@ -1755,15 +1756,15 @@ StScrollBar { padding: 0 8px; border-radius: $corner-radius; background-color: transparent; - color: $text-secondary; + color: $primary; font-weight: 500; &:first-child { border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } - &:hover, &focus { background-color: $overlay-hover; color: $text; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } &:active { transition-duration: $duration-ripple; - background-color: $overlay-active; - color: $text; + background-color: $primary-overlay-active; } } } diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index e64f588e7..50693e5d8 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -1132,8 +1132,9 @@ StScrollBar { .message-list-clear-button.button { background-color: transparent; - &:hover,&:focus { background-color: $overlay-hover; } - &:active { background-color: $overlay-active; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } + &:active { background-color: $primary-overlay-active; } margin: 8px 8px 0; } @@ -1771,15 +1772,15 @@ StScrollBar { padding: 0 8px; border-radius: $corner-radius; background-color: transparent; - color: $text-secondary; + color: $primary; font-weight: 500; &:first-child { border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } - &:hover, &focus { background-color: $overlay-hover; color: $text; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } &:active { transition-duration: $duration-ripple; - background-color: $overlay-active; - color: $text; + background-color: $primary-overlay-active; } } } diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 59357c939..3735459f6 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -1132,8 +1132,9 @@ StScrollBar { .message-list-clear-button.button { background-color: transparent; - &:hover,&:focus { background-color: $overlay-hover; } - &:active { background-color: $overlay-active; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } + &:active { background-color: $primary-overlay-active; } margin: 8px 8px 0; } @@ -1771,15 +1772,15 @@ StScrollBar { padding: 0 8px; border-radius: $corner-radius; background-color: transparent; - color: $text-secondary; + color: $primary; font-weight: 500; &:first-child { border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } - &:hover, &focus { background-color: $overlay-hover; color: $text; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } &:active { transition-duration: $duration-ripple; - background-color: $overlay-active; - color: $text; + background-color: $primary-overlay-active; } } } diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index bb2b1d27e..d3deca193 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -1136,8 +1136,9 @@ StScrollBar { .message-list-clear-button.button { background-color: transparent; - &:hover,&:focus { background-color: $overlay-hover; } - &:active { background-color: $overlay-active; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } + &:active { background-color: $primary-overlay-active; } margin: 8px 8px 0; } @@ -1776,15 +1777,15 @@ StScrollBar { padding: 0 8px; border-radius: $corner-radius; background-color: transparent; - color: $text-secondary; + color: $primary; font-weight: 500; &:first-child { border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } - &:hover, &focus { background-color: $overlay-hover; color: $text; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } &:active { transition-duration: $duration-ripple; - background-color: $overlay-active; - color: $text; + background-color: $primary-overlay-active; } } } diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 8d659f1c8..d4363b185 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -1166,8 +1166,9 @@ StScrollBar { .message-list-clear-button.button { background-color: transparent; - &:hover,&:focus { background-color: $overlay-hover; } - &:active { background-color: $overlay-active; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } + &:active { background-color: $primary-overlay-active; } margin: 8px 8px 0; } @@ -1832,15 +1833,15 @@ StScrollBar { padding: 0 8px; border-radius: $corner-radius; background-color: transparent; - color: $text-secondary; + color: $primary; font-weight: 500; &:first-child { border-radius: $corner-radius; } &:last-child { border-radius: $corner-radius; } - &:hover, &focus { background-color: $overlay-hover; color: $text; } + &:focus { background-color: $primary-overlay-focus; } + &:hover { background-color: $primary-overlay-hover; } &:active { transition-duration: $duration-ripple; - background-color: $overlay-active; - color: $text; + background-color: $primary-overlay-active; } } } diff --git a/src/_sass/gnome-shell/_drawing.scss b/src/_sass/gnome-shell/_drawing.scss index e10408713..c2f0c897b 100644 --- a/src/_sass/gnome-shell/_drawing.scss +++ b/src/_sass/gnome-shell/_drawing.scss @@ -186,7 +186,7 @@ } @if $t == flat-normal { - color: if($tc != on(dark), $text-secondary, on(dark, secondary)); + color: if($tc != on(dark), $primary, on(dark, secondary)); background-color: transparent; border-color: transparent; box-shadow: $shadow-0; @@ -196,15 +196,16 @@ } @if $t == flat-focus { - color: if($tc != on(dark), $text, on(dark)); + color: if($tc != on(dark), $primary, on(dark)); + background-color: if($tc != on(dark), $primary-overlay-focus, $inverse-overlay-focus); text-shadow: none; icon-shadow: none; box-shadow: $shadow-0; } @if $t == flat-hover { - color: if($tc != on(dark), $text, on(dark)); - background-color: if($tc != on(dark), $overlay-hover, $inverse-overlay-hover); + color: if($tc != on(dark), $primary, on(dark)); + background-color: if($tc != on(dark), $primary-overlay-hover, $inverse-overlay-hover); border-color: transparent; box-shadow: $shadow-0; text-shadow: none; @@ -212,8 +213,8 @@ } @if $t == flat-active { - color: if($tc != on(dark), $text, on(dark)); - background-color: if($tc != on(dark), $overlay-active, $inverse-overlay-active); + color: if($tc != on(dark), $primary, on(dark)); + background-color: if($tc != on(dark), $primary-overlay-active, $inverse-overlay-active); border-color: transparent; box-shadow: $shadow-0; text-shadow: none; diff --git a/src/_sass/gnome-shell/_variables.scss b/src/_sass/gnome-shell/_variables.scss index 147ba2646..c7800c50a 100644 --- a/src/_sass/gnome-shell/_variables.scss +++ b/src/_sass/gnome-shell/_variables.scss @@ -51,6 +51,12 @@ $overlay-focus-hover: rgba($text, 0.16); $overlay-active: rgba($text, 0.12 + 0.08); $overlay-checked: rgba($text, 0.12); +$primary-overlay-hover: rgba($primary, 0.08); +$primary-overlay-focus: rgba($primary, 0.12); +$primary-overlay-focus-hover: rgba($primary, 0.16); +$primary-overlay-active: rgba($primary, 0.12 + 0.08); +$primary-overlay-checked: rgba($primary, 0.12); + $inverse-overlay-hover: rgba(on(dark), 0.08); $inverse-overlay-focus: rgba(on(dark), 0.12); $inverse-overlay-focus-hover: rgba(on(dark), 0.16); From 44798e73f6f6f4052c9539a97fb8b03920fd4353 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 3 Aug 2019 12:18:44 +0900 Subject: [PATCH 27/72] gnome-shell: Improve button sizing --- src/_sass/gnome-shell/_common-3.18.scss | 14 ++++++++++---- src/_sass/gnome-shell/_common-3.24.scss | 14 ++++++++++---- src/_sass/gnome-shell/_common-3.26.scss | 14 ++++++++++---- src/_sass/gnome-shell/_common-3.28.scss | 14 ++++++++++---- src/_sass/gnome-shell/_common-3.30.scss | 14 ++++++++++---- src/_sass/gnome-shell/_common-3.32.scss | 14 ++++++++++---- 6 files changed, 60 insertions(+), 24 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index 398be9ad0..0cefc21e5 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -36,7 +36,8 @@ stage { /* Buttons */ .button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border-width: 0; border-radius: $corner-radius; @include type(button); @@ -50,6 +51,7 @@ stage { .modal-dialog-linked-button { min-height: $medium-size; + min-width: 64px - 8px * 2; margin: $container-padding; padding: 0 8px; margin-right: 0; @@ -1519,7 +1521,7 @@ StScrollBar { padding-bottom: 32px; } .app-view-control { //favorties | all toggle button - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: on(dark, secondary); &:hover { @@ -1995,13 +1997,16 @@ $legacy_icon_size: 24px; .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; @include button(flat-normal, $tc: on($os-background)); &:hover,&:focus { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { + min-width: 64px - 16px * 2; + padding: 0 16px; @include button(normal, $c: $suggested, $tc: on($suggested)); &:hover,&:focus { @include button(hover, $c: $suggested, $tc: on($suggested)); } &:active { @include button(active, $c: $suggested, $tc: on($suggested)); } @@ -2264,7 +2269,8 @@ $legacy_icon_size: 24px; .lg-obj-inspector-button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border: none; border-radius: $corner-radius; @include type(button); diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index 1da007620..ca4706a3c 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -36,7 +36,8 @@ stage { /* Buttons */ .button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border-width: 0; border-radius: $corner-radius; @include type(button); @@ -50,6 +51,7 @@ stage { .modal-dialog-linked-button { min-height: $medium-size; + min-width: 64px - 8px * 2; margin: $container-padding; padding: 0 8px; margin-right: 0; @@ -1535,7 +1537,7 @@ StScrollBar { padding-bottom: 32px; } .app-view-control { //favorties | all toggle button - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: on(dark, secondary); &:hover { @@ -2011,13 +2013,16 @@ $legacy_icon_size: 24px; .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; @include button(flat-normal, $tc: on($os-background)); &:hover,&:focus { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { + min-width: 64px - 16px * 2; + padding: 0 16px; @include button(normal, $c: $suggested, $tc: on($suggested)); &:hover,&:focus { @include button(hover, $c: $suggested, $tc: on($suggested)); } &:active { @include button(active, $c: $suggested, $tc: on($suggested)); } @@ -2278,7 +2283,8 @@ $legacy_icon_size: 24px; .lg-obj-inspector-button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border: none; border-radius: $corner-radius; @include type(button); diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index 50693e5d8..6e761ac52 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -36,7 +36,8 @@ stage { /* Buttons */ .button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border-width: 0; border-radius: $corner-radius; @include type(button); @@ -50,6 +51,7 @@ stage { .modal-dialog-linked-button { min-height: $medium-size; + min-width: 64px - 8px * 2; margin: $container-padding; padding: 0 8px; margin-right: 0; @@ -1551,7 +1553,7 @@ StScrollBar { padding-bottom: 32px; } .app-view-control { //favorties | all toggle button - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: on(dark, secondary); &:hover { @@ -2001,13 +2003,16 @@ StScrollBar { .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; @include button(flat-normal, $tc: on($os-background)); &:hover,&:focus { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { + min-width: 64px - 16px * 2; + padding: 0 16px; @include button(normal, $c: $suggested, $tc: on($suggested)); &:hover,&:focus { @include button(hover, $c: $suggested, $tc: on($suggested)); } &:active { @include button(active, $c: $suggested, $tc: on($suggested)); } @@ -2268,7 +2273,8 @@ StScrollBar { .lg-obj-inspector-button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border: none; border-radius: $corner-radius; @include type(button); diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 3735459f6..7e17e839b 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -36,7 +36,8 @@ stage { /* Buttons */ .button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border-width: 0; border-radius: $corner-radius; @include type(button); @@ -50,6 +51,7 @@ stage { .modal-dialog-linked-button { min-height: $medium-size; + min-width: 64px - 8px * 2; margin: $container-padding; padding: 0 8px; margin-right: 0; @@ -1551,7 +1553,7 @@ StScrollBar { padding-bottom: 32px; } .app-view-control { //favorties | all toggle button - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: on(dark, secondary); &:hover { @@ -2031,13 +2033,16 @@ StScrollBar { .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; @include button(flat-normal, $tc: on($os-background)); &:hover,&:focus { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { + min-width: 64px - 16px * 2; + padding: 0 16px; @include button(normal, $c: $suggested, $tc: on($suggested)); &:hover,&:focus { @include button(hover, $c: $suggested, $tc: on($suggested)); } &:active { @include button(active, $c: $suggested, $tc: on($suggested)); } @@ -2298,7 +2303,8 @@ StScrollBar { .lg-obj-inspector-button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border: none; border-radius: $corner-radius; @include type(button); diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index d3deca193..312b63ac1 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -36,7 +36,8 @@ stage { /* Buttons */ .button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border-width: 0; border-radius: $corner-radius; @include type(button); @@ -49,6 +50,7 @@ stage { .modal-dialog-linked-button { min-height: $medium-size; + min-width: 64px - 8px * 2; margin: $container-padding; padding: 0 8px; margin-right: 0; @@ -1556,7 +1558,7 @@ StScrollBar { padding-bottom: 32px; } .app-view-control { //favorties | all toggle button - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: on(dark, secondary); &:hover { @@ -2036,13 +2038,16 @@ StScrollBar { .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; @include button(flat-normal, $tc: on($os-background)); &:hover,&:focus { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { + min-width: 64px - 16px * 2; + padding: 0 16px; @include button(normal, $c: $suggested, $tc: on($suggested)); &:hover,&:focus { @include button(hover, $c: $suggested, $tc: on($suggested)); } &:active { @include button(active, $c: $suggested, $tc: on($suggested)); } @@ -2303,7 +2308,8 @@ StScrollBar { .lg-obj-inspector-button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border: none; border-radius: $corner-radius; @include type(button); diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index d4363b185..08be53dc3 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -36,7 +36,8 @@ stage { /* Buttons */ .button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border-width: 0; border-radius: $corner-radius; @include type(button); @@ -49,6 +50,7 @@ stage { .modal-dialog-linked-button { min-height: $medium-size; + min-width: 64px - 8px * 2; margin: $container-padding; padding: 0 8px; margin-right: 0; @@ -1607,7 +1609,7 @@ StScrollBar { padding-bottom: 32px; } .app-view-control { //favorties | all toggle button - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: on(dark, secondary); &:hover { @@ -2118,13 +2120,16 @@ StScrollBar { .modal-dialog-button-box { spacing: 3px; } .modal-dialog-button { - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; @include button(flat-normal, $tc: on($os-background)); &:hover,&:focus { @include button(flat-hover, $tc: on($os-background)); } &:active { @include button(flat-active, $tc: on($os-background)); } &:insensitive { @include button(flat-insensitive, $tc: on($os-background)); } &:default { + min-width: 64px - 16px * 2; + padding: 0 16px; @include button(normal, $c: $suggested, $tc: on($suggested)); &:hover,&:focus { @include button(hover, $c: $suggested, $tc: on($suggested)); } &:active { @include button(active, $c: $suggested, $tc: on($suggested)); } @@ -2385,7 +2390,8 @@ StScrollBar { .lg-obj-inspector-button { min-height: $medium-size; - padding: 0 16px; + min-width: 64px - 8px * 2; + padding: 0 8px; border: none; border-radius: $corner-radius; @include type(button); From e8561fcce2a4ecd5b0a11992d801ed7068a358ca Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 3 Aug 2019 12:57:05 +0900 Subject: [PATCH 28/72] gnome-shell: Fix uncentered panel menu position This is a really weird bug... The workaround was found by @hexauniverse. Fixes https://github.com/nana-4/materia-theme/issues/296 --- src/_sass/gnome-shell/_common-3.18.scss | 2 +- src/_sass/gnome-shell/_common-3.24.scss | 2 +- src/_sass/gnome-shell/_common-3.26.scss | 2 +- src/_sass/gnome-shell/_common-3.28.scss | 2 +- src/_sass/gnome-shell/_common-3.30.scss | 2 +- src/_sass/gnome-shell/_common-3.32.scss | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index 0cefc21e5..34c741029 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -650,7 +650,7 @@ StScrollBar { } .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index ca4706a3c..665226785 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -650,7 +650,7 @@ StScrollBar { } .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index 6e761ac52..4dbda7958 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -623,7 +623,7 @@ StScrollBar { } .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 7e17e839b..72cef02ce 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -623,7 +623,7 @@ StScrollBar { } .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index 312b63ac1..2338561bb 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -625,7 +625,7 @@ StScrollBar { } .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 08be53dc3..c1777ef8b 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -627,7 +627,7 @@ StScrollBar { } .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; From be2e0bd1dc1bd992a168af203ae00419e766a76a Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 3 Aug 2019 13:43:42 +0900 Subject: [PATCH 29/72] gnome-shell: Fix some colors of assets --- src/gnome-shell/assets-dark/key-enter.svg | 2 +- src/gnome-shell/assets-dark/more-results.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/gnome-shell/assets-dark/key-enter.svg b/src/gnome-shell/assets-dark/key-enter.svg index 8769f7790..104f94b64 100644 --- a/src/gnome-shell/assets-dark/key-enter.svg +++ b/src/gnome-shell/assets-dark/key-enter.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets-dark/more-results.svg b/src/gnome-shell/assets-dark/more-results.svg index d2587e5a7..4fde7d939 100644 --- a/src/gnome-shell/assets-dark/more-results.svg +++ b/src/gnome-shell/assets-dark/more-results.svg @@ -1,4 +1,4 @@ - + From 5e26928d823500365b1f70f3832566a95a30d752 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 3 Aug 2019 13:46:22 +0900 Subject: [PATCH 30/72] Regenerate CSSs --- src/cinnamon/cinnamon-compact.css | 2 +- src/cinnamon/cinnamon-dark-compact.css | 2 +- src/cinnamon/cinnamon-dark.css | 2 +- src/cinnamon/cinnamon-light-compact.css | 2 +- src/cinnamon/cinnamon-light.css | 2 +- src/cinnamon/cinnamon.css | 2 +- src/gnome-shell/3.18/gnome-shell-compact.css | 84 +++++++++-------- .../3.18/gnome-shell-dark-compact.css | 48 ++++++---- src/gnome-shell/3.18/gnome-shell-dark.css | 48 ++++++---- .../3.18/gnome-shell-light-compact.css | 84 +++++++++-------- src/gnome-shell/3.18/gnome-shell-light.css | 84 +++++++++-------- src/gnome-shell/3.18/gnome-shell.css | 84 +++++++++-------- src/gnome-shell/3.24/gnome-shell-compact.css | 94 +++++++++++-------- .../3.24/gnome-shell-dark-compact.css | 58 +++++++----- src/gnome-shell/3.24/gnome-shell-dark.css | 58 +++++++----- .../3.24/gnome-shell-light-compact.css | 94 +++++++++++-------- src/gnome-shell/3.24/gnome-shell-light.css | 94 +++++++++++-------- src/gnome-shell/3.24/gnome-shell.css | 94 +++++++++++-------- src/gnome-shell/3.26/gnome-shell-compact.css | 92 ++++++++++-------- .../3.26/gnome-shell-dark-compact.css | 56 ++++++----- src/gnome-shell/3.26/gnome-shell-dark.css | 56 ++++++----- .../3.26/gnome-shell-light-compact.css | 92 ++++++++++-------- src/gnome-shell/3.26/gnome-shell-light.css | 92 ++++++++++-------- src/gnome-shell/3.26/gnome-shell.css | 92 ++++++++++-------- src/gnome-shell/3.28/gnome-shell-compact.css | 92 ++++++++++-------- .../3.28/gnome-shell-dark-compact.css | 56 ++++++----- src/gnome-shell/3.28/gnome-shell-dark.css | 56 ++++++----- .../3.28/gnome-shell-light-compact.css | 92 ++++++++++-------- src/gnome-shell/3.28/gnome-shell-light.css | 92 ++++++++++-------- src/gnome-shell/3.28/gnome-shell.css | 92 ++++++++++-------- src/gnome-shell/3.30/gnome-shell-compact.css | 92 ++++++++++-------- .../3.30/gnome-shell-dark-compact.css | 56 ++++++----- src/gnome-shell/3.30/gnome-shell-dark.css | 56 ++++++----- .../3.30/gnome-shell-light-compact.css | 92 ++++++++++-------- src/gnome-shell/3.30/gnome-shell-light.css | 92 ++++++++++-------- src/gnome-shell/3.30/gnome-shell.css | 92 ++++++++++-------- src/gnome-shell/3.32/gnome-shell-compact.css | 94 +++++++++++-------- .../3.32/gnome-shell-dark-compact.css | 58 +++++++----- src/gnome-shell/3.32/gnome-shell-dark.css | 58 +++++++----- .../3.32/gnome-shell-light-compact.css | 94 +++++++++++-------- src/gnome-shell/3.32/gnome-shell-light.css | 94 +++++++++++-------- src/gnome-shell/3.32/gnome-shell.css | 94 +++++++++++-------- 42 files changed, 1674 insertions(+), 1194 deletions(-) diff --git a/src/cinnamon/cinnamon-compact.css b/src/cinnamon/cinnamon-compact.css index bea2555fd..32d27c82a 100644 --- a/src/cinnamon/cinnamon-compact.css +++ b/src/cinnamon/cinnamon-compact.css @@ -1749,7 +1749,7 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 11.25pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; diff --git a/src/cinnamon/cinnamon-dark-compact.css b/src/cinnamon/cinnamon-dark-compact.css index 4f7028dfb..6bac2ec6d 100644 --- a/src/cinnamon/cinnamon-dark-compact.css +++ b/src/cinnamon/cinnamon-dark-compact.css @@ -1749,7 +1749,7 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 11.25pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; diff --git a/src/cinnamon/cinnamon-dark.css b/src/cinnamon/cinnamon-dark.css index a4f15fce4..ddf916092 100644 --- a/src/cinnamon/cinnamon-dark.css +++ b/src/cinnamon/cinnamon-dark.css @@ -1749,7 +1749,7 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 12pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; diff --git a/src/cinnamon/cinnamon-light-compact.css b/src/cinnamon/cinnamon-light-compact.css index bea2555fd..32d27c82a 100644 --- a/src/cinnamon/cinnamon-light-compact.css +++ b/src/cinnamon/cinnamon-light-compact.css @@ -1749,7 +1749,7 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 11.25pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; diff --git a/src/cinnamon/cinnamon-light.css b/src/cinnamon/cinnamon-light.css index d3673f6be..6216b2729 100644 --- a/src/cinnamon/cinnamon-light.css +++ b/src/cinnamon/cinnamon-light.css @@ -1749,7 +1749,7 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 12pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; diff --git a/src/cinnamon/cinnamon.css b/src/cinnamon/cinnamon.css index d3673f6be..6216b2729 100644 --- a/src/cinnamon/cinnamon.css +++ b/src/cinnamon/cinnamon.css @@ -1749,7 +1749,7 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry { - font-size: 10.5pt; + font-size: 12pt; font-weight: 400; background-color: rgba(255, 255, 255, 0.04); color: white; diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index e67924cb7..35b72d613 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -944,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1306,7 +1310,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1872,7 +1875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2086,7 +2089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2142,7 +2145,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2154,15 +2157,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2544,7 +2549,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2583,6 +2589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2810,13 +2818,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2958,12 +2966,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2973,8 +2982,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2982,8 +2991,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3001,7 +3010,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index 8edfe80d7..82298c38b 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -944,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1306,7 +1310,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1872,7 +1875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2086,7 +2089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2142,7 +2145,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2154,15 +2157,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2544,7 +2549,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2583,6 +2589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2810,13 +2818,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2958,7 +2966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3002,6 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index a6ac16082..1b80fc50f 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -944,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1306,7 +1310,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1872,7 +1875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2086,7 +2089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2142,7 +2145,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2154,15 +2157,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2544,7 +2549,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2583,6 +2589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2810,13 +2818,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2958,7 +2966,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3002,6 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index bdc3932a2..57d794f9f 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -944,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1306,7 +1310,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1872,7 +1875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2086,7 +2089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2142,7 +2145,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2154,15 +2157,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2544,7 +2549,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2583,6 +2589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2810,13 +2818,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2958,12 +2966,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2973,8 +2982,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2982,8 +2991,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3001,7 +3010,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index 473de47c8..0fc17c3cc 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -944,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1306,7 +1310,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1872,7 +1875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2086,7 +2089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2142,7 +2145,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2154,15 +2157,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2544,7 +2549,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2583,6 +2589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2810,13 +2818,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2958,12 +2966,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2973,8 +2982,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2982,8 +2991,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3001,7 +3010,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index eb66850c8..d74433b00 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -944,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1306,7 +1310,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1872,7 +1875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2086,7 +2089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2142,7 +2145,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2154,15 +2157,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2544,7 +2549,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2583,6 +2589,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2810,13 +2818,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2958,12 +2966,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2973,8 +2982,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2982,8 +2991,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3001,7 +3010,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index 18084d23f..4109c55ac 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -952,7 +956,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1346,7 +1350,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1372,12 +1375,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1915,7 +1922,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2129,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2185,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2197,15 +2204,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2587,7 +2596,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2626,6 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2853,13 +2865,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3001,12 +3013,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3016,8 +3029,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3025,8 +3038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3044,7 +3057,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index ec3740a1a..a821a31a1 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -952,7 +956,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1346,7 +1350,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1372,12 +1375,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1915,7 +1922,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2129,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2185,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2197,15 +2204,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2587,7 +2596,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2626,6 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2853,13 +2865,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3001,7 +3013,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3045,6 +3058,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index 544745736..1bf1018b8 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -952,7 +956,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1346,7 +1350,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1372,12 +1375,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1915,7 +1922,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2129,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2185,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2197,15 +2204,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2587,7 +2596,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2626,6 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2853,13 +2865,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3001,7 +3013,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3045,6 +3058,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index ab36811a3..650c2f60a 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -952,7 +956,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1346,7 +1350,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1372,12 +1375,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1915,7 +1922,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2129,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2185,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2197,15 +2204,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2587,7 +2596,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2626,6 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2853,13 +2865,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3001,12 +3013,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3016,8 +3029,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3025,8 +3038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3044,7 +3057,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index a8b46d2ed..e513ba9b6 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -952,7 +956,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1346,7 +1350,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1372,12 +1375,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1915,7 +1922,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2129,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2185,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2197,15 +2204,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2587,7 +2596,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2626,6 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2853,13 +2865,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3001,12 +3013,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3016,8 +3029,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3025,8 +3038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3044,7 +3057,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index 556fc8925..5789e556c 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -702,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .access-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Geolocation Dialog */ @@ -728,7 +732,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .geolocation-dialog-reason { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* Network Agent Dialog */ @@ -824,7 +828,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -866,7 +870,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -952,7 +956,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1346,7 +1350,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1372,12 +1375,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1915,7 +1922,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2129,7 +2136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2185,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2197,15 +2204,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2587,7 +2596,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2626,6 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2853,13 +2865,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3001,12 +3013,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3016,8 +3029,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3025,8 +3038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3044,7 +3057,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index 7f8474314..9c4f7d6c9 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2564,7 +2573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2603,6 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2830,13 +2842,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2978,12 +2990,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2993,8 +3006,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3002,8 +3015,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3021,7 +3034,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index 292d23fc6..d8c783d1a 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2564,7 +2573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2603,6 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2830,13 +2842,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2978,7 +2990,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3022,6 +3035,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index fc57e0784..ba24e4078 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2564,7 +2573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2603,6 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2830,13 +2842,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2978,7 +2990,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3022,6 +3035,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index b04ca05d0..369b381cb 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2564,7 +2573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2603,6 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2830,13 +2842,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2978,12 +2990,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2993,8 +3006,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3002,8 +3015,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3021,7 +3034,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index 040d62a66..22dc2a015 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2564,7 +2573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2603,6 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2830,13 +2842,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2978,12 +2990,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2993,8 +3006,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3002,8 +3015,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3021,7 +3034,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index 7adf77101..eab9f2b29 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2564,7 +2573,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2603,6 +2613,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2830,13 +2842,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -2978,12 +2990,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2993,8 +3006,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3002,8 +3015,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3021,7 +3034,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index db1714286..a7de61cb0 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2607,7 +2616,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2646,6 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2873,13 +2885,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3021,12 +3033,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3036,8 +3049,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3045,8 +3058,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3064,7 +3077,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 830d9db72..1c4b07284 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2607,7 +2616,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2646,6 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2873,13 +2885,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3021,7 +3033,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3065,6 +3078,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index 1cd028755..b2f49ab55 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -73,6 +74,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -126,6 +129,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2607,7 +2616,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2646,6 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2873,13 +2885,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3021,7 +3033,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3065,6 +3078,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index 400ce3d01..3a3874209 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2607,7 +2616,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2646,6 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2873,13 +2885,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3021,12 +3033,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3036,8 +3049,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3045,8 +3058,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3064,7 +3077,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index b7548091e..528fae561 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2607,7 +2616,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2646,6 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2873,13 +2885,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3021,12 +3033,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3036,8 +3049,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3045,8 +3058,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3064,7 +3077,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index 49e635bf7..ecd7f635f 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,8 +45,8 @@ stage { } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -53,8 +54,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -72,7 +73,8 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,8 +100,8 @@ stage { } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -106,8 +109,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -125,7 +128,8 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -417,7 +421,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -811,7 +815,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -853,7 +857,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1379,7 +1383,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1405,12 +1408,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1947,7 +1954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2161,7 +2168,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2217,7 +2224,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2229,15 +2236,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2607,7 +2616,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2646,6 +2656,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2873,13 +2885,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3021,12 +3033,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3036,8 +3049,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3045,8 +3058,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3064,7 +3077,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index 15173741c..bead2442f 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -420,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -814,7 +818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -856,7 +860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1385,7 +1389,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1411,12 +1414,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1954,7 +1961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2168,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2224,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2236,15 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2614,7 +2623,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2653,6 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2879,14 +2891,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3028,12 +3040,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3043,8 +3056,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3052,8 +3065,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3071,7 +3084,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index 87ed92cf3..3cde1187a 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -45,6 +46,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -98,6 +101,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -420,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -814,7 +818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -856,7 +860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1385,7 +1389,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1411,12 +1414,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1954,7 +1961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2168,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2224,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2236,15 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2614,7 +2623,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2653,6 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2879,14 +2891,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3028,7 +3040,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3072,6 +3085,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index be00f50b9..5fc7a82e4 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -45,6 +46,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -98,6 +101,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -420,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -814,7 +818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -856,7 +860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1385,7 +1389,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1411,12 +1414,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -1954,7 +1961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2168,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2224,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2236,15 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2614,7 +2623,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2653,6 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2879,14 +2891,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3028,7 +3040,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3072,6 +3085,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 7240d9620..6f8c41ea3 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -420,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -814,7 +818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -856,7 +860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1385,7 +1389,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1411,12 +1414,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1954,7 +1961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2168,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2224,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2236,15 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2614,7 +2623,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2653,6 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2879,14 +2891,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3028,12 +3040,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3043,8 +3056,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3052,8 +3065,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3071,7 +3084,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index 9a16cfcf7..503699e03 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -420,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -814,7 +818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -856,7 +860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1385,7 +1389,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1411,12 +1414,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1954,7 +1961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2168,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2224,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2236,15 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2614,7 +2623,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2653,6 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2879,14 +2891,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3028,12 +3040,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3043,8 +3056,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3052,8 +3065,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3071,7 +3084,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index 3fa054423..78779c7b6 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -420,7 +424,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -814,7 +818,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -856,7 +860,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -940,7 +944,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1385,7 +1389,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1411,12 +1414,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -1954,7 +1961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2168,7 +2175,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2224,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2236,15 +2243,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2614,7 +2623,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2653,6 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2879,14 +2891,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3028,12 +3040,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3043,8 +3056,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3052,8 +3065,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3071,7 +3084,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index 1bb6b3009..31570255f 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -425,7 +429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -820,7 +824,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -862,7 +866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -946,7 +950,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1275,7 +1279,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } @@ -1415,7 +1419,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1441,12 +1444,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -2006,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2226,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2282,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2294,15 +2301,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2717,7 +2726,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2756,6 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2982,14 +2994,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3131,12 +3143,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3146,8 +3159,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3155,8 +3168,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3174,7 +3187,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index 9a4d1f20d..95ec52f98 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -45,6 +46,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -98,6 +101,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -425,7 +429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -820,7 +824,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -862,7 +866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -946,7 +950,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1275,7 +1279,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } @@ -1415,7 +1419,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1441,12 +1444,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -2006,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2226,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2282,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2294,15 +2301,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2717,7 +2726,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2756,6 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2982,14 +2994,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3131,7 +3143,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3175,6 +3188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index 60d716962..046b1a2ba 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -29,7 +29,8 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; @@ -45,6 +46,7 @@ stage { .button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -98,6 +101,7 @@ stage { .modal-dialog-linked-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -425,7 +429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(255, 255, 255, 0.7); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -820,7 +824,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -862,7 +866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -946,7 +950,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1275,7 +1279,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } @@ -1415,7 +1419,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(255, 255, 255, 0.3); - opacity: 0.5; } .calendar-week-number { @@ -1441,12 +1444,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(138, 180, 248, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.2); + background-color: rgba(138, 180, 248, 0.2); } .message-list-sections { @@ -2006,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2226,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2282,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: #8AB4F8; font-weight: 500; } @@ -2294,15 +2301,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.08); - color: white; +.notification-banner .notification-button:focus { + background-color: rgba(138, 180, 248, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(138, 180, 248, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(255, 255, 255, 0.2); - color: white; + background-color: rgba(138, 180, 248, 0.2); } .summary-source-counter { @@ -2717,7 +2726,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2756,6 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: rgba(0, 0, 0, 0.87); background-color: #8AB4F8; border-color: transparent; @@ -2982,14 +2994,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3131,7 +3143,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; @@ -3175,6 +3188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button:focus { color: white; + background-color: rgba(255, 255, 255, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index ccc96e85c..b7af08e44 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 32px; + min-width: 48px; margin: 4px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -425,7 +429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -820,7 +824,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -862,7 +866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -946,7 +950,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1275,7 +1279,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } @@ -1415,7 +1419,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1441,12 +1444,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -2006,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2226,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2282,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2294,15 +2301,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2717,7 +2726,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2756,6 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2982,14 +2994,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3131,12 +3143,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 32px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3146,8 +3159,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3155,8 +3168,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3174,7 +3187,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index 8817eaeea..0f2bb09ce 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -425,7 +429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -820,7 +824,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -862,7 +866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -946,7 +950,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1275,7 +1279,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } @@ -1415,7 +1419,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1441,12 +1444,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -2006,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2226,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2282,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2294,15 +2301,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2717,7 +2726,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2756,6 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2982,14 +2994,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3131,12 +3143,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3146,8 +3159,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3155,8 +3168,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3174,7 +3187,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index ee7f90269..ac1a51839 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -29,12 +29,13 @@ stage { /* Buttons */ .button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border-width: 0; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -44,15 +45,16 @@ stage { } .button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -60,8 +62,8 @@ stage { } .button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -80,6 +82,7 @@ stage { .modal-dialog-linked-button { min-height: 36px; + min-width: 48px; margin: 6px; padding: 0 8px; margin-right: 0; @@ -87,7 +90,7 @@ stage { border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -97,15 +100,16 @@ stage { } .modal-dialog-linked-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .modal-dialog-linked-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -113,8 +117,8 @@ stage { } .modal-dialog-linked-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -425,7 +429,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-dialog-subtitle { color: rgba(0, 0, 0, 0.54); - font-weight: bold; + font-weight: normal; } /* End Session Dialog */ @@ -820,7 +824,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu-boxpointer, .candidate-popup-boxpointer { - -arrow-border-radius: 0; + -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; -arrow-border-color: transparent; @@ -862,7 +866,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .osd-window .osd-monitor-label { - font-size: 45px; + font-size: 48px; font-weight: 400; } @@ -946,7 +950,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .input-source-switcher-symbol { - font-size: 45px; + font-size: 48px; font-weight: 400; width: 96px; height: 96px; @@ -1275,7 +1279,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-city { - font-weight: bold; + font-weight: normal; font-size: 1em; } @@ -1415,7 +1419,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-other-month-day { color: rgba(0, 0, 0, 0.26); - opacity: 0.5; } .calendar-week-number { @@ -1441,12 +1444,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 8px 8px 0; } -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.08); +.message-list-clear-button.button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.message-list-clear-button.button:hover { + background-color: rgba(26, 115, 232, 0.08); } .message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); + background-color: rgba(26, 115, 232, 0.2); } .message-list-sections { @@ -2006,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-view-control { - padding: 0 16px; + padding: 0 8px; font-weight: bold; color: rgba(255, 255, 255, 0.7); } @@ -2226,7 +2233,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .search-statustext, .no-frequent-applications-label { - font-size: 45px; + font-size: 48px; font-weight: 400; color: rgba(255, 255, 255, 0.5); } @@ -2282,7 +2289,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border-radius: 4px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; font-weight: 500; } @@ -2294,15 +2301,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 4px; } -.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(0, 0, 0, 0.08); - color: rgba(0, 0, 0, 0.87); +.notification-banner .notification-button:focus { + background-color: rgba(26, 115, 232, 0.12); +} + +.notification-banner .notification-button:hover { + background-color: rgba(26, 115, 232, 0.08); } .notification-banner .notification-button:active { transition-duration: 200ms; - background-color: rgba(0, 0, 0, 0.2); - color: rgba(0, 0, 0, 0.87); + background-color: rgba(26, 115, 232, 0.2); } .summary-source-counter { @@ -2717,7 +2726,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button { - padding: 0 16px; + min-width: 48px; + padding: 0 8px; color: rgba(255, 255, 255, 0.7); background-color: transparent; border-color: transparent; @@ -2756,6 +2766,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { + min-width: 32px; + padding: 0 16px; color: white; background-color: #1A73E8; border-color: transparent; @@ -2982,14 +2994,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .screen-shield-clock-time { - font-size: 112px; + font-size: 96px; font-weight: 300; text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); font-feature-settings: "tnum"; } .screen-shield-clock-date { - font-size: 45px; + font-size: 34px; font-weight: 400; } @@ -3131,12 +3143,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lg-obj-inspector-button { min-height: 36px; - padding: 0 16px; + min-width: 48px; + padding: 0 8px; border: none; border-radius: 4px; font-size: 10.5pt; font-weight: 500; - color: rgba(0, 0, 0, 0.54); + color: #1A73E8; background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -3146,8 +3159,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.08); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.08); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3155,8 +3168,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: rgba(0, 0, 0, 0.87); - background-color: rgba(0, 0, 0, 0.2); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.2); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -3174,7 +3187,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: rgba(0, 0, 0, 0.87); + color: #1A73E8; + background-color: rgba(26, 115, 232, 0.12); text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; From 3f45b6e6a0abe070ed25c1f3a2612609ced7fdae Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 3 Aug 2019 22:44:10 +0900 Subject: [PATCH 31/72] Update opacity of the secondary text 0.54 -> 0.6 As per the refreshed Material Design guidelines: https://material.io/design/color/text-legibility.html --- src/_sass/_colors.scss | 4 ++-- src/_sass/_colors.scss.template | 2 +- src/chrome/chrome-theme-light/manifest.json | 2 +- src/cinnamon/assets/calendar-arrow-left.svg | 2 +- src/cinnamon/assets/calendar-arrow-right.svg | 2 +- src/cinnamon/assets/checkbox-off.svg | 2 +- src/cinnamon/assets/radiobutton-off.svg | 2 +- src/gnome-shell/assets/calendar-arrow-left.svg | 2 +- src/gnome-shell/assets/calendar-arrow-right.svg | 2 +- src/gnome-shell/assets/checkbox-off.svg | 2 +- src/gnome-shell/assets/close.svg | 2 +- src/gtk-2.0/assets.svg | 2 +- src/unity/assets-light/close_focused.svg | 2 +- src/unity/assets-light/close_unfocused_prelight.svg | 2 +- src/unity/assets-light/close_unfocused_pressed.svg | 2 +- src/unity/assets-light/maximize_focused.svg | 2 +- src/unity/assets-light/maximize_unfocused_prelight.svg | 2 +- src/unity/assets-light/maximize_unfocused_pressed.svg | 2 +- src/unity/assets-light/minimize_focused.svg | 2 +- src/unity/assets-light/minimize_unfocused_prelight.svg | 2 +- src/unity/assets-light/minimize_unfocused_pressed.svg | 2 +- src/unity/assets-light/unmaximize_focused.svg | 2 +- src/unity/assets-light/unmaximize_unfocused_prelight.svg | 2 +- src/unity/assets-light/unmaximize_unfocused_pressed.svg | 2 +- src/xfwm4/assets-light/close-active.svg | 2 +- src/xfwm4/assets-light/hide-active.svg | 2 +- src/xfwm4/assets-light/maximize-active.svg | 2 +- src/xfwm4/assets-light/maximize-toggled-active.svg | 2 +- src/xfwm4/assets-light/menu-active.svg | 2 +- src/xfwm4/assets-light/shade-active.svg | 2 +- src/xfwm4/assets-light/shade-toggled-active.svg | 2 +- src/xfwm4/assets-light/stick-active.svg | 2 +- src/xfwm4/assets-light/stick-toggled-active.svg | 2 +- src/xfwm4/assets-light/themerc | 4 ++-- 34 files changed, 36 insertions(+), 36 deletions(-) diff --git a/src/_sass/_colors.scss b/src/_sass/_colors.scss index 495e9871a..b1da4432a 100644 --- a/src/_sass/_colors.scss +++ b/src/_sass/_colors.scss @@ -17,7 +17,7 @@ @if ($brightness >= 128) { @if ($state == 'primary') { @return rgba(black, 0.87); } - @if ($state == 'secondary') { @return rgba(black, 0.54); } + @if ($state == 'secondary') { @return rgba(black, 0.6); } @if ($state == 'disabled') { @return rgba(black, 0.38); } @if ($state == 'secondary-disabled') { @return rgba(black, 0.26); } @if ($state == 'track') { @return rgba(black, 0.26); } @@ -117,4 +117,4 @@ $titlebar-divider: on($titlebar, divider); $titlebar-fill: on($titlebar, fill); // workaround for GTK3 @placeholder_text_color which doesn't allow translucent colors -$placeholder_text_color: if($variant == 'light', $grey-600, mix($white, $base, percentage(0.7))); +$placeholder_text_color: if($variant == 'light', mix(black, $base, percentage(0.6)), mix(white, $base, percentage(0.7))); diff --git a/src/_sass/_colors.scss.template b/src/_sass/_colors.scss.template index 71abc8fae..abad81667 100644 --- a/src/_sass/_colors.scss.template +++ b/src/_sass/_colors.scss.template @@ -17,7 +17,7 @@ @if ($brightness >= 128) { @if ($state == 'primary') { @return rgba(black, 0.87); } - @if ($state == 'secondary') { @return rgba(black, 0.54); } + @if ($state == 'secondary') { @return rgba(black, 0.6); } @if ($state == 'disabled') { @return rgba(black, 0.38); } @if ($state == 'secondary-disabled') { @return rgba(black, 0.26); } @if ($state == 'track') { @return rgba(black, 0.26); } diff --git a/src/chrome/chrome-theme-light/manifest.json b/src/chrome/chrome-theme-light/manifest.json index 74c8b6d3e..1b13b1c4f 100644 --- a/src/chrome/chrome-theme-light/manifest.json +++ b/src/chrome/chrome-theme-light/manifest.json @@ -14,7 +14,7 @@ "frame_incognito_inactive": [214, 214, 214], "toolbar": [255, 255, 255], "tab_text": [0, 0, 0, 0.87], - "tab_background_text": [0, 0, 0, 0.54], + "tab_background_text": [0, 0, 0, 0.6], "bookmark_text": [0, 0, 0, 0.87], "ntp_background": [255, 255, 255], "ntp_text": [0, 0, 0, 0.87], diff --git a/src/cinnamon/assets/calendar-arrow-left.svg b/src/cinnamon/assets/calendar-arrow-left.svg index 738a3f2ca..da7213da2 100644 --- a/src/cinnamon/assets/calendar-arrow-left.svg +++ b/src/cinnamon/assets/calendar-arrow-left.svg @@ -1,3 +1,3 @@ - + diff --git a/src/cinnamon/assets/calendar-arrow-right.svg b/src/cinnamon/assets/calendar-arrow-right.svg index acb514b9a..0b5a963e9 100644 --- a/src/cinnamon/assets/calendar-arrow-right.svg +++ b/src/cinnamon/assets/calendar-arrow-right.svg @@ -1,3 +1,3 @@ - + diff --git a/src/cinnamon/assets/checkbox-off.svg b/src/cinnamon/assets/checkbox-off.svg index cb4ae5326..2700c5f76 100644 --- a/src/cinnamon/assets/checkbox-off.svg +++ b/src/cinnamon/assets/checkbox-off.svg @@ -1,3 +1,3 @@ - + diff --git a/src/cinnamon/assets/radiobutton-off.svg b/src/cinnamon/assets/radiobutton-off.svg index 4e4215dc7..5d3bda77e 100644 --- a/src/cinnamon/assets/radiobutton-off.svg +++ b/src/cinnamon/assets/radiobutton-off.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/calendar-arrow-left.svg b/src/gnome-shell/assets/calendar-arrow-left.svg index 738a3f2ca..da7213da2 100644 --- a/src/gnome-shell/assets/calendar-arrow-left.svg +++ b/src/gnome-shell/assets/calendar-arrow-left.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/calendar-arrow-right.svg b/src/gnome-shell/assets/calendar-arrow-right.svg index acb514b9a..0b5a963e9 100644 --- a/src/gnome-shell/assets/calendar-arrow-right.svg +++ b/src/gnome-shell/assets/calendar-arrow-right.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/checkbox-off.svg b/src/gnome-shell/assets/checkbox-off.svg index cb4ae5326..2700c5f76 100644 --- a/src/gnome-shell/assets/checkbox-off.svg +++ b/src/gnome-shell/assets/checkbox-off.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gnome-shell/assets/close.svg b/src/gnome-shell/assets/close.svg index e8b831585..26850a514 100644 --- a/src/gnome-shell/assets/close.svg +++ b/src/gnome-shell/assets/close.svg @@ -1,3 +1,3 @@ - + diff --git a/src/gtk-2.0/assets.svg b/src/gtk-2.0/assets.svg index e416b10c3..45f9757cc 100644 --- a/src/gtk-2.0/assets.svg +++ b/src/gtk-2.0/assets.svg @@ -15,7 +15,7 @@ - + diff --git a/src/unity/assets-light/close_focused.svg b/src/unity/assets-light/close_focused.svg index 0bf726a73..3df383200 100644 --- a/src/unity/assets-light/close_focused.svg +++ b/src/unity/assets-light/close_focused.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/close_unfocused_prelight.svg b/src/unity/assets-light/close_unfocused_prelight.svg index 00c2e8be2..f9121ad6b 100644 --- a/src/unity/assets-light/close_unfocused_prelight.svg +++ b/src/unity/assets-light/close_unfocused_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/close_unfocused_pressed.svg b/src/unity/assets-light/close_unfocused_pressed.svg index ae3621418..779a6484a 100644 --- a/src/unity/assets-light/close_unfocused_pressed.svg +++ b/src/unity/assets-light/close_unfocused_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/maximize_focused.svg b/src/unity/assets-light/maximize_focused.svg index 07df8a03c..50546fcee 100644 --- a/src/unity/assets-light/maximize_focused.svg +++ b/src/unity/assets-light/maximize_focused.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/maximize_unfocused_prelight.svg b/src/unity/assets-light/maximize_unfocused_prelight.svg index 021e41964..d48699c17 100644 --- a/src/unity/assets-light/maximize_unfocused_prelight.svg +++ b/src/unity/assets-light/maximize_unfocused_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/maximize_unfocused_pressed.svg b/src/unity/assets-light/maximize_unfocused_pressed.svg index db8a5357b..d9cdc9c22 100644 --- a/src/unity/assets-light/maximize_unfocused_pressed.svg +++ b/src/unity/assets-light/maximize_unfocused_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/minimize_focused.svg b/src/unity/assets-light/minimize_focused.svg index b3317da9f..2bf780c91 100644 --- a/src/unity/assets-light/minimize_focused.svg +++ b/src/unity/assets-light/minimize_focused.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/minimize_unfocused_prelight.svg b/src/unity/assets-light/minimize_unfocused_prelight.svg index a2c47c242..e66209c1c 100644 --- a/src/unity/assets-light/minimize_unfocused_prelight.svg +++ b/src/unity/assets-light/minimize_unfocused_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/minimize_unfocused_pressed.svg b/src/unity/assets-light/minimize_unfocused_pressed.svg index 3d5991d29..b3b774edc 100644 --- a/src/unity/assets-light/minimize_unfocused_pressed.svg +++ b/src/unity/assets-light/minimize_unfocused_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/unmaximize_focused.svg b/src/unity/assets-light/unmaximize_focused.svg index 3f4444520..26db7ab66 100644 --- a/src/unity/assets-light/unmaximize_focused.svg +++ b/src/unity/assets-light/unmaximize_focused.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/unmaximize_unfocused_prelight.svg b/src/unity/assets-light/unmaximize_unfocused_prelight.svg index d22359b26..1e03d194c 100644 --- a/src/unity/assets-light/unmaximize_unfocused_prelight.svg +++ b/src/unity/assets-light/unmaximize_unfocused_prelight.svg @@ -1,4 +1,4 @@ - + diff --git a/src/unity/assets-light/unmaximize_unfocused_pressed.svg b/src/unity/assets-light/unmaximize_unfocused_pressed.svg index 43f133e7d..4b52877ec 100644 --- a/src/unity/assets-light/unmaximize_unfocused_pressed.svg +++ b/src/unity/assets-light/unmaximize_unfocused_pressed.svg @@ -1,4 +1,4 @@ - + diff --git a/src/xfwm4/assets-light/close-active.svg b/src/xfwm4/assets-light/close-active.svg index 14ade776e..18e5caa01 100644 --- a/src/xfwm4/assets-light/close-active.svg +++ b/src/xfwm4/assets-light/close-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/hide-active.svg b/src/xfwm4/assets-light/hide-active.svg index 2dffa84d0..b55c0d7fb 100644 --- a/src/xfwm4/assets-light/hide-active.svg +++ b/src/xfwm4/assets-light/hide-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/maximize-active.svg b/src/xfwm4/assets-light/maximize-active.svg index b734238b3..ebeb7d028 100644 --- a/src/xfwm4/assets-light/maximize-active.svg +++ b/src/xfwm4/assets-light/maximize-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/maximize-toggled-active.svg b/src/xfwm4/assets-light/maximize-toggled-active.svg index 9bdff1bf0..cdccda941 100644 --- a/src/xfwm4/assets-light/maximize-toggled-active.svg +++ b/src/xfwm4/assets-light/maximize-toggled-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/menu-active.svg b/src/xfwm4/assets-light/menu-active.svg index 39b6bb952..2dd0cc220 100644 --- a/src/xfwm4/assets-light/menu-active.svg +++ b/src/xfwm4/assets-light/menu-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/shade-active.svg b/src/xfwm4/assets-light/shade-active.svg index d5428f63f..59d7e7c3d 100644 --- a/src/xfwm4/assets-light/shade-active.svg +++ b/src/xfwm4/assets-light/shade-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/shade-toggled-active.svg b/src/xfwm4/assets-light/shade-toggled-active.svg index a3dc7993c..2d91fd7c6 100644 --- a/src/xfwm4/assets-light/shade-toggled-active.svg +++ b/src/xfwm4/assets-light/shade-toggled-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/stick-active.svg b/src/xfwm4/assets-light/stick-active.svg index 2ed760ba6..e117bbf1f 100644 --- a/src/xfwm4/assets-light/stick-active.svg +++ b/src/xfwm4/assets-light/stick-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/stick-toggled-active.svg b/src/xfwm4/assets-light/stick-toggled-active.svg index 632d0b213..a1df16e47 100644 --- a/src/xfwm4/assets-light/stick-toggled-active.svg +++ b/src/xfwm4/assets-light/stick-toggled-active.svg @@ -1,7 +1,7 @@ - + diff --git a/src/xfwm4/assets-light/themerc b/src/xfwm4/assets-light/themerc index 205697e35..2ab8b1ef3 100644 --- a/src/xfwm4/assets-light/themerc +++ b/src/xfwm4/assets-light/themerc @@ -5,8 +5,8 @@ active_text_color=#212121 active_text_shadow_color=#212121 -inactive_text_color=#757575 -inactive_text_shadow_color=#757575 +inactive_text_color=#616161 +inactive_text_shadow_color=#616161 title_shadow_active=false title_shadow_inactive=false full_width_title=true From 0db3fa5e664b791c989bd6437041225af6ca6834 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 3 Aug 2019 23:11:45 +0900 Subject: [PATCH 32/72] Regenerate PNGs --- src/gtk-2.0/assets/checkbox-unchecked.png | Bin 223 -> 217 bytes src/gtk-2.0/assets/handle-horz-hover.png | Bin 194 -> 196 bytes src/gtk-2.0/assets/handle-vert-hover.png | Bin 191 -> 190 bytes src/gtk-2.0/assets/menu-checkbox-unchecked.png | Bin 210 -> 210 bytes src/gtk-2.0/assets/menu-radio-unchecked.png | Bin 422 -> 418 bytes src/gtk-2.0/assets/pan-down-alt.png | Bin 203 -> 206 bytes src/gtk-2.0/assets/pan-left-alt.png | Bin 202 -> 208 bytes src/gtk-2.0/assets/pan-right-alt.png | Bin 197 -> 199 bytes src/gtk-2.0/assets/pan-up-alt.png | Bin 194 -> 191 bytes src/gtk-2.0/assets/radio-unchecked.png | Bin 523 -> 528 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 258 -> 263 bytes .../assets/scrollbar-vert-ltr-slider-hover.png | Bin 262 -> 264 bytes .../assets/scrollbar-vert-rtl-slider-hover.png | Bin 260 -> 266 bytes 13 files changed, 0 insertions(+), 0 deletions(-) diff --git a/src/gtk-2.0/assets/checkbox-unchecked.png b/src/gtk-2.0/assets/checkbox-unchecked.png index 3235cbbe50e564dc29dc5f4634c829b34ccbf1a1..abd5ed21bc5d8ebec8255d09a4c886747fe30f47 100644 GIT binary patch delta 115 zcmcc5c$0BLZVrEdPlzi6D)8rf-U}3AEeY}qX3*B@nE9`5#Y&)nwx^3@h(vgDf`X92 z%pDDlo0%pYe#6Ad=D^p@?7})j&PYZ?|A4Lf0S6TZ1|}|n%q*qyQy`N)UHx3vIVCg! E0EtQ-9smFU delta 121 zcmcb~c%N}XZjn%cPlzi626&(?xdPN8VG2gJK~_2 ukd}~8arVH01xF4X_`v+?%Ju-uMMoG-Oa#-vSk5$K00K`}KbLh*2~7Z*mL$yp diff --git a/src/gtk-2.0/assets/handle-vert-hover.png b/src/gtk-2.0/assets/handle-vert-hover.png index a21c1cc80555b294c19a774f23621ff734b7a08f..2fc327991a677d8b746c04c520d967646fb856fc 100644 GIT binary patch delta 87 zcmV-d0I2`J0loo{ZcsZ(L_t&-mDSC$5r7~N0Kt8%z$VP-h=S|`iZe4M!@vwGVB?#) tKt{np3*0#U-ehv%!G(@G2dmiT@&N+-6D<>hiT3~i002ovPDHLkV1kr_CAt6r delta 88 zcmV-e0H^=H0lxu|Zc#i*L_t&-mDSC$5r7~NMA3Ix06m!54((XeRYqcHNPrPmzzhHE u%mywrQwDC-FFeKKK*xy}xeoqfo0kC+oDdR3lOz&`??&(tDeLZ2%mUY~>s4yd`n%>V!Z07*qoM6N<$ Eg6gs;Y5)KL diff --git a/src/gtk-2.0/assets/menu-radio-unchecked.png b/src/gtk-2.0/assets/menu-radio-unchecked.png index 433752a165659a2c9170c8141ed219a40aa988fa..d1f8c8696d1d537051dee476a9c2a750116e716a 100644 GIT binary patch delta 221 zcmV<303!dU1EK?vZ2@4BZe)M@Pw0&R001C#QchC<0|W;M85$cL9UvhhRaRG6Sz23g zadLlviII|(mzbHNl53Ly004+dL_t&-89l*?7J?uEMZp`SMlR4w3iST}FEi>e!`I+r zN^$A=G1s@Maxv`8Q`wK!jv?z|fScA6m0J~Hc;^#;E|;D~o+fDKr87~@q)3vbvD(;V zX^z@>=}a>zvMA65&GaQZ{#-5{T(mkWx5@+Np&TY_r;v3&urr~kD*nJvKgX2f+_C!r XhH?s7(FWM>00000NkvXXu0mjf{A^$% delta 225 zcmV<703QFM1EvFzZ2@DEZe)J|003rablv~}03mczPE!B_1O^Bf7#SKJ9v@6iPESx# zQe|dma&vovgM@~Mh>40(W9hd5004+dL_t&-89l)P7J?uEM8Qv_Ath0nS|INIPnlVd z8NS*ur8I?>pTlj{u0+G;@Kg@oT7S(N3~<+cV&`T>XxDt=&*jn(6sT3AdM0&LUL#4C z%IeKqmg=Y%lR7G|k)SJ8R8L#7e^cz4H1B0ilpUXO@geCyh$}3I) delta 129 zcmX@dc$#s7gai{a0|P_ST=7ppin-XyGlYYKW9$ zQWE4B%;4bK<(y@u0^}=tx;Tb#L?c#3gCUW~h^i(`mIZ*qc!;Q`UZY!?Fq?_JJ0H@6$zVgLe9S3j3^P6p8J&V2S%+g6qs(e@q(!fDICo5}Qf2@GPgg&ebxsLQ0RB89 AIRF3v delta 94 zcmX@kc$9HMUbvH|i(`mIZ*qdfwFBJ}u09n{WI7C4<}Y7~6O$LT#yjVuf|HnANFC$* delta 91 zcmdnbc!+UAUWmP?i(`mIZ*qbJs|ou$9v+^!A0h_A7v7vYaA3g!AOO+@vqhK_W+gH# tSG>XFaJ}ccKnZg}rrL{1fd&&87~cG1J2K6#BZ&bBJYD@<);T3K0RW@uB$@yK diff --git a/src/gtk-2.0/assets/radio-unchecked.png b/src/gtk-2.0/assets/radio-unchecked.png index ed0e1fba5c3081ed355a56e6adbb2cfd635191cb..68adc95e8d44c0c29f1538b7f5a1788cec789306 100644 GIT binary patch delta 296 zcmV+@0oVSE1ds%fZ2^aoZis&X008%5D?04;PCL_t(2k)2W55`r)g<5c8U z5ClZ1a@dmp|2{`3&@!VBfX?UW!yt%`z15R9b4RgRdV9BYH4ELdp9N@2>v z0rZ#f{%`d_vK@Zsaf!Bx>yO0f5Q##JR-c#$X0Lsl4bIGSu!y^9F~e=Sq-Fp~ziUqk uhD=QchC<0RjUC2M8A!BP1#-EG;fCI5|2y zJUu>1N=r;wSz2;)bai%jc!Gq6hlz^j_*TjQ006;BL_t&-8J)rFwt+wZ2GDOV=aeLg zB6KlgjPL#5&ze?f{@NQqQ+aEwHEpgC$ZnhrD}2cl*_DyjQQ474fwzAXABDh36pl3} z86OLLB#tRY>c$Obwj30^oSndo?74>5vP7U_1J5u*Af|z5sS)_2g=eV|_~#v-VT3?T z1FvC;z@BG#IXj6N*)xNu1{Rpv@v1Od(Ixmu+;fS^k!~w7k~_x(-b79IRjhSf^?cR> pU+KWfHAO(Jn~SxVbEX&Ys~0rS66r&Kl-2+M002ovPDHLkV1n`rd*T29 diff --git a/src/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/src/gtk-2.0/assets/scrollbar-horz-slider-hover.png index 62fe6586fd4036d34b9e8444d3f0da6b92b64beb..e2e37af934f27082912d5801fad696a2824a1cd6 100644 GIT binary patch delta 161 zcmV;S0ABxs0*3;SZhwSHL_t(IjqTC94Z=VWMbX12Ktzza1B-HSGqm6mD8h0rPLSLJ z5fO+C0zNbZ1$ zgil6*qtmWz0y0lHyEi&5Gk;-`_yz?nHh7~)huf4$g9Em~?1^I?S_X?H2^f5-WfWVkf+O{r~^~ delta 160 zcmV;R0AK%z0)_&RZhwPGL_t(IjqTB~4Z=VS1<(f+Km%PS$TBwz>o5T`plm{clntn8 z0!S1TTxI1>H$Z;pZ|TXBSrW6V>^da$c^)y~(Ta39VITSz&JkJ{kTe6xU5aH1=?ner zu7qqW$gUOnRFHQoGFFg#D>C?hB4)xhmYV`H;f5m)_~!Y7XBp+nB{@G3GZR*+jic)T O0000kVlH;_4B_D5xc$)o!9+vbdX)g55Lci$L9i@>$sMSO zrzFTPn1NqZEIKZ}p|PpC>%Dd8Z=kr9r;B3FVdQ&MBb@ E0I$X~qyPW_ From 58d27c21761cda8de9391705cb0356a49c6b49fb Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sun, 4 Aug 2019 11:49:21 +0900 Subject: [PATCH 33/72] Update overlay scrollbar & floating bar styles - Use $surface instead of $base for background-color. - Remove the extra background-clip for dark variant, since we changed the border-color to light on dark variant. --- src/_sass/_variables.scss | 1 - src/_sass/chrome/_scrollbars.scss | 7 +++++-- src/_sass/gtk/_common-3.20.scss | 3 +-- src/_sass/gtk/apps/_gnome-3.22.scss | 3 +-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/_sass/_variables.scss b/src/_sass/_variables.scss index 75e77fe4e..10b56672d 100644 --- a/src/_sass/_variables.scss +++ b/src/_sass/_variables.scss @@ -1,5 +1,4 @@ $asset-suffix: if($variant == 'dark', '-dark', ''); -$background-clip-extra: if($variant == 'light', padding-box, border-box); // // Sizes diff --git a/src/_sass/chrome/_scrollbars.scss b/src/_sass/chrome/_scrollbars.scss index b67d10006..73839a04f 100644 --- a/src/_sass/chrome/_scrollbars.scss +++ b/src/_sass/chrome/_scrollbars.scss @@ -3,8 +3,7 @@ width: 17px; height: 17px; border: 0 solid $divider; - background-color: rgba($base, 0.9); - background-clip: $background-clip-extra; + background-color: rgba($surface, 0.9); } ::-webkit-scrollbar:horizontal, @@ -17,6 +16,10 @@ border-left-width: 1px; } +::-webkit-scrollbar { + background-clip: padding-box; +} + ::-webkit-scrollbar-thumb { width: 32px; height: 32px; diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index db3470f41..c111dd2bc 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -1921,7 +1921,6 @@ scrollbar { transition: $transition; background-color: $base; - background-clip: $background-clip-extra; // scrollbar border &.top { border-bottom: 1px solid $divider; } @@ -2000,7 +1999,7 @@ scrollbar { } &.dragging, - &.hovering { background-color: rgba($base, 0.9); } + &.hovering { background-color: rgba($surface, 0.9); } } &.horizontal slider { min-width: $_slider_min_length; } diff --git a/src/_sass/gtk/apps/_gnome-3.22.scss b/src/_sass/gtk/apps/_gnome-3.22.scss index 44595fba9..e48fcb4b0 100644 --- a/src/_sass/gtk/apps/_gnome-3.22.scss +++ b/src/_sass/gtk/apps/_gnome-3.22.scss @@ -97,8 +97,7 @@ border-width: 1px; border-color: $divider; border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0; - background-color: rgba($base, 0.9); - background-clip: $background-clip-extra; + background-color: rgba($surface, 0.9); &.bottom.left { // axes left border and border radius margin-right: 8px - 1px; From c2c8b19698fff77e374c5d91b1d0dda4d727ed32 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sun, 4 Aug 2019 12:24:32 +0900 Subject: [PATCH 34/72] gtk: Add a small fix for Nautilus --- src/_sass/gtk/apps/_gnome-3.22.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gtk/apps/_gnome-3.22.scss b/src/_sass/gtk/apps/_gnome-3.22.scss index e48fcb4b0..cd5ec60ea 100644 --- a/src/_sass/gtk/apps/_gnome-3.22.scss +++ b/src/_sass/gtk/apps/_gnome-3.22.scss @@ -218,7 +218,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal { .nautilus-window headerbar revealer > button { @extend %circular_button; } // Ensure paned separator rendering. See issue #84 for details. -.nautilus-window paned > separator { background-color: $background; } +.nautilus-window paned > separator { background-color: $base-alt; } /********* From d38518695c86a15093f6256561050d3f4821976a Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sun, 4 Aug 2019 12:30:19 +0900 Subject: [PATCH 35/72] gtk: Normalize Caja's slider-button width --- src/_sass/gtk/apps/_mate.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/_sass/gtk/apps/_mate.scss b/src/_sass/gtk/apps/_mate.scss index b4eb57046..7c97fcb58 100644 --- a/src/_sass/gtk/apps/_mate.scss +++ b/src/_sass/gtk/apps/_mate.scss @@ -313,6 +313,9 @@ na-tray-applet widget box widget { @extend %pathbar_button; + // NOTE: padding is hard-coded to 0 + &.slider-button { min-width: 24px; } + // arrow button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); From 55e99e2d98ace3da81724fee337677f8c9ee2c93 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Mon, 5 Aug 2019 00:43:24 +0900 Subject: [PATCH 36/72] gnome-shell: Reduce padding of panel buttons in compact variant Resolves https://github.com/nana-4/materia-theme/issues/397 --- src/_sass/gnome-shell/_common-3.18.scss | 4 ++-- src/_sass/gnome-shell/_common-3.24.scss | 4 ++-- src/_sass/gnome-shell/_common-3.26.scss | 4 ++-- src/_sass/gnome-shell/_common-3.28.scss | 4 ++-- src/_sass/gnome-shell/_common-3.30.scss | 4 ++-- src/_sass/gnome-shell/_common-3.32.scss | 4 ++-- src/_sass/gnome-shell/_variables.scss | 1 + 7 files changed, 13 insertions(+), 12 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.18.scss b/src/_sass/gnome-shell/_common-3.18.scss index 34c741029..d0daf0754 100644 --- a/src/_sass/gnome-shell/_common-3.18.scss +++ b/src/_sass/gnome-shell/_common-3.18.scss @@ -873,8 +873,8 @@ StScrollBar { } .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: $panel-button-hpadding; + -minimum-hpadding: $panel-button-hpadding / 2; font-weight: bold; color: on($panel, secondary); transition-duration: $duration; diff --git a/src/_sass/gnome-shell/_common-3.24.scss b/src/_sass/gnome-shell/_common-3.24.scss index 665226785..9f8a97a2a 100644 --- a/src/_sass/gnome-shell/_common-3.24.scss +++ b/src/_sass/gnome-shell/_common-3.24.scss @@ -876,8 +876,8 @@ StScrollBar { } .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: $panel-button-hpadding; + -minimum-hpadding: $panel-button-hpadding / 2; font-weight: bold; color: on($panel, secondary); transition-duration: $duration; diff --git a/src/_sass/gnome-shell/_common-3.26.scss b/src/_sass/gnome-shell/_common-3.26.scss index 4dbda7958..50d521e93 100644 --- a/src/_sass/gnome-shell/_common-3.26.scss +++ b/src/_sass/gnome-shell/_common-3.26.scss @@ -850,8 +850,8 @@ StScrollBar { } .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: $panel-button-hpadding; + -minimum-hpadding: $panel-button-hpadding / 2; font-weight: bold; color: on($scrim, secondary); text-shadow: none; diff --git a/src/_sass/gnome-shell/_common-3.28.scss b/src/_sass/gnome-shell/_common-3.28.scss index 72cef02ce..6286d83ad 100644 --- a/src/_sass/gnome-shell/_common-3.28.scss +++ b/src/_sass/gnome-shell/_common-3.28.scss @@ -850,8 +850,8 @@ StScrollBar { } .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: $panel-button-hpadding; + -minimum-hpadding: $panel-button-hpadding / 2; font-weight: bold; color: on($scrim, secondary); text-shadow: none; diff --git a/src/_sass/gnome-shell/_common-3.30.scss b/src/_sass/gnome-shell/_common-3.30.scss index 2338561bb..3668c323c 100644 --- a/src/_sass/gnome-shell/_common-3.30.scss +++ b/src/_sass/gnome-shell/_common-3.30.scss @@ -851,8 +851,8 @@ StScrollBar { } .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: $panel-button-hpadding; + -minimum-hpadding: $panel-button-hpadding / 2; font-weight: bold; color: on($scrim, secondary); text-shadow: none; diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index c1777ef8b..76be5fee5 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -853,8 +853,8 @@ StScrollBar { } .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: $panel-button-hpadding; + -minimum-hpadding: $panel-button-hpadding / 2; font-weight: bold; color: on($panel, secondary); text-shadow: none; diff --git a/src/_sass/gnome-shell/_variables.scss b/src/_sass/gnome-shell/_variables.scss index c7800c50a..7d95c15c9 100644 --- a/src/_sass/gnome-shell/_variables.scss +++ b/src/_sass/gnome-shell/_variables.scss @@ -17,6 +17,7 @@ $font-size-subheading: if($compact == 'false', 16px, 15px); // $menuitem-size: if($compact == 'false', 32px, 28px); +$panel-button-hpadding: if($compact == 'false', 12px, 8px); // // Override durations; since St does not support transition-timing-function From f80719c0b326150602376675ee264c0e34d70409 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 10 Aug 2019 10:37:30 +0900 Subject: [PATCH 37/72] change_color.sh: Update changing colors --- change_color.sh | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/change_color.sh b/change_color.sh index a17c2637d..57d1e5aaa 100755 --- a/change_color.sh +++ b/change_color.sh @@ -177,36 +177,36 @@ for FILEPATH in "${PATHLIST[@]}"; do -e '/color-base/{n;s/#FFFFFF/%MATERIA_VIEW%/g}' \ -e 's/#000000/%FG%/g' \ -e 's/#212121/%FG%/g' \ - -e 's/#757575/%INACTIVE_FG%/g' \ + -e 's/#616161/%INACTIVE_FG%/g' \ -e 's/#BDBDBD/%INACTIVE_FG%/g' \ -e 's/#FAFAFA/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#F2F2F2/%BG%/g' \ -e 's/#1A73E8/%SEL_BG%/g' \ -e 's/#8AB4F8/%SEL_BG%/g' \ -e 's/#FFFFFF/%MATERIA_VIEW%/g' \ - -e 's/#383838/%HDR_BG%/g' \ + -e 's/#353535/%HDR_BG%/g' \ -e 's/#E0E0E0/%HDR_BG%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ -e 's/#282828/%HDR_BG%/g' \ - -e 's/#303030/%MATERIA_VIEW%/g' \ + -e 's/#2C2C2C/%MATERIA_VIEW%/g' \ -e 's/#2C2C2C/%INACTIVE_MATERIA_VIEW%/g' \ - -e 's/#424242/%MATERIA_SURFACE%/g' \ + -e 's/#3C3C3C/%MATERIA_SURFACE%/g' \ {} \; ; else find "$FILEPATH" -type f -not -name '_color-palette.scss' -exec sed -i'' \ -e 's/#000000/%BG%/g' \ - -e 's/#282828/%BG%/g' \ - -e 's/#757575/%INACTIVE_FG%/g' \ + -e 's/#212121/%BG%/g' \ + -e 's/#616161/%INACTIVE_FG%/g' \ -e 's/#BDBDBD/%INACTIVE_FG%/g' \ -e 's/#2C2C2C/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#FFFFFF/%FG%/g' \ -e 's/#FAFAFA/%FG%/g' \ - -e 's/#424242/%MATERIA_SURFACE%/g' \ + -e 's/#3C3C3C/%MATERIA_SURFACE%/g' \ -e 's/#1A73E8/%SEL_BG%/g' \ -e 's/#8AB4F8/%SEL_BG%/g' \ - -e 's/#303030/%MATERIA_VIEW%/g' \ - -e 's/#383838/%HDR_BG%/g' \ - -e 's/#212121/%HDR_BG2%/g' \ + -e 's/#2C2C2C/%MATERIA_VIEW%/g' \ + -e 's/#353535/%HDR_BG%/g' \ + -e 's/#1F1F1F/%HDR_BG2%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ -e 's/#F2F2F2/%FG%/g' \ -e 's/#E0E0E0/%HDR_FG%/g' \ From a6fa07312b49e0dc12978bb24942d817f84535ab Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 10 Aug 2019 10:47:26 +0900 Subject: [PATCH 38/72] change_color.sh: Reorganize changing colors --- change_color.sh | 31 ++++++++++++------------------- 1 file changed, 12 insertions(+), 19 deletions(-) mode change 100755 => 100644 change_color.sh diff --git a/change_color.sh b/change_color.sh old mode 100755 new mode 100644 index 57d1e5aaa..b0922af68 --- a/change_color.sh +++ b/change_color.sh @@ -175,41 +175,34 @@ for FILEPATH in "${PATHLIST[@]}"; do find "$FILEPATH" -type f -not -name '_color-palette.scss' -exec sed -i'' \ -e '/color-surface/{n;s/#FFFFFF/%MATERIA_SURFACE%/g}' \ -e '/color-base/{n;s/#FFFFFF/%MATERIA_VIEW%/g}' \ + -e 's/#8AB4F8/%SEL_BG%/g' \ + -e 's/#1A73E8/%SEL_BG%/g' \ -e 's/#000000/%FG%/g' \ -e 's/#212121/%FG%/g' \ - -e 's/#616161/%INACTIVE_FG%/g' \ -e 's/#BDBDBD/%INACTIVE_FG%/g' \ - -e 's/#FAFAFA/%INACTIVE_MATERIA_VIEW%/g' \ + -e 's/#616161/%INACTIVE_FG%/g' \ -e 's/#F2F2F2/%BG%/g' \ - -e 's/#1A73E8/%SEL_BG%/g' \ - -e 's/#8AB4F8/%SEL_BG%/g' \ + -e 's/#FFFFFF/%MATERIA_SURFACE%/g' \ -e 's/#FFFFFF/%MATERIA_VIEW%/g' \ + -e 's/#FAFAFA/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#353535/%HDR_BG%/g' \ + -e 's/#2C2C2C/%HDR_BG2%/g' \ -e 's/#E0E0E0/%HDR_BG%/g' \ + -e 's/#D6D6D6/%HDR_BG2%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ - -e 's/#282828/%HDR_BG%/g' \ - -e 's/#2C2C2C/%MATERIA_VIEW%/g' \ - -e 's/#2C2C2C/%INACTIVE_MATERIA_VIEW%/g' \ - -e 's/#3C3C3C/%MATERIA_SURFACE%/g' \ {} \; ; else find "$FILEPATH" -type f -not -name '_color-palette.scss' -exec sed -i'' \ - -e 's/#000000/%BG%/g' \ - -e 's/#212121/%BG%/g' \ - -e 's/#616161/%INACTIVE_FG%/g' \ - -e 's/#BDBDBD/%INACTIVE_FG%/g' \ - -e 's/#2C2C2C/%INACTIVE_MATERIA_VIEW%/g' \ + -e 's/#1A73E8/%SEL_BG%/g' \ -e 's/#FFFFFF/%FG%/g' \ - -e 's/#FAFAFA/%FG%/g' \ + -e 's/#BDBDBD/%INACTIVE_FG%/g' \ + -e 's/#212121/%BG%/g' \ -e 's/#3C3C3C/%MATERIA_SURFACE%/g' \ - -e 's/#1A73E8/%SEL_BG%/g' \ - -e 's/#8AB4F8/%SEL_BG%/g' \ -e 's/#2C2C2C/%MATERIA_VIEW%/g' \ + -e 's/#2C2C2C/%INACTIVE_MATERIA_VIEW%/g' \ -e 's/#353535/%HDR_BG%/g' \ - -e 's/#1F1F1F/%HDR_BG2%/g' \ + -e 's/#2C2C2C/%HDR_BG2%/g' \ -e 's/Materia/%OUTPUT_THEME_NAME%/g' \ - -e 's/#F2F2F2/%FG%/g' \ - -e 's/#E0E0E0/%HDR_FG%/g' \ {} \; ; fi done From 14436cd7a1518ec05db1f283dc2c161fcad9cd2d Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 10 Aug 2019 11:01:30 +0900 Subject: [PATCH 39/72] change_color.sh: Sort PATHLIST alphabetically --- change_color.sh | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/change_color.sh b/change_color.sh index b0922af68..f9b62daae 100644 --- a/change_color.sh +++ b/change_color.sh @@ -60,17 +60,17 @@ if [[ -z "${THEME:-}" ]]; then fi PATHLIST=( + './src/_sass/_colors.scss' './src/chrome' './src/cinnamon' './src/cinnamon/assets' './src/gnome-shell' + './src/gtk/assets.svg' + './src/gtk-2.0/assets.svg' + './src/gtk-2.0/assets-dark.svg' './src/gtk-2.0/gtkrc' './src/gtk-2.0/gtkrc-dark' './src/gtk-2.0/gtkrc-light' - './src/_sass/_colors.scss' - './src/gtk-2.0/assets.svg' - './src/gtk-2.0/assets-dark.svg' - './src/gtk/assets.svg' './src/metacity-1' './src/unity' './src/xfwm4' From fbd6a2642b4ff87fb85eb8df2b7f5cda85dfd56c Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sun, 11 Aug 2019 12:38:08 +0900 Subject: [PATCH 40/72] gtk: Normalize Tilix's tab bar size This should really be fixed by upstream, though. --- src/_sass/gtk/apps/_misc.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/_sass/gtk/apps/_misc.scss b/src/_sass/gtk/apps/_misc.scss index 3c9b49a70..b3861fbc7 100644 --- a/src/_sass/gtk/apps/_misc.scss +++ b/src/_sass/gtk/apps/_misc.scss @@ -20,6 +20,16 @@ overlay > revealer { button.image-button.session-new-button { min-width: $medium-size - 4px; } +// Remove extra padding +notebook.tilix-background tab > box > stack { margin: -6px; } + +button.flat.tilix-small-button { + // NOTE: padding is hard-coded with: + // padding: 2px 4px; + min-height: $small-size - 2px * 2; + min-width: $small-size - 4px * 2; +} + /************** * Terminator * From b95bb9133088672fa0278fb8d66e9052c41c46c6 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sun, 11 Aug 2019 12:43:57 +0900 Subject: [PATCH 41/72] chrome: Add selection style into the scrollbars extension This is really out of place, so we may need to reconsider where to put it in future. --- src/_sass/chrome/_scrollbars.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/_sass/chrome/_scrollbars.scss b/src/_sass/chrome/_scrollbars.scss index 73839a04f..e7c889740 100644 --- a/src/_sass/chrome/_scrollbars.scss +++ b/src/_sass/chrome/_scrollbars.scss @@ -46,3 +46,11 @@ &:disabled { background-color: $text-secondary-disabled; } } + +// +// Workaround: Chrome does not properly load selection style of GTK theme. +// + +::selection { + background-color: rgba($primary-dark, 0.24); +} From 82e3d5fff9e2e57f998d9237db95d4c897b032fa Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 17 Aug 2019 08:44:36 +0900 Subject: [PATCH 42/72] gtk: Improve Chrome styling And drop styling for outdated Chrome versions. --- src/_sass/gtk/apps/_misc.scss | 36 ++++++++++++++++++++++++----------- 1 file changed, 25 insertions(+), 11 deletions(-) diff --git a/src/_sass/gtk/apps/_misc.scss b/src/_sass/gtk/apps/_misc.scss index b3861fbc7..ce24983a2 100644 --- a/src/_sass/gtk/apps/_misc.scss +++ b/src/_sass/gtk/apps/_misc.scss @@ -68,31 +68,45 @@ window.background > box.vertical > scrolledwindow > widget toolbar { * Chromium * ************/ window.background.chromium { - background-color: if($variant == 'light', $background, $surface); + background-color: $surface; - // FIXME: no way to change the toolbar button colors only + // FIXME: There is no way to change the color of the toolbar buttons // toolbar button { color: $text-secondary; } // toolbar's border-bottom refers to button's border + // FIXME: Chrome's button border ignores theme's alpha value :( entry, - > button:not(.suggested-action):not(.destructive-action) { border: 1px solid $border-alt; } + > button { border: 1px solid $track; } > button { - box-shadow: none; - background-size: auto; + color: $primary; - &:hover { background-image: image($overlay-hover); } - - &:active { background-image: image($overlay-checked); } + &:disabled { color: $text-secondary-disabled; } } + menubar, + headerbar { color: $titlebar-text-secondary; } + // workaround for headerbar's non-animatable buttons - headerbar button:active { background-size: 1000% 1000%; } + headerbar button:active { background-color: $overlay-active; } spinner { color: $primary; } - // entry uses this as well - textview { background-color: $surface; } + // For text field + textview.view { background-color: transparent; } + + // For prominent button, starred icon, etc. + treeview.view.cell:selected:focus { + background-color: $primary; + color: on($primary); + } + + // For table header + treeview.view button { + border: 1px solid $track; + background-color: $base; // FIXME: This should not be necessary + // color: $text-secondary; + } } tooltip.background.chromium { background-color: rgba($tooltip, 1); } From 222b4ee7910866365ff1155a11a6c1af6190d76c Mon Sep 17 00:00:00 2001 From: nana-4 Date: Mon, 19 Aug 2019 10:15:25 +0900 Subject: [PATCH 43/72] gtk: Improve Firefox styling --- src/_sass/gtk/apps/_misc.scss | 49 +++++++++++++++++++---------------- 1 file changed, 26 insertions(+), 23 deletions(-) diff --git a/src/_sass/gtk/apps/_misc.scss b/src/_sass/gtk/apps/_misc.scss index ce24983a2..4db6ee819 100644 --- a/src/_sass/gtk/apps/_misc.scss +++ b/src/_sass/gtk/apps/_misc.scss @@ -115,23 +115,35 @@ tooltip.background.chromium { background-color: rgba($tooltip, 1); } /*********** * Firefox * ***********/ -window.background:not(.csd) { +#MozillaGtkWidget { > widget { + // For popover, entry in toolbar, etc. + text { background-color: $surface; } + + // For selection, active tab indicator, etc. + text:selected { + // Use traditional selection style as workaround + background-color: $primary; + color: on($primary); + } + // for the bookmark toolbar's separators - > separator { color: $border-alt; } + > separator { color: $divider; } // avoid black border - > scrollbar { background-clip: border-box; } + // > scrollbar { background-clip: border-box; } // emphasize borders color - > scrollbar, - > frame > border { border-color: $border-alt; } + // > scrollbar, + > frame > border { border-color: $track; } > entry, > button > button { - border: 1px solid $border-alt; + border: 1px solid $track; border-radius: $corner-radius; box-shadow: none; + + &:disabled { border-color: $track-disabled; } } > entry { @@ -149,11 +161,10 @@ window.background:not(.csd) { > button > button { padding: 4px 8px; background-size: auto; - // color: $fg_color; - &:hover { background-image: image($overlay-hover); } + &:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; } - &:active { background-image: image($overlay-checked); } + &:active { background-image: image($overlay-active); } } // use 16px assets for hard-coded sizing @@ -162,8 +173,8 @@ window.background:not(.csd) { > radiobutton > radio { @extend %small_radio; } // make check/radio visible regardless of whether the background is bright or dark - > checkbutton > check:not(:checked), - > radiobutton > radio:not(:checked) { + > checkbutton > check:not(:checked):not(:indeterminate), + > radiobutton > radio:not(:checked):not(:indeterminate) { color: $grey-600; &:hover, &:active { color: $grey-900; } @@ -173,19 +184,11 @@ window.background:not(.csd) { } // remove ugly border around the menus - > window > menu, - > menu > menu { border: none; } -} - -// Firefox now uses this for selected items -text:selected { - // use traditional selection style as workaround for Firefox - background-color: $primary; - color: on($primary); + menu { border: none; } } // for backward compatibility -window.background:not(.csd) { +#MozillaGtkWidget { > widget { > menubar { color: $titlebar-text-secondary; @@ -195,7 +198,7 @@ window.background:not(.csd) { &:disabled { color: $titlebar-text-secondary-disabled; } } - > frame { color: $border-alt; } + > frame { color: $track; } > checkbutton > check, > radiobutton > radio { @@ -204,7 +207,7 @@ window.background:not(.csd) { } } - > window.background > menu > separator { color: $divider; } + menu > separator { color: $divider; } } From 0ff8d6fb7304dcc65812e73071a60b6524cd1d9b Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 20 Aug 2019 02:20:09 +0900 Subject: [PATCH 44/72] gtk: Cosmetic fixes --- src/_sass/gtk/apps/_misc.scss | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/src/_sass/gtk/apps/_misc.scss b/src/_sass/gtk/apps/_misc.scss index 4db6ee819..233f60267 100644 --- a/src/_sass/gtk/apps/_misc.scss +++ b/src/_sass/gtk/apps/_misc.scss @@ -87,7 +87,7 @@ window.background.chromium { menubar, headerbar { color: $titlebar-text-secondary; } - // workaround for headerbar's non-animatable buttons + // Workaround for non-animatable buttons in headerbar headerbar button:active { background-color: $overlay-active; } spinner { color: $primary; } @@ -127,14 +127,13 @@ tooltip.background.chromium { background-color: rgba($tooltip, 1); } color: on($primary); } - // for the bookmark toolbar's separators + // For separators in bookmark toolbar > separator { color: $divider; } // avoid black border // > scrollbar { background-clip: border-box; } - // emphasize borders color - // > scrollbar, + // Emphasize toolbar's border-bottom > frame > border { border-color: $track; } > entry, @@ -172,6 +171,12 @@ tooltip.background.chromium { background-color: rgba($tooltip, 1); } > radiobutton > radio { @extend %small_radio; } + > checkbutton > check, + > radiobutton > radio { + margin: 0; + padding: 0; + } + // make check/radio visible regardless of whether the background is bright or dark > checkbutton > check:not(:checked):not(:indeterminate), > radiobutton > radio:not(:checked):not(:indeterminate) { @@ -199,12 +204,6 @@ tooltip.background.chromium { background-color: rgba($tooltip, 1); } } > frame { color: $track; } - - > checkbutton > check, - > radiobutton > radio { - margin: 0; - padding: 0; - } } menu > separator { color: $divider; } From 63d2522c7a6088b3350fc4ab296ffeb57bde67b9 Mon Sep 17 00:00:00 2001 From: trwnh Date: Mon, 19 Aug 2019 12:27:13 -0500 Subject: [PATCH 45/72] add &.osd to label (#420) --- src/_sass/gtk/_common-3.20.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index c111dd2bc..4608ab61f 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -154,6 +154,12 @@ label { tab &, button & { color: inherit; } } + + &.osd { + background-color: $background; + color: $text; + } + } .dim-label { color: $text-secondary; } From b272238a481094349b065c249e1be311453baeb7 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 20 Aug 2019 02:39:00 +0900 Subject: [PATCH 46/72] gtk: Adapt tooltip style to label.osd --- src/_sass/gtk/_common-3.20.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 4608ab61f..8c39a070c 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -154,12 +154,12 @@ label { tab &, button & { color: inherit; } } - + &.osd { - background-color: $background; - color: $text; + border-radius: $corner-radius; + background-color: $tooltip; + color: on($tooltip); } - } .dim-label { color: $text-secondary; } From 1e77e0c0c67b9514bb08725d731d6959d2b19382 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 20 Aug 2019 02:50:35 +0900 Subject: [PATCH 47/72] gtk: Fix raised entry background-color --- src/_sass/gtk/_drawing-3.20.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gtk/_drawing-3.20.scss b/src/_sass/gtk/_drawing-3.20.scss index c935ae019..e3160f1f6 100644 --- a/src/_sass/gtk/_drawing-3.20.scss +++ b/src/_sass/gtk/_drawing-3.20.scss @@ -66,7 +66,7 @@ transition: $transition; border-image: none; box-shadow: $shadow-z1; - background-color: if($fc == $primary, $base, $fc); + background-color: if($fc == $primary, $surface, $fc); color: if($fc == $primary, $text, on($fc)); } From e55c0d45ccb658b8883924a84edb1f7f5db0d883 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 06:07:56 +0900 Subject: [PATCH 48/72] gtk: Ensure preventing jumping windows --- src/_sass/gtk/_common-3.20.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 8c39a070c..27a7f35b5 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -3341,7 +3341,7 @@ colorchooser .popover.osd { decoration { transition: $transition-shadow; border-radius: $corner-radius $corner-radius 0 0; - box-shadow: $shadow-z16, 0 6px (30px * .6) 5px transparent; + box-shadow: $shadow-z16, 0 16px (24px * .6) 2px transparent, 0 6px (30px * .6) 5px transparent; // FIXME rationalize shadows @@ -3353,7 +3353,7 @@ decoration { // change when we go to backdrop, to prevent jumping windows. // The biggest shadow should be in the same order then in the active state // or the jumping will happen during the transition. - box-shadow: $shadow-z4, 0 6px (30px * .6) 5px transparent; + box-shadow: $shadow-z4, 0 16px (24px * .6) 2px transparent, 0 6px (30px * .6) 5px transparent; } .maximized &, @@ -3381,9 +3381,9 @@ decoration { messagedialog.csd & { border-radius: $corner-radius; - // box-shadow: $shadow-z24, 0 9px (46px * .6) 8px transparent; + // box-shadow: $shadow-z24, 0 24px (38px * .6) 3px transparent, 0 9px (46px * .6) 8px transparent; - // &:backdrop { box-shadow: $shadow-z4, 0 9px (46px * .6) 8px transparent; } + // &:backdrop { box-shadow: $shadow-z4, 0 24px (38px * .6) 3px transparent, 0 9px (46px * .6) 8px transparent; } } .solid-csd & { From 7560b919b0836281383b7cf29aa2631bb9169d6b Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 06:12:29 +0900 Subject: [PATCH 49/72] gtk: Fix border-radius of linked-flat-text-image-button --- src/_sass/gtk/_common-3.20.scss | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 27a7f35b5..41af5f782 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -479,13 +479,13 @@ button { .linked:not(.vertical) > & { @extend %linked; - &.image-button { @extend %linked-image-button; } + &.image-button:not(.text-button) { @extend %linked-image-button; } } .linked.vertical > & { @extend %linked-vertical; - &.image-button { @extend %linked-vertical-image-button; } + &.image-button:not(.text-button) { @extend %linked-vertical-image-button; } } .linked:not(.vertical) > &.flat, @@ -493,9 +493,7 @@ button { &:not(:only-child) { // specificity bump border-radius: $corner-radius; - &.image-button { border-radius: $circular-radius; } - - &.text-button.image-button { border-radius: $corner-radius; } + &.image-button:not(.text-button) { border-radius: $circular-radius; } } } } From 0ae044f47e8d9077e004ce6589d7efb3c13122fb Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 07:54:56 +0900 Subject: [PATCH 50/72] gtk: Fix border-radius of path-bar buttons --- src/_sass/gtk/_common-3.20.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 41af5f782..4ff3f7e45 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -1314,7 +1314,7 @@ window.devel .titlebar:not(.selection-mode) { * Pathbars * ************/ %pathbar_button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { @extend %button-flat; padding-left: ($medium-size - 24px) / 2; From 26e72618e2705ff490393cb90e267ab19ad877ba Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 07:55:59 +0900 Subject: [PATCH 51/72] gtk: Fix border-radius of model buttons in popover --- src/_sass/gtk/_common-3.20.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 4ff3f7e45..1c9f1a462 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -1644,7 +1644,7 @@ popover.background { &.menu button, button.model { - @extend %button-flat; + @extend %button_basic.flat; min-height: 32px; padding: 0 8px; From 117877484a1d4e2ad2a43d37e15da8a8ccb5f307 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 08:01:48 +0900 Subject: [PATCH 52/72] gtk: Simplify infobar button styling --- src/_sass/gtk/_common-3.20.scss | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 1c9f1a462..149d48982 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -3130,14 +3130,9 @@ infobar { background-color: $base; button { - @extend %button-flat-simple; - - &.text-button { - padding-left: 8px; - padding-right: 8px; + @extend %button_basic.flat; - &:not(:disabled) { color: $primary; } - } + &.text-button:not(:disabled) { color: $primary; } } } From 3bd7357c47fb898cf1c715617819b3b4d47e17b7 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 08:05:26 +0900 Subject: [PATCH 53/72] gtk: Make text button in app-notification colorful --- src/_sass/gtk/_common-3.20.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 149d48982..6f025ebbd 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -2778,7 +2778,11 @@ row { margin: 8px; - button { @extend %button_basic.flat; } + button { + @extend %button_basic.flat; + + &.text-button:not(:disabled) { color: $primary; } + } &.frame, border { border-style: none; } From 1e028289dd3a4f204a946f3af437f632668cc5fa Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 08:06:54 +0900 Subject: [PATCH 54/72] gtk: Make text button in LightDM dialog colorful --- src/_sass/gtk/apps/_lightdm.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/_sass/gtk/apps/_lightdm.scss b/src/_sass/gtk/apps/_lightdm.scss index e6f4ca1fa..67964f24b 100644 --- a/src/_sass/gtk/apps/_lightdm.scss +++ b/src/_sass/gtk/apps/_lightdm.scss @@ -58,7 +58,11 @@ #restart_dialog button { } -.lightdm-gtk-greeter button { @extend %button-flat-simple; } +.lightdm-gtk-greeter button { + @extend %button_basic.flat; + + &:not(:disabled) { color: $primary; } +} // the user's avatar box #user_image { From 929144d36fe2d5601de3000ddc6be55312b4f1a6 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Thu, 29 Aug 2019 08:19:42 +0900 Subject: [PATCH 55/72] gtk: Make text button in MATE lock-dialog colorful --- src/_sass/gtk/apps/_mate.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/_sass/gtk/apps/_mate.scss b/src/_sass/gtk/apps/_mate.scss index 7c97fcb58..8ba7e9ad2 100644 --- a/src/_sass/gtk/apps/_mate.scss +++ b/src/_sass/gtk/apps/_mate.scss @@ -467,7 +467,9 @@ na-tray-applet widget box widget { frame > border { border-style: none; } button { - @extend %button-flat-simple; + @extend %button_basic.flat; + + &:not(:disabled) { color: $primary; } } } From 90d71f461bbbe117c6071b911b7a85c229869910 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 10:25:56 +0900 Subject: [PATCH 56/72] gtk: Add minor fixes to places sidebar --- src/_sass/gtk/_common-3.20.scss | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 6f025ebbd..5a6aa32f5 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -2964,6 +2964,7 @@ stacksidebar.sidebar { &:selected { background-color: $overlay-checked; + color: $primary; font-weight: 500; } @@ -2993,8 +2994,11 @@ separator.sidebar { * File chooser * ****************/ // dim the sidebar icons, see bug #786613 for details on this oddity -row { - image.sidebar-icon { color: $text-secondary; } +row image.sidebar-icon { + transition: color $duration $ease-out; + color: $text-secondary; + + &:disabled { color: $text-secondary-disabled; } } placessidebar.sidebar { @@ -3015,7 +3019,10 @@ placessidebar.sidebar { &:selected { background-color: $overlay-checked; + color: $primary; font-weight: 500; + + image.sidebar-icon { color: $primary; } } &:disabled { color: $text-disabled; } @@ -3026,13 +3033,12 @@ placessidebar.sidebar { } label.sidebar-label { + color: inherit; + &:dir(ltr) { padding-right: 2px; } &:dir(rtl) { padding-left: 2px; } } - &:selected image.sidebar-icon, - &:selected label.sidebar-label { color: inherit; } - @at-root button.sidebar-button { @extend %button-flat-simple; @extend %small_button; @@ -3040,7 +3046,11 @@ placessidebar.sidebar { &.sidebar-placeholder-row { background-color: $overlay-hover; } - &.sidebar-new-bookmark-row { color: $primary; } + &.sidebar-new-bookmark-row { + color: $primary; + + image.sidebar-icon { color: $primary; } + } &:drop(active) { @extend row:hover; } } From 0ab625ca781b0b7c203dc9e1b426a41abf04a2fa Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 10:35:09 +0900 Subject: [PATCH 57/72] gtk: Rename %button_selected to %button-on-dark in SCSS code --- src/_sass/gtk/_common-3.20.scss | 8 ++++---- src/_sass/gtk/apps/_budgie.scss | 4 ++-- src/_sass/gtk/apps/_mate.scss | 2 +- src/_sass/gtk/apps/_xfce.scss | 2 +- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index 5a6aa32f5..4cff76494 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -455,7 +455,7 @@ button { @extend %circular_button; } - // NOTE: sometimes image-only buttons use this + // NOTE: Some image-only buttons use this as well &.text-button.image-button { min-width: 24px; padding: ($medium-size - 24px) / 2; @@ -498,7 +498,7 @@ button { } } - @at-root %button_selected { + @at-root %button-on-dark { &.flat { color: on(dark, secondary); @@ -3154,7 +3154,7 @@ infobar { background-color: $warning; color: on($warning); - // button { @extend %button_selected; } + // button { @extend %button-on-dark; } selection {} @@ -3165,7 +3165,7 @@ infobar { background-color: $error; color: on($error); - button { @extend %button_selected; } + button { @extend %button-on-dark; } selection {} diff --git a/src/_sass/gtk/apps/_budgie.scss b/src/_sass/gtk/apps/_budgie.scss index 95811e194..825eae5a2 100644 --- a/src/_sass/gtk/apps/_budgie.scss +++ b/src/_sass/gtk/apps/_budgie.scss @@ -219,7 +219,7 @@ button.raven-trigger { button { @extend %button-flat; - @extend %button_selected.flat; + @extend %button-on-dark.flat; min-height: 16px; min-width: 16px; @@ -424,7 +424,7 @@ calendar.raven-calendar { button.image-button { padding: ($large-size - 24px) / 2; - @extend %button_selected.flat; + @extend %button-on-dark.flat; } } diff --git a/src/_sass/gtk/apps/_mate.scss b/src/_sass/gtk/apps/_mate.scss index 8ba7e9ad2..0c14094af 100644 --- a/src/_sass/gtk/apps/_mate.scss +++ b/src/_sass/gtk/apps/_mate.scss @@ -18,7 +18,7 @@ button { @extend %button-flat; - @extend %button_selected.flat; + @extend %button-on-dark.flat; min-height: 16px; min-width: 16px; diff --git a/src/_sass/gtk/apps/_xfce.scss b/src/_sass/gtk/apps/_xfce.scss index 80fd19bc1..44ab0eb85 100644 --- a/src/_sass/gtk/apps/_xfce.scss +++ b/src/_sass/gtk/apps/_xfce.scss @@ -20,7 +20,7 @@ button { @extend %button-flat; - @extend %button_selected.flat; + @extend %button-on-dark.flat; min-height: 16px; min-width: 16px; From cad39175286f71ba19b228f64f50d74011815bb6 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 10:40:56 +0900 Subject: [PATCH 58/72] gtk: Update undershoot style This makes undershoots less noticeable slightly. Related issues: https://github.com/nana-4/materia-theme/issues/410 https://github.com/nana-4/materia-theme/issues/421 --- src/_sass/gtk/_drawing-3.20.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gtk/_drawing-3.20.scss b/src/_sass/gtk/_drawing-3.20.scss index e3160f1f6..0c74acc19 100644 --- a/src/_sass/gtk/_drawing-3.20.scss +++ b/src/_sass/gtk/_drawing-3.20.scss @@ -240,7 +240,7 @@ // $_undershoot_color_dark: $track; - $_undershoot_color_light: rgba($base, 0.3); + $_undershoot_color_light: transparent; $_gradient_dir: left; $_dash_bg_size: 12px 1px; From 901c192dce8943f7ddd68f5463969175d19a673f Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 10:51:03 +0900 Subject: [PATCH 59/72] change_color.sh: Fix permission --- change_color.sh | 0 1 file changed, 0 insertions(+), 0 deletions(-) mode change 100644 => 100755 change_color.sh diff --git a/change_color.sh b/change_color.sh old mode 100644 new mode 100755 From 87141566d14f0878e8ee10d03ba7d7c4db218d50 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 11:51:47 +0900 Subject: [PATCH 60/72] gnome-shell 3.32: Add missing .select-area-rubberband style I missed adding only this style in the 3.31 cycle... Fixes https://github.com/nana-4/materia-theme/issues/422 --- src/_sass/gnome-shell/_common-3.32.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 76be5fee5..7d041eab2 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -1361,6 +1361,12 @@ StScrollBar { background-image: none; } +// Rubberband for select-area screenshots +.select-area-rubberband { + background-color: rgba($primary-light, 0.3); + border: 1px solid $primary-light; +} + // not really top bar only .popup-menu-arrow { width: 16px; height: 16px; icon-size: em(16px); } .popup-menu-icon { icon-size: em(16px); } From 26aa140cf7d78f41d1697d7f630583c114071d20 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 12:13:27 +0900 Subject: [PATCH 61/72] gnome-shell 3.32: Remove unused styles --- src/_sass/gnome-shell/_common-3.32.scss | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 7d041eab2..28da7a890 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -210,13 +210,6 @@ StScrollBar { &:checked { background-image: url("assets/toggle-on.svg"); } } - @each $v in us, intl { - .toggle-switch-#{$v} { - background-image: url("assets/toggle-off.svg"); - &:checked { background-image: url("assets/toggle-on.svg"); } - } - } - /* links */ .shell-link { transition-duration: $duration; @@ -1368,7 +1361,7 @@ StScrollBar { } // not really top bar only -.popup-menu-arrow { width: 16px; height: 16px; icon-size: em(16px); } +.popup-menu-arrow { icon-size: em(16px); } .popup-menu-icon { icon-size: em(16px); } //close buttons From b0064374a6df8d5c2e29fa013a63146e64c58970 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 12:21:38 +0900 Subject: [PATCH 62/72] gnome-shell/README.md: Fix invalid command option 'mv' don't have '-a' option. --- src/gnome-shell/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/gnome-shell/README.md b/src/gnome-shell/README.md index 0d26ed777..c21e5abfa 100644 --- a/src/gnome-shell/README.md +++ b/src/gnome-shell/README.md @@ -53,13 +53,13 @@ To change the GDM (lock/login screen) theme, you need to replace the system's _d 1. Restore to the original theme file(s) from the backup: ```sh - sudo mv -av /usr/share/gnome-shell/gnome-shell-theme.gresource{~,} + sudo mv -v /usr/share/gnome-shell/gnome-shell-theme.gresource{~,} # For Ubuntu 17.10 or 18.04, you also need the following: - sudo mv -av /usr/share/gnome-shell/theme/ubuntu.css{~,} + sudo mv -v /usr/share/gnome-shell/theme/ubuntu.css{~,} # For Ubuntu 18.10, you also need the following: - sudo mv -av /usr/share/gnome-shell/theme/Yaru/gnome-shell.css{~,} + sudo mv -v /usr/share/gnome-shell/theme/Yaru/gnome-shell.css{~,} ``` 2. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`. From 252de0120c0328f2f9a920024f690d11a8524067 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 12:47:50 +0900 Subject: [PATCH 63/72] metacity: Increase window frame thickness This is uglier, but the 1px frame is too hard to resize the window. --- src/metacity-1/metacity-theme-2-light.xml | 14 +++++++------- src/metacity-1/metacity-theme-2.xml | 14 +++++++------- src/metacity-1/metacity-theme-3.xml | 14 +++++++------- 3 files changed, 21 insertions(+), 21 deletions(-) diff --git a/src/metacity-1/metacity-theme-2-light.xml b/src/metacity-1/metacity-theme-2-light.xml index 9d51e602d..6f7bc9bdb 100644 --- a/src/metacity-1/metacity-theme-2-light.xml +++ b/src/metacity-1/metacity-theme-2-light.xml @@ -21,9 +21,9 @@ - - - + + + @@ -57,10 +57,10 @@ - - - - + + + + diff --git a/src/metacity-1/metacity-theme-2.xml b/src/metacity-1/metacity-theme-2.xml index 84964ba14..57e2c3247 100644 --- a/src/metacity-1/metacity-theme-2.xml +++ b/src/metacity-1/metacity-theme-2.xml @@ -21,9 +21,9 @@ - - - + + + @@ -57,10 +57,10 @@ - - - - + + + + diff --git a/src/metacity-1/metacity-theme-3.xml b/src/metacity-1/metacity-theme-3.xml index 80a4e94e8..e8a3f86e6 100644 --- a/src/metacity-1/metacity-theme-3.xml +++ b/src/metacity-1/metacity-theme-3.xml @@ -21,9 +21,9 @@ - - - + + + @@ -57,10 +57,10 @@ - - - - + + + + From d60e5a182c280ee5813fa843bf2e826e03debd5c Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 14:02:50 +0900 Subject: [PATCH 64/72] Regenerate CSSs --- .../chrome-scrollbar-dark/scrollbars.css | 11 +- src/chrome/chrome-scrollbar/scrollbars.css | 11 +- src/cinnamon/cinnamon-compact.css | 12 +- src/cinnamon/cinnamon-light-compact.css | 12 +- src/cinnamon/cinnamon-light.css | 12 +- src/cinnamon/cinnamon.css | 12 +- src/gnome-shell/3.18/gnome-shell-compact.css | 40 +- .../3.18/gnome-shell-dark-compact.css | 4 +- .../3.18/gnome-shell-light-compact.css | 40 +- src/gnome-shell/3.18/gnome-shell-light.css | 36 +- src/gnome-shell/3.18/gnome-shell.css | 36 +- src/gnome-shell/3.24/gnome-shell-compact.css | 38 +- .../3.24/gnome-shell-dark-compact.css | 4 +- .../3.24/gnome-shell-light-compact.css | 38 +- src/gnome-shell/3.24/gnome-shell-light.css | 34 +- src/gnome-shell/3.24/gnome-shell.css | 34 +- src/gnome-shell/3.26/gnome-shell-compact.css | 38 +- .../3.26/gnome-shell-dark-compact.css | 4 +- .../3.26/gnome-shell-light-compact.css | 38 +- src/gnome-shell/3.26/gnome-shell-light.css | 34 +- src/gnome-shell/3.26/gnome-shell.css | 34 +- src/gnome-shell/3.28/gnome-shell-compact.css | 38 +- .../3.28/gnome-shell-dark-compact.css | 4 +- .../3.28/gnome-shell-light-compact.css | 38 +- src/gnome-shell/3.28/gnome-shell-light.css | 34 +- src/gnome-shell/3.28/gnome-shell.css | 34 +- src/gnome-shell/3.30/gnome-shell-compact.css | 38 +- .../3.30/gnome-shell-dark-compact.css | 4 +- .../3.30/gnome-shell-light-compact.css | 38 +- src/gnome-shell/3.30/gnome-shell-light.css | 34 +- src/gnome-shell/3.30/gnome-shell.css | 34 +- src/gnome-shell/3.32/gnome-shell-compact.css | 67 +-- .../3.32/gnome-shell-dark-compact.css | 27 +- src/gnome-shell/3.32/gnome-shell-dark.css | 23 +- .../3.32/gnome-shell-light-compact.css | 67 +-- src/gnome-shell/3.32/gnome-shell-light.css | 63 +-- src/gnome-shell/3.32/gnome-shell.css | 63 +-- src/gtk/3.0/gtk-compact.css | 438 +++++++++------- src/gtk/3.0/gtk-dark-compact.css | 394 ++++++++------- src/gtk/3.0/gtk-dark.css | 394 ++++++++------- src/gtk/3.0/gtk-light-compact.css | 466 ++++++++++-------- src/gtk/3.0/gtk-light.css | 466 ++++++++++-------- src/gtk/3.0/gtk.css | 438 +++++++++------- 43 files changed, 2010 insertions(+), 1714 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark/scrollbars.css b/src/chrome/chrome-scrollbar-dark/scrollbars.css index 8fff2de3c..55aea6c5d 100644 --- a/src/chrome/chrome-scrollbar-dark/scrollbars.css +++ b/src/chrome/chrome-scrollbar-dark/scrollbars.css @@ -3,8 +3,7 @@ width: 17px; height: 17px; border: 0 solid rgba(255, 255, 255, 0.12); - background-color: rgba(44, 44, 44, 0.9); - background-clip: border-box; + background-color: rgba(60, 60, 60, 0.9); } ::-webkit-scrollbar:horizontal, @@ -17,6 +16,10 @@ border-left-width: 1px; } +::-webkit-scrollbar { + background-clip: padding-box; +} + ::-webkit-scrollbar-thumb { width: 32px; height: 32px; @@ -49,3 +52,7 @@ ::-webkit-scrollbar-thumb:disabled { background-color: rgba(255, 255, 255, 0.3); } + +::selection { + background-color: rgba(26, 115, 232, 0.24); +} diff --git a/src/chrome/chrome-scrollbar/scrollbars.css b/src/chrome/chrome-scrollbar/scrollbars.css index acc50cbe7..5e91d25a9 100644 --- a/src/chrome/chrome-scrollbar/scrollbars.css +++ b/src/chrome/chrome-scrollbar/scrollbars.css @@ -4,7 +4,6 @@ height: 17px; border: 0 solid rgba(0, 0, 0, 0.12); background-color: rgba(255, 255, 255, 0.9); - background-clip: padding-box; } ::-webkit-scrollbar:horizontal, @@ -17,6 +16,10 @@ border-left-width: 1px; } +::-webkit-scrollbar { + background-clip: padding-box; +} + ::-webkit-scrollbar-thumb { width: 32px; height: 32px; @@ -39,7 +42,7 @@ } ::-webkit-scrollbar-thumb:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } ::-webkit-scrollbar-thumb:active { @@ -49,3 +52,7 @@ ::-webkit-scrollbar-thumb:disabled { background-color: rgba(0, 0, 0, 0.26); } + +::selection { + background-color: rgba(26, 115, 232, 0.24); +} diff --git a/src/cinnamon/cinnamon-compact.css b/src/cinnamon/cinnamon-compact.css index 32d27c82a..0bdc7fbcf 100644 --- a/src/cinnamon/cinnamon-compact.css +++ b/src/cinnamon/cinnamon-compact.css @@ -265,7 +265,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { @@ -343,7 +343,7 @@ StScrollView StScrollBar { } .popup-image-menu-item { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { @@ -1059,7 +1059,7 @@ StScrollView StScrollBar { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1087,7 +1087,7 @@ StScrollView StScrollBar { } .run-dialog-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -1266,7 +1266,7 @@ StScrollView StScrollBar { .menu-category-button-greyed { padding: 0.4em 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-style: italic; } @@ -1524,7 +1524,7 @@ StScrollView StScrollBar { min-width: 300px; padding: 12px 16px; spacing: 0.5em; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .workspace-button { diff --git a/src/cinnamon/cinnamon-light-compact.css b/src/cinnamon/cinnamon-light-compact.css index 32d27c82a..0bdc7fbcf 100644 --- a/src/cinnamon/cinnamon-light-compact.css +++ b/src/cinnamon/cinnamon-light-compact.css @@ -265,7 +265,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { @@ -343,7 +343,7 @@ StScrollView StScrollBar { } .popup-image-menu-item { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { @@ -1059,7 +1059,7 @@ StScrollView StScrollBar { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1087,7 +1087,7 @@ StScrollView StScrollBar { } .run-dialog-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -1266,7 +1266,7 @@ StScrollView StScrollBar { .menu-category-button-greyed { padding: 0.4em 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-style: italic; } @@ -1524,7 +1524,7 @@ StScrollView StScrollBar { min-width: 300px; padding: 12px 16px; spacing: 0.5em; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .workspace-button { diff --git a/src/cinnamon/cinnamon-light.css b/src/cinnamon/cinnamon-light.css index 6216b2729..2a55f48bd 100644 --- a/src/cinnamon/cinnamon-light.css +++ b/src/cinnamon/cinnamon-light.css @@ -265,7 +265,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { @@ -343,7 +343,7 @@ StScrollView StScrollBar { } .popup-image-menu-item { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { @@ -1059,7 +1059,7 @@ StScrollView StScrollBar { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1087,7 +1087,7 @@ StScrollView StScrollBar { } .run-dialog-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -1266,7 +1266,7 @@ StScrollView StScrollBar { .menu-category-button-greyed { padding: 0.4em 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-style: italic; } @@ -1524,7 +1524,7 @@ StScrollView StScrollBar { min-width: 300px; padding: 12px 16px; spacing: 0.5em; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .workspace-button { diff --git a/src/cinnamon/cinnamon.css b/src/cinnamon/cinnamon.css index 6216b2729..2a55f48bd 100644 --- a/src/cinnamon/cinnamon.css +++ b/src/cinnamon/cinnamon.css @@ -265,7 +265,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StBin#trough { @@ -343,7 +343,7 @@ StScrollView StScrollBar { } .popup-image-menu-item { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-combobox-item { @@ -1059,7 +1059,7 @@ StScrollView StScrollBar { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1087,7 +1087,7 @@ StScrollView StScrollBar { } .run-dialog-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -1266,7 +1266,7 @@ StScrollView StScrollBar { .menu-category-button-greyed { padding: 0.4em 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-style: italic; } @@ -1524,7 +1524,7 @@ StScrollView StScrollBar { min-width: 300px; padding: 12px 16px; spacing: 0.5em; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .workspace-button { diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 35b72d613..2c8609836 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1051,8 +1051,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 100ms; @@ -1185,7 +1185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .message-list-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1347,7 +1347,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 6px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); background-color: transparent; } @@ -1400,7 +1400,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-secondary-bin > StIcon { @@ -1418,7 +1418,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1427,7 +1427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1448,7 +1448,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2227,7 +2227,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2440,7 +2440,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2904,7 +2904,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3286,7 +3286,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index 82298c38b..7633ea197 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -1051,8 +1051,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 100ms; diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index 57d794f9f..cc17fedb3 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1051,8 +1051,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 100ms; @@ -1185,7 +1185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .message-list-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1347,7 +1347,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 6px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); background-color: transparent; } @@ -1400,7 +1400,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-secondary-bin > StIcon { @@ -1418,7 +1418,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1427,7 +1427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1448,7 +1448,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2227,7 +2227,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2440,7 +2440,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2904,7 +2904,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3286,7 +3286,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index 0fc17c3cc..181c21aad 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1185,7 +1185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .message-list-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1347,7 +1347,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); background-color: transparent; } @@ -1400,7 +1400,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-secondary-bin > StIcon { @@ -1418,7 +1418,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1427,7 +1427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1448,7 +1448,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2227,7 +2227,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2440,7 +2440,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2904,7 +2904,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3286,7 +3286,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index d74433b00..a68f72116 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1185,7 +1185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .message-list-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1347,7 +1347,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); background-color: transparent; } @@ -1400,7 +1400,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-secondary-bin > StIcon { @@ -1418,7 +1418,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1427,7 +1427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1448,7 +1448,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2227,7 +2227,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2440,7 +2440,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2904,7 +2904,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3286,7 +3286,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index 4109c55ac..3e1ed386a 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -948,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1059,8 +1059,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 100ms; @@ -1215,7 +1215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1438,7 +1438,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1460,7 +1460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1469,7 +1469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1490,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1576,7 +1576,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2262,7 +2262,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2274,7 +2274,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2487,7 +2487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2951,7 +2951,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3333,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index a821a31a1..d7d6e6184 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -1059,8 +1059,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 100ms; diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index 650c2f60a..eb063dd54 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -948,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1059,8 +1059,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); transition-duration: 100ms; @@ -1215,7 +1215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1438,7 +1438,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1460,7 +1460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1469,7 +1469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1490,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1576,7 +1576,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2262,7 +2262,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2274,7 +2274,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2487,7 +2487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2951,7 +2951,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3333,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index e513ba9b6..26b92193e 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -948,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1215,7 +1215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1438,7 +1438,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1460,7 +1460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1469,7 +1469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1490,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1576,7 +1576,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2262,7 +2262,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2274,7 +2274,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2487,7 +2487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2951,7 +2951,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3333,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index 5789e556c..43def4421 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -481,7 +481,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -705,7 +705,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -731,7 +731,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -948,7 +948,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1215,7 +1215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1438,7 +1438,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1460,7 +1460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1469,7 +1469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1490,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1576,7 +1576,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2262,7 +2262,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2274,7 +2274,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2487,7 +2487,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2951,7 +2951,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3333,7 +3333,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index 9c4f7d6c9..81632ba13 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1047,8 +1047,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2464,7 +2464,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2928,7 +2928,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3310,7 +3310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index d8c783d1a..fec93c1d9 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -1047,8 +1047,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index 369b381cb..0aaa5e55d 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1047,8 +1047,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2464,7 +2464,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2928,7 +2928,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3310,7 +3310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index 22dc2a015..122665410 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2464,7 +2464,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2928,7 +2928,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3310,7 +3310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index eab9f2b29..82797de38 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2464,7 +2464,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2928,7 +2928,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3310,7 +3310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index a7de61cb0..ea4ac155c 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1047,8 +1047,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2507,7 +2507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2971,7 +2971,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3353,7 +3353,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 1c4b07284..c87db1583 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -1047,8 +1047,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index 3a3874209..b42a3ec51 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1047,8 +1047,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2507,7 +2507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2971,7 +2971,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3353,7 +3353,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index 528fae561..a2c59f4c4 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2507,7 +2507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2971,7 +2971,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3353,7 +3353,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index ecd7f635f..8d88b0eab 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -389,7 +389,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -420,7 +420,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -505,7 +505,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -714,7 +714,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1248,7 +1248,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1471,7 +1471,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1493,7 +1493,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1502,7 +1502,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1523,7 +1523,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1609,7 +1609,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2294,7 +2294,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2306,7 +2306,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2507,7 +2507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2971,7 +2971,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3353,7 +3353,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index bead2442f..bcc32ca7a 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -392,7 +392,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -423,7 +423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -508,7 +508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -717,7 +717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1048,8 +1048,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1253,7 +1253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1477,7 +1477,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1499,7 +1499,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1508,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1616,7 +1616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2301,7 +2301,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2313,7 +2313,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2514,7 +2514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2978,7 +2978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3360,7 +3360,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index 3cde1187a..102d75a5e 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -1048,8 +1048,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 6f8c41ea3..2ea72a4c6 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -392,7 +392,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -423,7 +423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -508,7 +508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -717,7 +717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1048,8 +1048,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1253,7 +1253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1477,7 +1477,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1499,7 +1499,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1508,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1616,7 +1616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -2301,7 +2301,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2313,7 +2313,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2514,7 +2514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2978,7 +2978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3360,7 +3360,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index 503699e03..2826beb5c 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -392,7 +392,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -423,7 +423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -508,7 +508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -717,7 +717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1253,7 +1253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1477,7 +1477,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1499,7 +1499,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1508,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1616,7 +1616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2301,7 +2301,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2313,7 +2313,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2514,7 +2514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2978,7 +2978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3360,7 +3360,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index 78779c7b6..9d0e6cd47 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -392,7 +392,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -423,7 +423,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -508,7 +508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -717,7 +717,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -936,7 +936,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1253,7 +1253,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1477,7 +1477,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1499,7 +1499,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1508,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1529,7 +1529,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1616,7 +1616,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -2301,7 +2301,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2313,7 +2313,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2514,7 +2514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -2978,7 +2978,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3360,7 +3360,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index 31570255f..2d59cbc55 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -320,22 +320,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - /* links */ .shell-link { transition-duration: 100ms; @@ -397,7 +381,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -428,7 +412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -513,7 +497,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -722,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -942,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1054,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1259,7 +1243,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1284,7 +1268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-feature-settings: "tnum"; font-size: 1em; } @@ -1300,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } @@ -1327,7 +1311,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .pager-button:hover, .pager-button:focus { @@ -1512,7 +1496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1534,7 +1518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1543,7 +1527,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1564,7 +1548,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1651,7 +1635,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -1691,9 +1675,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; +} + .popup-menu-arrow { - width: 16px; - height: 16px; icon-size: 1.14286em; } @@ -2359,7 +2346,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2371,7 +2358,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2617,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -3081,7 +3068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3463,7 +3450,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index 95ec52f98..f2c4e4d00 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -320,22 +320,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - /* links */ .shell-link { transition-duration: 100ms; @@ -1054,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1691,9 +1675,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; +} + .popup-menu-arrow { - width: 16px; - height: 16px; icon-size: 1.14286em; } diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index 046b1a2ba..dd8b9259c 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -320,22 +320,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - /* links */ .shell-link { transition-duration: 100ms; @@ -1691,9 +1675,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; +} + .popup-menu-arrow { - width: 16px; - height: 16px; icon-size: 1.14286em; } diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index b7af08e44..8c62a067e 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -320,22 +320,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - /* links */ .shell-link { transition-duration: 100ms; @@ -397,7 +381,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -428,7 +412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -513,7 +497,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -722,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -942,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1054,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; + -natural-hpadding: 8px; + -minimum-hpadding: 4px; font-weight: bold; color: rgba(255, 255, 255, 0.7); text-shadow: none; @@ -1259,7 +1243,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1284,7 +1268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-feature-settings: "tnum"; font-size: 1em; } @@ -1300,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } @@ -1327,7 +1311,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .pager-button:hover, .pager-button:focus { @@ -1512,7 +1496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1534,7 +1518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1543,7 +1527,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1564,7 +1548,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1651,7 +1635,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 12px; @@ -1691,9 +1675,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; +} + .popup-menu-arrow { - width: 16px; - height: 16px; icon-size: 1.14286em; } @@ -2359,7 +2346,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2371,7 +2358,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2617,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -3081,7 +3068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3463,7 +3450,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index 0f2bb09ce..c208d6b7d 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -320,22 +320,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - /* links */ .shell-link { transition-duration: 100ms; @@ -397,7 +381,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -428,7 +412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -513,7 +497,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -722,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -942,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1259,7 +1243,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1284,7 +1268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-feature-settings: "tnum"; font-size: 1em; } @@ -1300,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } @@ -1327,7 +1311,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .pager-button:hover, .pager-button:focus { @@ -1512,7 +1496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1534,7 +1518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1543,7 +1527,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1564,7 +1548,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1651,7 +1635,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -1691,9 +1675,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; +} + .popup-menu-arrow { - width: 16px; - height: 16px; icon-size: 1.14286em; } @@ -2359,7 +2346,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2371,7 +2358,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2617,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -3081,7 +3068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3463,7 +3450,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index ac1a51839..9a277f768 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -221,7 +221,7 @@ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { @@ -320,22 +320,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - /* links */ .shell-link { transition-duration: 100ms; @@ -397,7 +381,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); padding-bottom: .4em; } @@ -428,7 +412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: normal; } @@ -513,7 +497,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -722,7 +706,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* Inhibit-Shortcuts Dialog */ @@ -942,7 +926,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { transition-duration: 100ms; border-color: rgba(0, 0, 0, 0); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .switcher-arrow:highlighted { @@ -1259,7 +1243,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: bold; } @@ -1284,7 +1268,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .world-clocks-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-feature-settings: "tnum"; font-size: 1em; } @@ -1300,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-time { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 9pt; font-weight: 400; } @@ -1327,7 +1311,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .pager-button:hover, .pager-button:focus { @@ -1512,7 +1496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1534,7 +1518,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: 1em; } @@ -1543,7 +1527,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /* FIXME: how do you do this in sass? */ @@ -1564,7 +1548,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .message-media-control:hover, .message-media-control:focus { @@ -1651,7 +1635,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .system-menu-action { -st-icon-style: symbolic; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -1691,9 +1675,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-image: none; } +.select-area-rubberband { + background-color: rgba(138, 180, 248, 0.3); + border: 1px solid #8AB4F8; +} + .popup-menu-arrow { - width: 16px; - height: 16px; icon-size: 1.14286em; } @@ -2359,7 +2346,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-sent:rtl { @@ -2371,7 +2358,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .chat-meta-message:rtl { @@ -2617,7 +2604,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .candidate-box { @@ -3081,7 +3068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); transition-duration: 100ms; padding-left: 16px; padding-right: 16px; @@ -3463,7 +3450,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .search-entry .search-entry-icon { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { diff --git a/src/gtk/3.0/gtk-compact.css b/src/gtk/3.0/gtk-compact.css index 8a375ea2b..afeedce34 100644 --- a/src/gtk/3.0/gtk-compact.css +++ b/src/gtk/3.0/gtk-compact.css @@ -111,7 +111,7 @@ textview text { textview border { background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .rubberband, @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } label:disabled { @@ -152,8 +152,14 @@ button label:disabled { color: inherit; } +label.osd { + border-radius: 4px; + background-color: rgba(97, 97, 97, 0.9); + color: white; +} + .dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } assistant .sidebar { @@ -238,7 +244,7 @@ entry.flat { spinbutton:not(.vertical) image, entry image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, @@ -267,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -278,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -410,7 +416,7 @@ spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.ve } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { @@ -462,7 +468,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /*********** @@ -537,9 +543,9 @@ button:checked:disabled { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, -.path-bar button, popover.background.menu button, -popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; @@ -549,14 +555,14 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } modelbutton.flat:focus, .menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, -radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, -.path-bar button:focus, popover.background.menu button:focus, -popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, button.flat:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); @@ -568,44 +574,50 @@ spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, scrollbar button:drop(active), check:hover, radio:hover, calendar.button:hover, button.sidebar-button:hover, -button.sidebar-button:drop(active), infobar.info button:hover, -infobar.info button:drop(active), infobar.question button:hover, -infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, .gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, #MatePanelPopupWindow button:drop(active), #mate-menu button:hover, -#mate-menu button:drop(active), .lock-dialog button:hover, -.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, -.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, -.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, .caja-pathbar button:drop(active), -.path-bar button:hover, -.path-bar button:drop(active), popover.background.menu button:hover, -popover.background.menu button:drop(active), -popover.background button.model:hover, -popover.background button.model:drop(active), layouttabbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, .raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, .xfce4-panel.background button:drop(active), toolbar button:hover, toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, -filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, .nemo-window .toolbar button:drop(active), button.flat:hover, toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:drop(active), button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -614,9 +626,9 @@ button.flat:drop(active) { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, -.path-bar button:active, popover.background.menu button:active, -popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; @@ -628,9 +640,9 @@ button.flat:active { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, -.path-bar button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; @@ -638,16 +650,16 @@ button.flat:disabled { } combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, -.path-bar button:checked, popover.background.menu button:checked, -popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, -.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); @@ -660,7 +672,8 @@ button.text-button { padding-right: 16px; } -toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, button.text-button.flat { min-width: 48px; padding-left: 8px; @@ -690,12 +703,12 @@ button.text-button.image-button label:last-child { margin-right: 12px; } -toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, button.text-button.image-button.flat label:first-child { margin-left: 8px; } -toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, button.text-button.image-button.flat label:last-child { margin-right: 8px; } @@ -705,13 +718,20 @@ button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), .nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > @@ -719,39 +739,33 @@ button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, -toolbar .linked.vertical > button:not(:only-child).image-button, -.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > -button.flat:not(:only-child).image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat:not(:only-child).image-button { +button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } -toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, -toolbar .linked.vertical > button:not(:only-child).text-button.image-button, -.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > -button.flat:not(:only-child).text-button.image-button, -.linked.vertical > -button.flat:not(:only-child).text-button.image-button { - border-radius: 4px; -} - infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven-mpris button.image-button:hover, @@ -928,31 +942,31 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side border-bottom-right-radius: 0; } -.linked:not(.vertical) > button.image-button:first-child { +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.linked:not(.vertical) > button.image-button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.linked:not(.vertical) > button.image-button:only-child { +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } -.linked.vertical > button.image-button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } -.linked.vertical > button.image-button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } -.linked.vertical > button.image-button:only-child { +.linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } @@ -1018,7 +1032,7 @@ spinbutton:not(.vertical) button { spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { @@ -1047,7 +1061,7 @@ spinbutton.vertical button { spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical button.up { @@ -1540,7 +1554,7 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; @@ -1548,33 +1562,33 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta } .caja-pathbar button:checked, -.path-bar button:checked { +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, -.path-bar button:checked, -.path-bar button:checked:disabled { +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, -.path-bar button.text-button { +.path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, -.path-bar button.slider-button { +.path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } @@ -1627,7 +1641,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { @@ -1678,7 +1692,7 @@ treeview.view header button { } treeview.view header button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view header button, treeview.view header button:disabled { @@ -1835,7 +1849,7 @@ menu > arrow, min-width: 16px; padding: 4px; background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu > arrow.top, @@ -1879,7 +1893,7 @@ menu separator, } menuitem accelerator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { @@ -2108,7 +2122,7 @@ notebook > header tab { background-position: center; background-size: 0% 0%; background-clip: border-box; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -2199,7 +2213,6 @@ notebook > stack:not(:only-child) { scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; - background-clip: padding-box; } * { @@ -2234,7 +2247,7 @@ scrollbar slider { } scrollbar slider:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { @@ -2475,7 +2488,7 @@ radio:disabled { popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat @@ -2509,7 +2522,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2561,7 +2574,7 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; @@ -2569,17 +2582,17 @@ menu menuitem check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2587,12 +2600,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -2611,7 +2624,7 @@ treeview.view radio:selected { treeview.view check, treeview.view radio { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view check:hover, treeview.view check:active, @@ -2748,7 +2761,7 @@ scale slider:active { scale marks, scale value { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } scale indicator { @@ -2890,7 +2903,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -3044,7 +3057,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3067,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3077,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3074,7 +3087,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3135,7 +3148,8 @@ row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie } row.activatable:hover, treeview.view header button:hover, -treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -3175,6 +3189,10 @@ row:selected:disabled label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #1A73E8; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3189,7 +3207,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { @@ -3232,7 +3250,7 @@ calendar.header { } calendar.highlight { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -3257,7 +3275,7 @@ messagedialog .titlebar { messagedialog .titlebar:backdrop { background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { @@ -3330,6 +3348,7 @@ stacksidebar.sidebar row { stacksidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } @@ -3351,7 +3370,12 @@ separator.sidebar { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(0, 0, 0, 0.54); + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { @@ -3375,9 +3399,14 @@ placessidebar.sidebar row > revealer { placessidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } +placessidebar.sidebar row:selected image.sidebar-icon { + color: #1A73E8; +} + placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } @@ -3390,6 +3419,10 @@ placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } @@ -3398,11 +3431,6 @@ placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar.sidebar row:selected image.sidebar-icon, -placessidebar.sidebar row:selected label.sidebar-label { - color: inherit; -} - placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } @@ -3411,6 +3439,10 @@ placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #1A73E8; +} + placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -3495,11 +3527,6 @@ infobar.info, infobar.question { background-color: #FFFFFF; } -infobar.info button.text-button, infobar.question button.text-button { - padding-left: 8px; - padding-right: 8px; -} - infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; } @@ -3662,12 +3689,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - 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 6px 18px 5px transparent; + 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; margin: 8px; } decoration:backdrop { - 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 6px 18px 5px transparent; + 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; } .maximized decoration, @@ -3852,7 +3879,7 @@ popover.emoji-completion .emoji:hover { .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { @@ -3930,7 +3957,6 @@ popover.emoji-completion .emoji:hover { border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); - background-clip: padding-box; } .nautilus-window .floating-bar.bottom.left { @@ -4027,18 +4053,18 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-window paned > separator { - background-color: #F2F2F2; + background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -4074,7 +4100,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { @@ -4249,7 +4275,7 @@ entry.search-missing { } window.workbench treeview.image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { @@ -4281,7 +4307,7 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { @@ -4378,7 +4404,7 @@ docktab { background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -4801,6 +4827,15 @@ button.image-button.session-new-button { min-width: 28px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ @@ -4840,37 +4875,46 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #F2F2F2; + background-color: #FFFFFF; } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { +window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #1A73E8; } -window.background.chromium > button:hover, -window.background.chromium > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(0, 0, 0, 0.26); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.12)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(255, 255, 255, 0.7); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } -window.background.chromium textview { +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #1A73E8; + color: white; +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } @@ -4881,103 +4925,106 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #FFFFFF; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #1A73E8; + color: white; +} + +#MozillaGtkWidget > widget > separator { + color: rgba(0, 0, 0, 0.12); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { +#MozillaGtkWidget > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } -window.background:not(.csd) > widget > entry:disabled { +#MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover, -window.background:not(.csd) > widget > button > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { +#MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { color: #212121; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { +#MozillaGtkWidget menu { border: none; } -text:selected { - background-color: #1A73E8; - color: white; -} - -window.background:not(.csd) > widget > menubar { +#MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.7); } -window.background:not(.csd) > widget > menubar:hover { +#MozillaGtkWidget > widget > menubar:hover { color: white; } -window.background:not(.csd) > widget > menubar:disabled { +#MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } -window.background:not(.csd) > widget > frame { +#MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { - margin: 0; - padding: 0; -} - -window.background:not(.csd) > window.background > menu > separator { +#MozillaGtkWidget menu > separator { color: rgba(0, 0, 0, 0.12); } @@ -5356,7 +5403,7 @@ na-tray-applet { #mate-menu button image, #mate-menu button label + label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } #mate-menu entry { @@ -5445,6 +5492,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5580,6 +5631,10 @@ na-tray-applet { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #1A73E8; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; @@ -5878,7 +5933,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -6045,7 +6101,7 @@ calendar.raven-calendar:selected { } .budgie-notification .notification-body, .budgie-switcher .notification-body { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { @@ -6094,7 +6150,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { @@ -6266,6 +6322,10 @@ XfdesktopIconView.view .rubberband { padding-bottom: 16px; } +.lightdm-gtk-greeter button:not(:disabled) { + color: #1A73E8; +} + #buttonbox_frame { padding-top: 24px; } @@ -6399,4 +6459,4 @@ read if you used those and something break with a version upgrade you're on your /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #757575; +@define-color placeholder_text_color #666666; diff --git a/src/gtk/3.0/gtk-dark-compact.css b/src/gtk/3.0/gtk-dark-compact.css index 7e3e055c6..98c4174d8 100644 --- a/src/gtk/3.0/gtk-dark-compact.css +++ b/src/gtk/3.0/gtk-dark-compact.css @@ -152,6 +152,12 @@ button label:disabled { color: inherit; } +label.osd { + border-radius: 4px; + background-color: rgba(97, 97, 97, 0.9); + color: white; +} + .dim-label { color: rgba(255, 255, 255, 0.7); } @@ -267,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -278,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -340,7 +346,7 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 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: #2C2C2C; + background-color: #3C3C3C; color: white; } @@ -379,7 +385,7 @@ spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vert } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { @@ -410,7 +416,7 @@ spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.ve } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { @@ -537,9 +543,9 @@ button:checked:disabled { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, -.path-bar button, popover.background.menu button, -popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; @@ -554,9 +560,9 @@ button.flat { modelbutton.flat:focus, .menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, -radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, -.path-bar button:focus, popover.background.menu button:focus, -popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, button.flat:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: white; @@ -568,44 +574,50 @@ spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, scrollbar button:drop(active), check:hover, radio:hover, calendar.button:hover, button.sidebar-button:hover, -button.sidebar-button:drop(active), infobar.info button:hover, -infobar.info button:drop(active), infobar.question button:hover, -infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, .gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, #MatePanelPopupWindow button:drop(active), #mate-menu button:hover, -#mate-menu button:drop(active), .lock-dialog button:hover, -.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, -.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, -.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, .caja-pathbar button:drop(active), -.path-bar button:hover, -.path-bar button:drop(active), popover.background.menu button:hover, -popover.background.menu button:drop(active), -popover.background button.model:hover, -popover.background button.model:drop(active), layouttabbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, .raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, .xfce4-panel.background button:drop(active), toolbar button:hover, toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, -filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, .nemo-window .toolbar button:drop(active), button.flat:hover, toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:drop(active), button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -614,9 +626,9 @@ button.flat:drop(active) { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, -.path-bar button:active, popover.background.menu button:active, -popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; @@ -628,9 +640,9 @@ button.flat:active { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, -.path-bar button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; @@ -638,16 +650,16 @@ button.flat:disabled { } combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, -.path-bar button:checked, popover.background.menu button:checked, -popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { background-color: alpha(currentColor, 0.12); color: white; } combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, -.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.5); @@ -660,7 +672,8 @@ button.text-button { padding-right: 16px; } -toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, button.text-button.flat { min-width: 48px; padding-left: 8px; @@ -690,12 +703,12 @@ button.text-button.image-button label:last-child { margin-right: 12px; } -toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, button.text-button.image-button.flat label:first-child { margin-left: 8px; } -toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, button.text-button.image-button.flat label:last-child { margin-right: 8px; } @@ -705,13 +718,20 @@ button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), .nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > @@ -719,39 +739,33 @@ button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, -toolbar .linked.vertical > button:not(:only-child).image-button, -.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > -button.flat:not(:only-child).image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat:not(:only-child).image-button { +button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } -toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, -toolbar .linked.vertical > button:not(:only-child).text-button.image-button, -.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > -button.flat:not(:only-child).text-button.image-button, -.linked.vertical > -button.flat:not(:only-child).text-button.image-button { - border-radius: 4px; -} - infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven-mpris button.image-button:hover, @@ -928,31 +942,31 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side border-bottom-right-radius: 0; } -.linked:not(.vertical) > button.image-button:first-child { +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.linked:not(.vertical) > button.image-button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.linked:not(.vertical) > button.image-button:only-child { +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } -.linked.vertical > button.image-button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } -.linked.vertical > button.image-button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } -.linked.vertical > button.image-button:only-child { +.linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } @@ -1405,7 +1419,7 @@ searchbar > revealer > box { } .titlebar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode .subtitle:link { @@ -1431,7 +1445,7 @@ searchbar > revealer > box { } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { @@ -1439,7 +1453,7 @@ searchbar > revealer > box { } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { @@ -1540,7 +1554,7 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; @@ -1548,33 +1562,33 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta } .caja-pathbar button:checked, -.path-bar button:checked { +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, -.path-bar button:checked, -.path-bar button:checked:disabled { +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, -.path-bar button.text-button { +.path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, -.path-bar button.slider-button { +.path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } @@ -2199,7 +2213,6 @@ notebook > stack:not(:only-child) { scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #2C2C2C; - background-clip: border-box; } * { @@ -2306,7 +2319,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(44, 44, 44, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal slider { @@ -2561,7 +2574,7 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(255, 255, 255, 0.3)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; @@ -2569,17 +2582,17 @@ menu menuitem check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2587,12 +2600,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -3044,7 +3057,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3067,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3077,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -3074,7 +3087,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -3135,7 +3148,8 @@ row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie } row.activatable:hover, treeview.view header button:hover, -treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -3175,6 +3189,10 @@ row:selected:disabled label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #8AB4F8; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3330,6 +3348,7 @@ stacksidebar.sidebar row { stacksidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #8AB4F8; font-weight: 500; } @@ -3351,9 +3370,14 @@ separator.sidebar { * File chooser * ****************/ row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.7); } +row image.sidebar-icon:disabled { + color: rgba(255, 255, 255, 0.3); +} + placessidebar.sidebar > viewport.frame { border-style: none; } @@ -3375,9 +3399,14 @@ placessidebar.sidebar row > revealer { placessidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #8AB4F8; font-weight: 500; } +placessidebar.sidebar row:selected image.sidebar-icon { + color: #8AB4F8; +} + placessidebar.sidebar row:disabled { color: rgba(255, 255, 255, 0.5); } @@ -3390,6 +3419,10 @@ placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } @@ -3398,11 +3431,6 @@ placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar.sidebar row:selected image.sidebar-icon, -placessidebar.sidebar row:selected label.sidebar-label { - color: inherit; -} - placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } @@ -3411,6 +3439,10 @@ placessidebar.sidebar row.sidebar-new-bookmark-row { color: #8AB4F8; } +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #8AB4F8; +} + placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -3495,11 +3527,6 @@ infobar.info, infobar.question { background-color: #2C2C2C; } -infobar.info button.text-button, infobar.question button.text-button { - padding-left: 8px; - padding-right: 8px; -} - infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #8AB4F8; } @@ -3662,12 +3689,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - 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 6px 18px 5px transparent; + 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; margin: 8px; } decoration:backdrop { - 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 6px 18px 5px transparent; + 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; } .maximized decoration, @@ -3929,8 +3956,7 @@ popover.emoji-completion .emoji:hover { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; - background-color: rgba(44, 44, 44, 0.9); - background-clip: border-box; + background-color: rgba(60, 60, 60, 0.9); } .nautilus-window .floating-bar.bottom.left { @@ -4031,7 +4057,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-window paned > separator { - background-color: #212121; + background-color: #2C2C2C; } /********* @@ -4108,7 +4134,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, @@ -4801,6 +4827,15 @@ button.image-button.session-new-button { min-width: 28px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ @@ -4844,34 +4879,43 @@ window.background.chromium { } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { - border: 1px solid rgba(0, 0, 0, 0.26); +window.background.chromium > button { + border: 1px solid rgba(255, 255, 255, 0.3); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #8AB4F8; } -window.background.chromium > button:hover, -window.background.chromium > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(255, 255, 255, 0.3); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.12)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(255, 255, 255, 0.7); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #8AB4F8; } -window.background.chromium textview { - background-color: #3C3C3C; +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(255, 255, 255, 0.3); + background-color: #2C2C2C; } tooltip.background.chromium { @@ -4881,103 +4925,106 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #3C3C3C; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget > separator { + color: rgba(255, 255, 255, 0.12); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget > frame > border { + border-color: rgba(255, 255, 255, 0.3); +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #2C2C2C; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #8AB4F8; box-shadow: inset 0 0 0 1px #8AB4F8; } -window.background:not(.csd) > widget > entry:disabled { +#MozillaGtkWidget > widget > entry:disabled { background-color: #2C2C2C; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover, -window.background:not(.csd) > widget > button > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { +#MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { color: #212121; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { +#MozillaGtkWidget menu { border: none; } -text:selected { - background-color: #8AB4F8; - color: rgba(0, 0, 0, 0.87); -} - -window.background:not(.csd) > widget > menubar { +#MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.7); } -window.background:not(.csd) > widget > menubar:hover { +#MozillaGtkWidget > widget > menubar:hover { color: white; } -window.background:not(.csd) > widget > menubar:disabled { +#MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } -window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); -} - -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { - margin: 0; - padding: 0; +#MozillaGtkWidget > widget > frame { + color: rgba(255, 255, 255, 0.3); } -window.background:not(.csd) > window.background > menu > separator { +#MozillaGtkWidget menu > separator { color: rgba(255, 255, 255, 0.12); } @@ -5445,6 +5492,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5580,6 +5631,10 @@ na-tray-applet { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #8AB4F8; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; @@ -5878,7 +5933,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -6266,6 +6322,10 @@ XfdesktopIconView.view .rubberband { padding-bottom: 16px; } +.lightdm-gtk-greeter button:not(:disabled) { + color: #8AB4F8; +} + #buttonbox_frame { padding-top: 24px; } diff --git a/src/gtk/3.0/gtk-dark.css b/src/gtk/3.0/gtk-dark.css index 358c5f90b..6ed3f87ff 100644 --- a/src/gtk/3.0/gtk-dark.css +++ b/src/gtk/3.0/gtk-dark.css @@ -152,6 +152,12 @@ button label:disabled { color: inherit; } +label.osd { + border-radius: 4px; + background-color: rgba(97, 97, 97, 0.9); + color: white; +} + .dim-label { color: rgba(255, 255, 255, 0.7); } @@ -267,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -278,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -340,7 +346,7 @@ spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 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: #2C2C2C; + background-color: #3C3C3C; color: white; } @@ -379,7 +385,7 @@ spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vert } spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active { @@ -410,7 +416,7 @@ spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.ve } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { @@ -537,9 +543,9 @@ button:checked:disabled { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, -.path-bar button, popover.background.menu button, -popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; @@ -554,9 +560,9 @@ button.flat { modelbutton.flat:focus, .menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, -radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, -.path-bar button:focus, popover.background.menu button:focus, -popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, button.flat:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: white; @@ -568,44 +574,50 @@ spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, scrollbar button:drop(active), check:hover, radio:hover, calendar.button:hover, button.sidebar-button:hover, -button.sidebar-button:drop(active), infobar.info button:hover, -infobar.info button:drop(active), infobar.question button:hover, -infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, .gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, #MatePanelPopupWindow button:drop(active), #mate-menu button:hover, -#mate-menu button:drop(active), .lock-dialog button:hover, -.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, -.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, -.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, .caja-pathbar button:drop(active), -.path-bar button:hover, -.path-bar button:drop(active), popover.background.menu button:hover, -popover.background.menu button:drop(active), -popover.background button.model:hover, -popover.background button.model:drop(active), layouttabbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, .raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, .xfce4-panel.background button:drop(active), toolbar button:hover, toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, -filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, .nemo-window .toolbar button:drop(active), button.flat:hover, toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:drop(active), button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -614,9 +626,9 @@ button.flat:drop(active) { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, -.path-bar button:active, popover.background.menu button:active, -popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; @@ -628,9 +640,9 @@ button.flat:active { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, -.path-bar button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; @@ -638,16 +650,16 @@ button.flat:disabled { } combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, -.path-bar button:checked, popover.background.menu button:checked, -popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { background-color: alpha(currentColor, 0.12); color: white; } combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, -.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.12); color: rgba(255, 255, 255, 0.5); @@ -660,7 +672,8 @@ button.text-button { padding-right: 16px; } -toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, button.text-button.flat { min-width: 48px; padding-left: 8px; @@ -690,12 +703,12 @@ button.text-button.image-button label:last-child { margin-right: 10px; } -toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, button.text-button.image-button.flat label:first-child { margin-left: 6px; } -toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, button.text-button.image-button.flat label:last-child { margin-right: 6px; } @@ -705,13 +718,20 @@ button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), .nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > @@ -719,39 +739,33 @@ button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, -toolbar .linked.vertical > button:not(:only-child).image-button, -.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > -button.flat:not(:only-child).image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat:not(:only-child).image-button { +button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } -toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, -toolbar .linked.vertical > button:not(:only-child).text-button.image-button, -.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > -button.flat:not(:only-child).text-button.image-button, -.linked.vertical > -button.flat:not(:only-child).text-button.image-button { - border-radius: 4px; -} - infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven-mpris button.image-button:hover, @@ -928,31 +942,31 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side border-bottom-right-radius: 0; } -.linked:not(.vertical) > button.image-button:first-child { +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.linked:not(.vertical) > button.image-button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.linked:not(.vertical) > button.image-button:only-child { +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } -.linked.vertical > button.image-button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } -.linked.vertical > button.image-button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } -.linked.vertical > button.image-button:only-child { +.linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } @@ -1405,7 +1419,7 @@ searchbar > revealer > box { } .titlebar.selection-mode:backdrop { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode .subtitle:link { @@ -1431,7 +1445,7 @@ searchbar > revealer > box { } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { @@ -1439,7 +1453,7 @@ searchbar > revealer > box { } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { @@ -1540,7 +1554,7 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 6px; padding-right: 6px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 0%, transparent 0%) 0 0 0/0 0 0px; @@ -1548,33 +1562,33 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta } .caja-pathbar button:checked, -.path-bar button:checked { +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #8AB4F8 100%, transparent 0%) 0 0 2/0 0 2px; } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, -.path-bar button:checked, -.path-bar button:checked:disabled { +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, -.path-bar button.text-button { +.path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, -.path-bar button.slider-button { +.path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } @@ -2199,7 +2213,6 @@ notebook > stack:not(:only-child) { scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #2C2C2C; - background-clip: border-box; } * { @@ -2306,7 +2319,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(44, 44, 44, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal slider { @@ -2561,7 +2574,7 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(255, 255, 255, 0.3)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; @@ -2569,17 +2582,17 @@ menu menuitem check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2587,12 +2600,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -3044,7 +3057,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3067,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3077,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -3074,7 +3087,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(44, 44, 44, 0.3) 50%, rgba(255, 255, 255, 0.3) 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; @@ -3135,7 +3148,8 @@ row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie } row.activatable:hover, treeview.view header button:hover, -treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -3175,6 +3189,10 @@ row:selected:disabled label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #8AB4F8; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3330,6 +3348,7 @@ stacksidebar.sidebar row { stacksidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #8AB4F8; font-weight: 500; } @@ -3351,9 +3370,14 @@ separator.sidebar { * File chooser * ****************/ row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); color: rgba(255, 255, 255, 0.7); } +row image.sidebar-icon:disabled { + color: rgba(255, 255, 255, 0.3); +} + placessidebar.sidebar > viewport.frame { border-style: none; } @@ -3375,9 +3399,14 @@ placessidebar.sidebar row > revealer { placessidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #8AB4F8; font-weight: 500; } +placessidebar.sidebar row:selected image.sidebar-icon { + color: #8AB4F8; +} + placessidebar.sidebar row:disabled { color: rgba(255, 255, 255, 0.5); } @@ -3390,6 +3419,10 @@ placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } @@ -3398,11 +3431,6 @@ placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar.sidebar row:selected image.sidebar-icon, -placessidebar.sidebar row:selected label.sidebar-label { - color: inherit; -} - placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } @@ -3411,6 +3439,10 @@ placessidebar.sidebar row.sidebar-new-bookmark-row { color: #8AB4F8; } +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #8AB4F8; +} + placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -3495,11 +3527,6 @@ infobar.info, infobar.question { background-color: #2C2C2C; } -infobar.info button.text-button, infobar.question button.text-button { - padding-left: 8px; - padding-right: 8px; -} - infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #8AB4F8; } @@ -3662,12 +3689,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - 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 6px 18px 5px transparent; + 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; margin: 8px; } decoration:backdrop { - 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 6px 18px 5px transparent; + 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; } .maximized decoration, @@ -3929,8 +3956,7 @@ popover.emoji-completion .emoji:hover { border-width: 1px; border-color: rgba(255, 255, 255, 0.12); border-radius: 5px 5px 0 0; - background-color: rgba(44, 44, 44, 0.9); - background-clip: border-box; + background-color: rgba(60, 60, 60, 0.9); } .nautilus-window .floating-bar.bottom.left { @@ -4031,7 +4057,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-window paned > separator { - background-color: #212121; + background-color: #2C2C2C; } /********* @@ -4108,7 +4134,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, @@ -4801,6 +4827,15 @@ button.image-button.session-new-button { min-width: 32px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ @@ -4844,34 +4879,43 @@ window.background.chromium { } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { - border: 1px solid rgba(0, 0, 0, 0.26); +window.background.chromium > button { + border: 1px solid rgba(255, 255, 255, 0.3); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #8AB4F8; } -window.background.chromium > button:hover, -window.background.chromium > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(255, 255, 255, 0.3); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.12)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(255, 255, 255, 0.7); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #8AB4F8; } -window.background.chromium textview { - background-color: #3C3C3C; +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(255, 255, 255, 0.3); + background-color: #2C2C2C; } tooltip.background.chromium { @@ -4881,103 +4925,106 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #3C3C3C; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #8AB4F8; + color: rgba(0, 0, 0, 0.87); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget > separator { + color: rgba(255, 255, 255, 0.12); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget > frame > border { + border-color: rgba(255, 255, 255, 0.3); +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #2C2C2C; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #8AB4F8; box-shadow: inset 0 0 0 1px #8AB4F8; } -window.background:not(.csd) > widget > entry:disabled { +#MozillaGtkWidget > widget > entry:disabled { background-color: #2C2C2C; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover, -window.background:not(.csd) > widget > button > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { +#MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { color: #212121; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { +#MozillaGtkWidget menu { border: none; } -text:selected { - background-color: #8AB4F8; - color: rgba(0, 0, 0, 0.87); -} - -window.background:not(.csd) > widget > menubar { +#MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.7); } -window.background:not(.csd) > widget > menubar:hover { +#MozillaGtkWidget > widget > menubar:hover { color: white; } -window.background:not(.csd) > widget > menubar:disabled { +#MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } -window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); -} - -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { - margin: 0; - padding: 0; +#MozillaGtkWidget > widget > frame { + color: rgba(255, 255, 255, 0.3); } -window.background:not(.csd) > window.background > menu > separator { +#MozillaGtkWidget menu > separator { color: rgba(255, 255, 255, 0.12); } @@ -5445,6 +5492,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5580,6 +5631,10 @@ na-tray-applet { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #8AB4F8; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; @@ -5878,7 +5933,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -6266,6 +6322,10 @@ XfdesktopIconView.view .rubberband { padding-bottom: 16px; } +.lightdm-gtk-greeter button:not(:disabled) { + color: #8AB4F8; +} + #buttonbox_frame { padding-top: 24px; } diff --git a/src/gtk/3.0/gtk-light-compact.css b/src/gtk/3.0/gtk-light-compact.css index 951571eca..15a8336bb 100644 --- a/src/gtk/3.0/gtk-light-compact.css +++ b/src/gtk/3.0/gtk-light-compact.css @@ -111,7 +111,7 @@ textview text { textview border { background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .rubberband, @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } label:disabled { @@ -152,8 +152,14 @@ button label:disabled { color: inherit; } +label.osd { + border-radius: 4px; + background-color: rgba(97, 97, 97, 0.9); + color: white; +} + .dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } assistant .sidebar { @@ -238,7 +244,7 @@ entry.flat { spinbutton:not(.vertical) image, entry image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, @@ -267,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -278,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -410,7 +416,7 @@ spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.ve } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { @@ -462,7 +468,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /*********** @@ -537,9 +543,9 @@ button:checked:disabled { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, -.path-bar button, popover.background.menu button, -popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; @@ -549,14 +555,14 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } modelbutton.flat:focus, .menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, -radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, -.path-bar button:focus, popover.background.menu button:focus, -popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, button.flat:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); @@ -568,44 +574,50 @@ spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, scrollbar button:drop(active), check:hover, radio:hover, calendar.button:hover, button.sidebar-button:hover, -button.sidebar-button:drop(active), infobar.info button:hover, -infobar.info button:drop(active), infobar.question button:hover, -infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, .gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, #MatePanelPopupWindow button:drop(active), #mate-menu button:hover, -#mate-menu button:drop(active), .lock-dialog button:hover, -.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, -.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, -.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, .caja-pathbar button:drop(active), -.path-bar button:hover, -.path-bar button:drop(active), popover.background.menu button:hover, -popover.background.menu button:drop(active), -popover.background button.model:hover, -popover.background button.model:drop(active), layouttabbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, .raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, .xfce4-panel.background button:drop(active), toolbar button:hover, toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, -filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, .nemo-window .toolbar button:drop(active), button.flat:hover, toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:drop(active), button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -614,9 +626,9 @@ button.flat:drop(active) { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, -.path-bar button:active, popover.background.menu button:active, -popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; @@ -628,9 +640,9 @@ button.flat:active { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, -.path-bar button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; @@ -638,16 +650,16 @@ button.flat:disabled { } combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, -.path-bar button:checked, popover.background.menu button:checked, -popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, -.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); @@ -660,7 +672,8 @@ button.text-button { padding-right: 16px; } -toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, button.text-button.flat { min-width: 48px; padding-left: 8px; @@ -690,12 +703,12 @@ button.text-button.image-button label:last-child { margin-right: 12px; } -toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, button.text-button.image-button.flat label:first-child { margin-left: 8px; } -toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, button.text-button.image-button.flat label:last-child { margin-right: 8px; } @@ -705,13 +718,20 @@ button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), .nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > @@ -719,39 +739,33 @@ button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, -toolbar .linked.vertical > button:not(:only-child).image-button, -.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > -button.flat:not(:only-child).image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat:not(:only-child).image-button { +button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } -toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, -toolbar .linked.vertical > button:not(:only-child).text-button.image-button, -.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > -button.flat:not(:only-child).text-button.image-button, -.linked.vertical > -button.flat:not(:only-child).text-button.image-button { - border-radius: 4px; -} - infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven-mpris button.image-button:hover, @@ -928,31 +942,31 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side border-bottom-right-radius: 0; } -.linked:not(.vertical) > button.image-button:first-child { +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.linked:not(.vertical) > button.image-button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.linked:not(.vertical) > button.image-button:only-child { +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } -.linked.vertical > button.image-button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } -.linked.vertical > button.image-button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } -.linked.vertical > button.image-button:only-child { +.linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } @@ -1018,7 +1032,7 @@ spinbutton:not(.vertical) button { spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { @@ -1047,7 +1061,7 @@ spinbutton.vertical button { spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical button.up { @@ -1270,7 +1284,7 @@ searchbar > revealer > box { .titlebar:backdrop { background-color: #D6D6D6; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar:backdrop:disabled { @@ -1290,7 +1304,7 @@ searchbar > revealer > box { .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar .subtitle:backdrop, @@ -1320,7 +1334,7 @@ searchbar > revealer > box { } .titlebar entry image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { @@ -1337,7 +1351,7 @@ searchbar > revealer > box { .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, @@ -1366,7 +1380,7 @@ searchbar > revealer > box { .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { @@ -1374,7 +1388,7 @@ searchbar > revealer > box { } .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { @@ -1540,7 +1554,7 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 4px; padding-right: 4px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; @@ -1548,33 +1562,33 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta } .caja-pathbar button:checked, -.path-bar button:checked { +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, -.path-bar button:checked, -.path-bar button:checked:disabled { +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, -.path-bar button.text-button { +.path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, -.path-bar button.slider-button { +.path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } @@ -1627,7 +1641,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { @@ -1678,7 +1692,7 @@ treeview.view header button { } treeview.view header button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view header button, treeview.view header button:disabled { @@ -1720,7 +1734,7 @@ menubar, menubar:backdrop, .menubar:backdrop { background-color: #D6D6D6; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .csd menubar, .csd @@ -1733,7 +1747,7 @@ menubar > menuitem, transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menubar > menuitem:hover, @@ -1835,7 +1849,7 @@ menu > arrow, min-width: 16px; padding: 4px; background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu > arrow.top, @@ -1879,7 +1893,7 @@ menu separator, } menuitem accelerator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { @@ -2108,7 +2122,7 @@ notebook > header tab { background-position: center; background-size: 0% 0%; background-clip: border-box; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -2199,7 +2213,6 @@ notebook > stack:not(:only-child) { scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; - background-clip: padding-box; } * { @@ -2234,7 +2247,7 @@ scrollbar slider { } scrollbar slider:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { @@ -2475,7 +2488,7 @@ radio:disabled { popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat @@ -2509,7 +2522,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2561,7 +2574,7 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; @@ -2569,17 +2582,17 @@ menu menuitem check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2587,12 +2600,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -2611,7 +2624,7 @@ treeview.view radio:selected { treeview.view check, treeview.view radio { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view check:hover, treeview.view check:active, @@ -2748,7 +2761,7 @@ scale slider:active { scale marks, scale value { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } scale indicator { @@ -2890,7 +2903,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -3044,7 +3057,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3067,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3077,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3074,7 +3087,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3135,7 +3148,8 @@ row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie } row.activatable:hover, treeview.view header button:hover, -treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -3175,6 +3189,10 @@ row:selected:disabled label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #1A73E8; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3189,7 +3207,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { @@ -3232,7 +3250,7 @@ calendar.header { } calendar.highlight { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -3257,7 +3275,7 @@ messagedialog .titlebar { messagedialog .titlebar:backdrop { background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { @@ -3330,6 +3348,7 @@ stacksidebar.sidebar row { stacksidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } @@ -3351,7 +3370,12 @@ separator.sidebar { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(0, 0, 0, 0.54); + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { @@ -3375,9 +3399,14 @@ placessidebar.sidebar row > revealer { placessidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } +placessidebar.sidebar row:selected image.sidebar-icon { + color: #1A73E8; +} + placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } @@ -3390,6 +3419,10 @@ placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } @@ -3398,11 +3431,6 @@ placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar.sidebar row:selected image.sidebar-icon, -placessidebar.sidebar row:selected label.sidebar-label { - color: inherit; -} - placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } @@ -3411,6 +3439,10 @@ placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #1A73E8; +} + placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -3495,11 +3527,6 @@ infobar.info, infobar.question { background-color: #FFFFFF; } -infobar.info button.text-button, infobar.question button.text-button { - padding-left: 8px; - padding-right: 8px; -} - infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; } @@ -3662,12 +3689,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - 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 6px 18px 5px transparent; + 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; margin: 8px; } decoration:backdrop { - 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 6px 18px 5px transparent; + 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; } .maximized decoration, @@ -3852,7 +3879,7 @@ popover.emoji-completion .emoji:hover { .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { @@ -3930,7 +3957,6 @@ popover.emoji-completion .emoji:hover { border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); - background-clip: padding-box; } .nautilus-window .floating-bar.bottom.left { @@ -4027,18 +4053,18 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-window paned > separator { - background-color: #F2F2F2; + background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -4074,7 +4100,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { @@ -4249,7 +4275,7 @@ entry.search-missing { } window.workbench treeview.image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { @@ -4281,7 +4307,7 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { @@ -4378,7 +4404,7 @@ docktab { background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -4801,6 +4827,15 @@ button.image-button.session-new-button { min-width: 28px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ @@ -4840,37 +4875,46 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #F2F2F2; + background-color: #FFFFFF; } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { +window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #1A73E8; } -window.background.chromium > button:hover, -window.background.chromium > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(0, 0, 0, 0.26); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.12)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(0, 0, 0, 0.6); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } -window.background.chromium textview { +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #1A73E8; + color: white; +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } @@ -4881,103 +4925,106 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #FFFFFF; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #1A73E8; + color: white; +} + +#MozillaGtkWidget > widget > separator { + color: rgba(0, 0, 0, 0.12); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { +#MozillaGtkWidget > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } -window.background:not(.csd) > widget > entry:disabled { +#MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover, -window.background:not(.csd) > widget > button > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { +#MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { color: #212121; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { +#MozillaGtkWidget menu { border: none; } -text:selected { - background-color: #1A73E8; - color: white; -} - -window.background:not(.csd) > widget > menubar { - color: rgba(0, 0, 0, 0.54); +#MozillaGtkWidget > widget > menubar { + color: rgba(0, 0, 0, 0.6); } -window.background:not(.csd) > widget > menubar:hover { +#MozillaGtkWidget > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } -window.background:not(.csd) > widget > menubar:disabled { +#MozillaGtkWidget > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > frame { +#MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { - margin: 0; - padding: 0; -} - -window.background:not(.csd) > window.background > menu > separator { +#MozillaGtkWidget menu > separator { color: rgba(0, 0, 0, 0.12); } @@ -5090,11 +5137,11 @@ UnityDecoration .top { UnityDecoration .top:backdrop { background-color: #D6D6D6; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem:hover { @@ -5120,12 +5167,12 @@ UnityPanelWidget, UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .unity-panel.menubar.menuitem:hover, @@ -5356,7 +5403,7 @@ na-tray-applet { #mate-menu button image, #mate-menu button label + label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } #mate-menu entry { @@ -5445,6 +5492,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5580,6 +5631,10 @@ na-tray-applet { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #1A73E8; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; @@ -5878,7 +5933,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -6045,7 +6101,7 @@ calendar.raven-calendar:selected { } .budgie-notification .notification-body, .budgie-switcher .notification-body { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { @@ -6094,7 +6150,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { @@ -6266,6 +6322,10 @@ XfdesktopIconView.view .rubberband { padding-bottom: 16px; } +.lightdm-gtk-greeter button:not(:disabled) { + color: #1A73E8; +} + #buttonbox_frame { padding-top: 24px; } @@ -6392,11 +6452,11 @@ these are pretty self explicative */ 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.54); +@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 #E0E0E0; @define-color wm_unfocused_bg #D6D6D6; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #757575; +@define-color placeholder_text_color #666666; diff --git a/src/gtk/3.0/gtk-light.css b/src/gtk/3.0/gtk-light.css index 5fbc6f425..d866c117d 100644 --- a/src/gtk/3.0/gtk-light.css +++ b/src/gtk/3.0/gtk-light.css @@ -111,7 +111,7 @@ textview text { textview border { background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .rubberband, @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } label:disabled { @@ -152,8 +152,14 @@ button label:disabled { color: inherit; } +label.osd { + border-radius: 4px; + background-color: rgba(97, 97, 97, 0.9); + color: white; +} + .dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } assistant .sidebar { @@ -238,7 +244,7 @@ entry.flat { spinbutton:not(.vertical) image, entry image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, @@ -267,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -278,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -410,7 +416,7 @@ spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.ve } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { @@ -462,7 +468,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /*********** @@ -537,9 +543,9 @@ button:checked:disabled { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, -.path-bar button, popover.background.menu button, -popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; @@ -549,14 +555,14 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } modelbutton.flat:focus, .menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, -radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, -.path-bar button:focus, popover.background.menu button:focus, -popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, button.flat:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); @@ -568,44 +574,50 @@ spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, scrollbar button:drop(active), check:hover, radio:hover, calendar.button:hover, button.sidebar-button:hover, -button.sidebar-button:drop(active), infobar.info button:hover, -infobar.info button:drop(active), infobar.question button:hover, -infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, .gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, #MatePanelPopupWindow button:drop(active), #mate-menu button:hover, -#mate-menu button:drop(active), .lock-dialog button:hover, -.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, -.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, -.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, .caja-pathbar button:drop(active), -.path-bar button:hover, -.path-bar button:drop(active), popover.background.menu button:hover, -popover.background.menu button:drop(active), -popover.background button.model:hover, -popover.background button.model:drop(active), layouttabbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, .raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, .xfce4-panel.background button:drop(active), toolbar button:hover, toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, -filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, .nemo-window .toolbar button:drop(active), button.flat:hover, toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:drop(active), button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -614,9 +626,9 @@ button.flat:drop(active) { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, -.path-bar button:active, popover.background.menu button:active, -popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; @@ -628,9 +640,9 @@ button.flat:active { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, -.path-bar button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; @@ -638,16 +650,16 @@ button.flat:disabled { } combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, -.path-bar button:checked, popover.background.menu button:checked, -popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, -.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); @@ -660,7 +672,8 @@ button.text-button { padding-right: 16px; } -toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, button.text-button.flat { min-width: 48px; padding-left: 8px; @@ -690,12 +703,12 @@ button.text-button.image-button label:last-child { margin-right: 10px; } -toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, button.text-button.image-button.flat label:first-child { margin-left: 6px; } -toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, button.text-button.image-button.flat label:last-child { margin-right: 6px; } @@ -705,13 +718,20 @@ button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), .nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > @@ -719,39 +739,33 @@ button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, -toolbar .linked.vertical > button:not(:only-child).image-button, -.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > -button.flat:not(:only-child).image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat:not(:only-child).image-button { +button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } -toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, -toolbar .linked.vertical > button:not(:only-child).text-button.image-button, -.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > -button.flat:not(:only-child).text-button.image-button, -.linked.vertical > -button.flat:not(:only-child).text-button.image-button { - border-radius: 4px; -} - infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven-mpris button.image-button:hover, @@ -928,31 +942,31 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side border-bottom-right-radius: 0; } -.linked:not(.vertical) > button.image-button:first-child { +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.linked:not(.vertical) > button.image-button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.linked:not(.vertical) > button.image-button:only-child { +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } -.linked.vertical > button.image-button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } -.linked.vertical > button.image-button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } -.linked.vertical > button.image-button:only-child { +.linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } @@ -1018,7 +1032,7 @@ spinbutton:not(.vertical) button { spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { @@ -1047,7 +1061,7 @@ spinbutton.vertical button { spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical button.up { @@ -1270,7 +1284,7 @@ searchbar > revealer > box { .titlebar:backdrop { background-color: #D6D6D6; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar:backdrop:disabled { @@ -1290,7 +1304,7 @@ searchbar > revealer > box { .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar .subtitle:backdrop, @@ -1320,7 +1334,7 @@ searchbar > revealer > box { } .titlebar entry image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar entry image:hover, .titlebar entry image:active { @@ -1337,7 +1351,7 @@ searchbar > revealer > box { .titlebar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):focus, .titlebar button:not(.suggested-action):not(.destructive-action):hover, @@ -1366,7 +1380,7 @@ searchbar > revealer > box { .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:focus, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { @@ -1374,7 +1388,7 @@ searchbar > revealer > box { } .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { @@ -1540,7 +1554,7 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 6px; padding-right: 6px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; @@ -1548,33 +1562,33 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta } .caja-pathbar button:checked, -.path-bar button:checked { +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, -.path-bar button:checked, -.path-bar button:checked:disabled { +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, -.path-bar button.text-button { +.path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, -.path-bar button.slider-button { +.path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } @@ -1627,7 +1641,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { @@ -1678,7 +1692,7 @@ treeview.view header button { } treeview.view header button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view header button, treeview.view header button:disabled { @@ -1720,7 +1734,7 @@ menubar, menubar:backdrop, .menubar:backdrop { background-color: #D6D6D6; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .csd menubar, .csd @@ -1733,7 +1747,7 @@ menubar > menuitem, transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menubar > menuitem:hover, @@ -1835,7 +1849,7 @@ menu > arrow, min-width: 16px; padding: 4px; background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu > arrow.top, @@ -1879,7 +1893,7 @@ menu separator, } menuitem accelerator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { @@ -2108,7 +2122,7 @@ notebook > header tab { background-position: center; background-size: 0% 0%; background-clip: border-box; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -2199,7 +2213,6 @@ notebook > stack:not(:only-child) { scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; - background-clip: padding-box; } * { @@ -2234,7 +2247,7 @@ scrollbar slider { } scrollbar slider:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { @@ -2475,7 +2488,7 @@ radio:disabled { popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat @@ -2509,7 +2522,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2561,7 +2574,7 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; @@ -2569,17 +2582,17 @@ menu menuitem check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2587,12 +2600,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -2611,7 +2624,7 @@ treeview.view radio:selected { treeview.view check, treeview.view radio { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view check:hover, treeview.view check:active, @@ -2748,7 +2761,7 @@ scale slider:active { scale marks, scale value { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } scale indicator { @@ -2890,7 +2903,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -3044,7 +3057,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3067,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3077,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3074,7 +3087,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3135,7 +3148,8 @@ row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie } row.activatable:hover, treeview.view header button:hover, -treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -3175,6 +3189,10 @@ row:selected:disabled label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #1A73E8; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3189,7 +3207,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { @@ -3232,7 +3250,7 @@ calendar.header { } calendar.highlight { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -3257,7 +3275,7 @@ messagedialog .titlebar { messagedialog .titlebar:backdrop { background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { @@ -3330,6 +3348,7 @@ stacksidebar.sidebar row { stacksidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } @@ -3351,7 +3370,12 @@ separator.sidebar { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(0, 0, 0, 0.54); + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { @@ -3375,9 +3399,14 @@ placessidebar.sidebar row > revealer { placessidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } +placessidebar.sidebar row:selected image.sidebar-icon { + color: #1A73E8; +} + placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } @@ -3390,6 +3419,10 @@ placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } @@ -3398,11 +3431,6 @@ placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar.sidebar row:selected image.sidebar-icon, -placessidebar.sidebar row:selected label.sidebar-label { - color: inherit; -} - placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } @@ -3411,6 +3439,10 @@ placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #1A73E8; +} + placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -3495,11 +3527,6 @@ infobar.info, infobar.question { background-color: #FFFFFF; } -infobar.info button.text-button, infobar.question button.text-button { - padding-left: 8px; - padding-right: 8px; -} - infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; } @@ -3662,12 +3689,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - 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 6px 18px 5px transparent; + 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; margin: 8px; } decoration:backdrop { - 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 6px 18px 5px transparent; + 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; } .maximized decoration, @@ -3852,7 +3879,7 @@ popover.emoji-completion .emoji:hover { .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { @@ -3930,7 +3957,6 @@ popover.emoji-completion .emoji:hover { border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); - background-clip: padding-box; } .nautilus-window .floating-bar.bottom.left { @@ -4027,18 +4053,18 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-window paned > separator { - background-color: #F2F2F2; + background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -4074,7 +4100,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { @@ -4249,7 +4275,7 @@ entry.search-missing { } window.workbench treeview.image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { @@ -4281,7 +4307,7 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { @@ -4378,7 +4404,7 @@ docktab { background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -4801,6 +4827,15 @@ button.image-button.session-new-button { min-width: 32px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ @@ -4840,37 +4875,46 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #F2F2F2; + background-color: #FFFFFF; } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { +window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #1A73E8; } -window.background.chromium > button:hover, -window.background.chromium > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(0, 0, 0, 0.26); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.12)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(0, 0, 0, 0.6); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } -window.background.chromium textview { +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #1A73E8; + color: white; +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } @@ -4881,103 +4925,106 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #FFFFFF; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #1A73E8; + color: white; +} + +#MozillaGtkWidget > widget > separator { + color: rgba(0, 0, 0, 0.12); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { +#MozillaGtkWidget > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } -window.background:not(.csd) > widget > entry:disabled { +#MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover, -window.background:not(.csd) > widget > button > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { +#MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { color: #212121; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { +#MozillaGtkWidget menu { border: none; } -text:selected { - background-color: #1A73E8; - color: white; -} - -window.background:not(.csd) > widget > menubar { - color: rgba(0, 0, 0, 0.54); +#MozillaGtkWidget > widget > menubar { + color: rgba(0, 0, 0, 0.6); } -window.background:not(.csd) > widget > menubar:hover { +#MozillaGtkWidget > widget > menubar:hover { color: rgba(0, 0, 0, 0.87); } -window.background:not(.csd) > widget > menubar:disabled { +#MozillaGtkWidget > widget > menubar:disabled { color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > frame { +#MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { - margin: 0; - padding: 0; -} - -window.background:not(.csd) > window.background > menu > separator { +#MozillaGtkWidget menu > separator { color: rgba(0, 0, 0, 0.12); } @@ -5090,11 +5137,11 @@ UnityDecoration .top { UnityDecoration .top:backdrop { background-color: #D6D6D6; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } UnityDecoration .menuitem:hover { @@ -5120,12 +5167,12 @@ UnityPanelWidget, UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .unity-panel.menubar.menuitem:hover, @@ -5356,7 +5403,7 @@ na-tray-applet { #mate-menu button image, #mate-menu button label + label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } #mate-menu entry { @@ -5445,6 +5492,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5580,6 +5631,10 @@ na-tray-applet { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #1A73E8; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; @@ -5878,7 +5933,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -6045,7 +6101,7 @@ calendar.raven-calendar:selected { } .budgie-notification .notification-body, .budgie-switcher .notification-body { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { @@ -6094,7 +6150,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { @@ -6266,6 +6322,10 @@ XfdesktopIconView.view .rubberband { padding-bottom: 16px; } +.lightdm-gtk-greeter button:not(:disabled) { + color: #1A73E8; +} + #buttonbox_frame { padding-top: 24px; } @@ -6392,11 +6452,11 @@ these are pretty self explicative */ 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.54); +@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 #E0E0E0; @define-color wm_unfocused_bg #D6D6D6; /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #757575; +@define-color placeholder_text_color #666666; diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index ad6649f50..d2819722a 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -111,7 +111,7 @@ textview text { textview border { background-color: #FAFAFA; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .rubberband, @@ -139,7 +139,7 @@ label { } label.separator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } label:disabled { @@ -152,8 +152,14 @@ button label:disabled { color: inherit; } +label.osd { + border-radius: 4px; + background-color: rgba(97, 97, 97, 0.9); + color: white; +} + .dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } assistant .sidebar { @@ -238,7 +244,7 @@ entry.flat { spinbutton:not(.vertical) image, entry image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, @@ -267,7 +273,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -278,7 +284,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -410,7 +416,7 @@ spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.ve } spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active { @@ -462,7 +468,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } /*********** @@ -537,9 +543,9 @@ button:checked:disabled { modelbutton.flat, .menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, notebook > header > tabs > arrow, scrollbar button, check, -radio, calendar.button, button.sidebar-button, infobar.info button, infobar.question button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .lock-dialog button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, -.path-bar button, popover.background.menu button, -popover.background button.model, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button, +radio, calendar.button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, combobox > .linked:not(.vertical) > button:not(:only-child), .caja-pathbar button, +.path-bar.linked:not(.vertical) > button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .xfce4-panel.background button, toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, messagedialog.csd .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, .lock-dialog button, .lightdm-gtk-greeter button, .nemo-window .toolbar button, button.flat { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; @@ -549,14 +555,14 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } modelbutton.flat:focus, .menuitem.button.flat:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, notebook > header > tabs > arrow:focus, scrollbar button:focus, check:focus, -radio:focus, calendar.button:focus, button.sidebar-button:focus, infobar.info button:focus, infobar.question button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .lock-dialog button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, .lightdm-gtk-greeter button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, -.path-bar button:focus, popover.background.menu button:focus, -popover.background button.model:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, .nemo-window .toolbar button:focus, +radio:focus, calendar.button:focus, button.sidebar-button:focus, .gedit-search-slider .linked > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), .caja-pathbar button:focus, +.path-bar.linked:not(.vertical) > button:focus, layouttabbar button:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven stackswitcher.linked > button:focus, .xfce4-panel.background button:focus, toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, +popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, messagedialog.csd .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, .lock-dialog button:focus, .lightdm-gtk-greeter button:focus, .nemo-window .toolbar button:focus, button.flat:focus { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); color: rgba(0, 0, 0, 0.87); @@ -568,44 +574,50 @@ spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:hover, spinbutton.vertical button:drop(active), notebook > header > tabs > arrow:hover, scrollbar button:hover, scrollbar button:drop(active), check:hover, radio:hover, calendar.button:hover, button.sidebar-button:hover, -button.sidebar-button:drop(active), infobar.info button:hover, -infobar.info button:drop(active), infobar.question button:hover, -infobar.question button:drop(active), .gedit-search-slider .linked > button:hover, +button.sidebar-button:drop(active), .gedit-search-slider .linked > button:hover, .gedit-search-slider .linked > button:drop(active), popover.messagepopover .popover-action-area button:hover, popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:hover, #MatePanelPopupWindow button:drop(active), #mate-menu button:hover, -#mate-menu button:drop(active), .lock-dialog button:hover, -.lock-dialog button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, +#mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-settings-window buttonbox.inline-toolbar button:drop(active), .drop-shadow button:hover, .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:hover, -.budgie-session-dialog .linked.horizontal > button:drop(active), .lightdm-gtk-greeter button:hover, -.lightdm-gtk-greeter button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), +.budgie-session-dialog .linked.horizontal > button:drop(active), combobox > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:not(:only-child):drop(active), .caja-pathbar button:hover, .caja-pathbar button:drop(active), -.path-bar button:hover, -.path-bar button:drop(active), popover.background.menu button:hover, -popover.background.menu button:drop(active), -popover.background button.model:hover, -popover.background button.model:drop(active), layouttabbar button:hover, +.path-bar.linked:not(.vertical) > button:hover, +.path-bar.linked:not(.vertical) > button:drop(active), layouttabbar button:hover, layouttabbar button:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven stackswitcher.linked > button:hover, .raven stackswitcher.linked > button:drop(active), .xfce4-panel.background button:hover, .xfce4-panel.background button:drop(active), toolbar button:hover, toolbar button:drop(active), .titlebar button:hover:not(.suggested-action):not(.destructive-action), -.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), +.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), popover.background.menu button:hover, +popover.background.menu button:drop(active), +popover.background button.model:hover, +popover.background button.model:drop(active), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):drop(active), .app-notification button:hover, .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:hover, messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:hover, -filechooser #pathbarbox > stack > box > button:drop(active), .nemo-window .toolbar button:hover, +filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:hover, +infobar.info button:drop(active), infobar.question button:hover, +infobar.question button:drop(active), .lock-dialog button:hover, +.lock-dialog button:drop(active), .lightdm-gtk-greeter button:hover, +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:hover, .nemo-window .toolbar button:drop(active), button.flat:hover, toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), +popover.background.menu button:drop(active), +popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), messagedialog.csd .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), +infobar.info button:drop(active), +infobar.question button:drop(active), +.lock-dialog button:drop(active), +.lightdm-gtk-greeter button:drop(active), .nemo-window .toolbar button:drop(active), button.flat:drop(active) { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -614,9 +626,9 @@ button.flat:drop(active) { modelbutton.flat:active, .menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active, -radio:active, calendar.button:active, button.sidebar-button:active, infobar.info button:active, infobar.question button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .lock-dialog button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, -.path-bar button:active, popover.background.menu button:active, -popover.background button.model:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active, +radio:active, calendar.button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), .caja-pathbar button:active, +.path-bar.linked:not(.vertical) > button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .xfce4-panel.background button:active, toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active, +popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, messagedialog.csd .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, .lock-dialog button:active, .lightdm-gtk-greeter button:active, .nemo-window .toolbar button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; @@ -628,9 +640,9 @@ button.flat:active { modelbutton.flat:disabled, .menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled, -radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, infobar.info button:disabled, infobar.question button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .lock-dialog button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, -.path-bar button:disabled, popover.background.menu button:disabled, -popover.background button.model:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled, +radio:disabled, calendar.button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .xfce4-panel.background button:disabled, toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled, +popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, messagedialog.csd .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, .lock-dialog button:disabled, .lightdm-gtk-greeter button:disabled, .nemo-window .toolbar button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; @@ -638,16 +650,16 @@ button.flat:disabled { } combobox > .linked:not(.vertical) > button:checked:not(:only-child), .caja-pathbar button:checked, -.path-bar button:checked, popover.background.menu button:checked, -popover.background button.model:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked, +.path-bar.linked:not(.vertical) > button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .xfce4-panel.background button:checked, toolbar button:checked, .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, +popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, messagedialog.csd .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, .lock-dialog button:checked, .lightdm-gtk-greeter button:checked, .nemo-window .toolbar button:checked, button.flat:checked { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.87); } combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .caja-pathbar button:checked:disabled, -.path-bar button:checked:disabled, popover.background.menu button:checked:disabled, -popover.background button.model:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled, +.path-bar.linked:not(.vertical) > button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .xfce4-panel.background button:checked:disabled, toolbar button:checked:disabled, .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, messagedialog.csd .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, .lock-dialog button:checked:disabled, .lightdm-gtk-greeter button:checked:disabled, .nemo-window .toolbar button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.12); color: rgba(0, 0, 0, 0.38); @@ -660,7 +672,8 @@ button.text-button { padding-right: 16px; } -toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, .nemo-window .toolbar button.text-button, +toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button, +popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, messagedialog.csd .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, .lock-dialog button.text-button, .lightdm-gtk-greeter button.text-button, .nemo-window .toolbar button.text-button, button.text-button.flat { min-width: 48px; padding-left: 8px; @@ -690,12 +703,12 @@ button.text-button.image-button label:last-child { margin-right: 10px; } -toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, +toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .lightdm-gtk-greeter button.text-button.image-button label:first-child, .nemo-window .toolbar button.text-button.image-button label:first-child, button.text-button.image-button.flat label:first-child { margin-left: 6px; } -toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, +toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, messagedialog.csd .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .lightdm-gtk-greeter button.text-button.image-button label:last-child, .nemo-window .toolbar button.text-button.image-button label:last-child, button.text-button.image-button.flat label:last-child { margin-right: 6px; } @@ -705,13 +718,20 @@ button.text-button.image-button image:not(:only-child) { margin: 0 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), +toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child), +popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child), toolbar .linked.vertical > button:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child), +popover.background .linked.vertical > button.model:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button:not(:only-child), messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), +infobar.info .linked.vertical > button:not(:only-child), +infobar.question .linked.vertical > button:not(:only-child), +.lock-dialog .linked.vertical > button:not(:only-child), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child), .nemo-window .toolbar .linked.vertical > button:not(:only-child), .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > @@ -719,39 +739,33 @@ button.flat:not(:only-child) { border-radius: 4px; } -toolbar .linked:not(.vertical) > button:not(:only-child).image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button, -toolbar .linked.vertical > button:not(:only-child).image-button, -.titlebar .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button, .linked:not(.vertical) > -button.flat:not(:only-child).image-button, +toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lightdm-gtk-greeter .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), +toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button), +popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), +actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), +.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), +messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), +filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button), +infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.lightdm-gtk-greeter .linked.vertical > button:not(:only-child).image-button:not(.text-button), +.nemo-window .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) > +button.flat:not(:only-child).image-button:not(.text-button), .linked.vertical > -button.flat:not(:only-child).image-button { +button.flat:not(:only-child).image-button:not(.text-button) { border-radius: 9999px; } -toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, .titlebar .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).text-button.image-button, messagedialog.csd .dialog-action-box .linked:not(.vertical) > button:not(:only-child).text-button.image-button, filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).text-button.image-button, .nemo-window .toolbar .linked:not(.vertical) > button:not(:only-child).text-button.image-button, -toolbar .linked.vertical > button:not(:only-child).text-button.image-button, -.titlebar .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -actionbar > revealer > box .linked.vertical > button:not(:only-child).text-button.image-button:not(.suggested-action):not(.destructive-action), -.app-notification .linked.vertical > button:not(:only-child).text-button.image-button, -messagedialog.csd .dialog-action-box .linked.vertical > button:not(:only-child).text-button.image-button, -filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).text-button.image-button, -.nemo-window .toolbar .linked.vertical > button:not(:only-child).text-button.image-button, .linked:not(.vertical) > -button.flat:not(:only-child).text-button.image-button, -.linked.vertical > -button.flat:not(:only-child).text-button.image-button { - border-radius: 4px; -} - infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button { color: rgba(255, 255, 255, 0.7); } -infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), +infobar.error button.flat:focus, .mate-panel-menu-bar button:focus, .budgie-panel button:focus, .raven-mpris button.image-button:focus, .xfce4-panel.background button:focus, infobar.error button.flat:hover, infobar.error toolbar button:drop(active), toolbar infobar.error button:drop(active), infobar.error .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .titlebar infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error popover.background.menu button:drop(active), popover.background.menu infobar.error button:drop(active), +infobar.error popover.background button.model:drop(active), popover.background infobar.error button.model:drop(active), infobar.error actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box infobar.error button:drop(active):not(.suggested-action):not(.destructive-action), infobar.error .app-notification button:drop(active), .app-notification infobar.error button:drop(active), infobar.error messagedialog.csd .dialog-action-box button:drop(active), messagedialog.csd .dialog-action-box infobar.error button:drop(active), infobar.error filechooser #pathbarbox > stack > box > button:drop(active), filechooser infobar.error #pathbarbox > stack > box > button:drop(active), infobar.error infobar.info button:drop(active), infobar.info infobar.error button:drop(active), infobar.error infobar.question button:drop(active), infobar.question infobar.error button:drop(active), infobar.error .lock-dialog button:drop(active), .lock-dialog infobar.error button:drop(active), infobar.error .lightdm-gtk-greeter button:drop(active), .lightdm-gtk-greeter infobar.error button:drop(active), infobar.error .nemo-window .toolbar button:drop(active), .nemo-window .toolbar infobar.error button:drop(active), infobar.error button.flat:drop(active), .mate-panel-menu-bar button:hover, .mate-panel-menu-bar button:drop(active), .budgie-panel button:hover, .budgie-panel button:drop(active), .raven-mpris button.image-button:hover, @@ -928,31 +942,31 @@ spinbutton:not(.vertical) button, notebook > header tab button.flat, button.side border-bottom-right-radius: 0; } -.linked:not(.vertical) > button.image-button:first-child { +.linked:not(.vertical) > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.linked:not(.vertical) > button.image-button:last-child { +.linked:not(.vertical) > button.image-button:last-child:not(.text-button) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.linked:not(.vertical) > button.image-button:only-child { +.linked:not(.vertical) > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } -.linked.vertical > button.image-button:first-child { +.linked.vertical > button.image-button:first-child:not(.text-button) { border-top-left-radius: 4px; border-top-right-radius: 4px; } -.linked.vertical > button.image-button:last-child { +.linked.vertical > button.image-button:last-child:not(.text-button) { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } -.linked.vertical > button.image-button:only-child { +.linked.vertical > button.image-button:only-child:not(.text-button) { border-radius: 9999px; } @@ -1018,7 +1032,7 @@ spinbutton:not(.vertical) button { spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { @@ -1047,7 +1061,7 @@ spinbutton.vertical button { spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } spinbutton.vertical button.up { @@ -1540,7 +1554,7 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta * Pathbars * ************/ .caja-pathbar button, -.path-bar button { +.path-bar.linked:not(.vertical) > button { padding-left: 6px; padding-right: 6px; border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 0%, transparent 0%) 0 0 0/0 0 0px; @@ -1548,33 +1562,33 @@ headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-ta } .caja-pathbar button:checked, -.path-bar button:checked { +.path-bar.linked:not(.vertical) > button:checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1A73E8 100%, transparent 0%) 0 0 2/0 0 2px; } .caja-pathbar button:checked, .caja-pathbar button:checked:disabled, -.path-bar button:checked, -.path-bar button:checked:disabled { +.path-bar.linked:not(.vertical) > button:checked, +.path-bar.linked:not(.vertical) > button:checked:disabled { background-color: transparent; } .caja-pathbar button label:not(:only-child):first-child, -.path-bar button label:not(:only-child):first-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child { margin-left: 0; } .caja-pathbar button label:not(:only-child):last-child, -.path-bar button label:not(:only-child):last-child { +.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child { margin-right: 0; } .caja-pathbar button.text-button, -.path-bar button.text-button { +.path-bar.linked:not(.vertical) > button.text-button { min-width: 0; } .caja-pathbar button.slider-button, -.path-bar button.slider-button { +.path-bar.linked:not(.vertical) > button.slider-button { padding-left: 4px; padding-right: 4px; } @@ -1627,7 +1641,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view.expander:dir(rtl) { @@ -1678,7 +1692,7 @@ treeview.view header button { } treeview.view header button:not(:focus):not(:hover):not(:active) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view header button, treeview.view header button:disabled { @@ -1835,7 +1849,7 @@ menu > arrow, min-width: 16px; padding: 4px; background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu > arrow.top, @@ -1879,7 +1893,7 @@ menu separator, } menuitem accelerator { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menuitem:disabled accelerator { @@ -2108,7 +2122,7 @@ notebook > header tab { background-position: center; background-size: 0% 0%; background-clip: border-box; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -2199,7 +2213,6 @@ notebook > stack:not(:only-child) { scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: #FFFFFF; - background-clip: padding-box; } * { @@ -2234,7 +2247,7 @@ scrollbar slider { } scrollbar slider:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(0, 0, 0, 0.6); } scrollbar slider:active { @@ -2475,7 +2488,7 @@ radio:disabled { popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat @@ -2509,7 +2522,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2561,7 +2574,7 @@ radio:checked:not(:indeterminate):disabled { border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent)); } -window.background:not(.csd) > widget > checkbutton > check, +#MozillaGtkWidget > widget > checkbutton > check, menu menuitem check { min-height: 16px; min-width: 16px; @@ -2569,17 +2582,17 @@ menu menuitem check { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:checked, +#MozillaGtkWidget > widget > checkbutton > check:checked, menu menuitem check:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")); } -window.background:not(.csd) > widget > checkbutton > check:indeterminate, +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, menu menuitem check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio, +#MozillaGtkWidget > widget > radiobutton > radio, menu menuitem radio { min-height: 16px; min-width: 16px; @@ -2587,12 +2600,12 @@ menu menuitem radio { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:checked, +#MozillaGtkWidget > widget > radiobutton > radio:checked, menu menuitem radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")); } -window.background:not(.csd) > widget > radiobutton > radio:indeterminate, +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, menu menuitem radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")); } @@ -2611,7 +2624,7 @@ treeview.view radio:selected { treeview.view check, treeview.view radio { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } treeview.view check:hover, treeview.view check:active, @@ -2748,7 +2761,7 @@ scale slider:active { scale marks, scale value { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } scale indicator { @@ -2890,7 +2903,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -3044,7 +3057,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3054,7 +3067,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3064,7 +3077,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3074,7 +3087,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3135,7 +3148,8 @@ row.activatable:focus, treeview.view header button:focus, .budgie-popover.budgie } row.activatable:hover, treeview.view header button:hover, -treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), +treeview.view header button:drop(active), placessidebar.sidebar row.activatable:drop(active), .budgie-popover.budgie-menu button.flat:hover:not(.image-button), .budgie-popover.budgie-menu toolbar button:not(.image-button):drop(active), toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .titlebar button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu popover.background.menu button:not(.image-button):drop(active), popover.background.menu .budgie-popover.budgie-menu button:not(.image-button):drop(active), +.budgie-popover.budgie-menu popover.background button.model:not(.image-button):drop(active), popover.background .budgie-popover.budgie-menu button.model:not(.image-button):drop(active), .budgie-popover.budgie-menu actionbar > revealer > box button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-popover.budgie-menu button:not(.image-button):drop(active):not(.suggested-action):not(.destructive-action), .budgie-popover.budgie-menu .app-notification button:not(.image-button):drop(active), .app-notification .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu messagedialog.csd .dialog-action-box button:not(.image-button):drop(active), messagedialog.csd .dialog-action-box .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu filechooser #pathbarbox > stack > box > button:not(.image-button):drop(active), filechooser .budgie-popover.budgie-menu #pathbarbox > stack > box > button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.info button:not(.image-button):drop(active), infobar.info .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu infobar.question button:not(.image-button):drop(active), infobar.question .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lock-dialog button:not(.image-button):drop(active), .lock-dialog .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .lightdm-gtk-greeter button:not(.image-button):drop(active), .lightdm-gtk-greeter .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu .nemo-window .toolbar button:not(.image-button):drop(active), .nemo-window .toolbar .budgie-popover.budgie-menu button:not(.image-button):drop(active), .budgie-popover.budgie-menu button.flat:not(.image-button):drop(active) { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); @@ -3175,6 +3189,10 @@ row:selected:disabled label { margin: 8px; } +.app-notification button.text-button:not(:disabled) { + color: #1A73E8; +} + .app-notification.frame, .app-notification border { border-style: none; @@ -3189,7 +3207,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } expander title > arrow:dir(rtl) { @@ -3232,7 +3250,7 @@ calendar.header { } calendar.highlight { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -3257,7 +3275,7 @@ messagedialog .titlebar { messagedialog .titlebar:backdrop { background-color: #FFFFFF; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } messagedialog.csd.background { @@ -3330,6 +3348,7 @@ stacksidebar.sidebar row { stacksidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } @@ -3351,7 +3370,12 @@ separator.sidebar { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(0, 0, 0, 0.54); + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(0, 0, 0, 0.6); +} + +row image.sidebar-icon:disabled { + color: rgba(0, 0, 0, 0.26); } placessidebar.sidebar > viewport.frame { @@ -3375,9 +3399,14 @@ placessidebar.sidebar row > revealer { placessidebar.sidebar row:selected { background-color: alpha(currentColor, 0.12); + color: #1A73E8; font-weight: 500; } +placessidebar.sidebar row:selected image.sidebar-icon { + color: #1A73E8; +} + placessidebar.sidebar row:disabled { color: rgba(0, 0, 0, 0.38); } @@ -3390,6 +3419,10 @@ placessidebar.sidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; } +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + placessidebar.sidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; } @@ -3398,11 +3431,6 @@ placessidebar.sidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } -placessidebar.sidebar row:selected image.sidebar-icon, -placessidebar.sidebar row:selected label.sidebar-label { - color: inherit; -} - placessidebar.sidebar row.sidebar-placeholder-row { background-color: alpha(currentColor, 0.08); } @@ -3411,6 +3439,10 @@ placessidebar.sidebar row.sidebar-new-bookmark-row { color: #1A73E8; } +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #1A73E8; +} + placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -3495,11 +3527,6 @@ infobar.info, infobar.question { background-color: #FFFFFF; } -infobar.info button.text-button, infobar.question button.text-button { - padding-left: 8px; - padding-right: 8px; -} - infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) { color: #1A73E8; } @@ -3662,12 +3689,12 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 4px 4px 0 0; - 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 6px 18px 5px transparent; + 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; margin: 8px; } decoration:backdrop { - 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 6px 18px 5px transparent; + 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; } .maximized decoration, @@ -3852,7 +3879,7 @@ popover.emoji-completion .emoji:hover { .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item { @@ -3930,7 +3957,6 @@ popover.emoji-completion .emoji:hover { border-color: rgba(0, 0, 0, 0.12); border-radius: 5px 5px 0 0; background-color: rgba(255, 255, 255, 0.9); - background-clip: padding-box; } .nautilus-window .floating-bar.bottom.left { @@ -4027,18 +4053,18 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .nautilus-window paned > separator { - background-color: #F2F2F2; + background-color: #FAFAFA; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-size: smaller; } @@ -4074,7 +4100,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) { @@ -4249,7 +4275,7 @@ entry.search-missing { } window.workbench treeview.image { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.popover-selector list { @@ -4281,7 +4307,7 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } popover.omnibar list row:not(:last-child) { @@ -4378,7 +4404,7 @@ docktab { background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); font-weight: 500; } @@ -4801,6 +4827,15 @@ button.image-button.session-new-button { min-width: 32px; } +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + /************** * Terminator * **************/ @@ -4840,37 +4875,46 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #F2F2F2; + background-color: #FFFFFF; } window.background.chromium entry, -window.background.chromium > button:not(.suggested-action):not(.destructive-action) { +window.background.chromium > button { border: 1px solid rgba(0, 0, 0, 0.26); } window.background.chromium > button { - box-shadow: none; - background-size: auto; + color: #1A73E8; } -window.background.chromium > button:hover, -window.background.chromium > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +window.background.chromium > button:disabled { + color: rgba(0, 0, 0, 0.26); } -window.background.chromium > button:active { - background-image: image(alpha(currentColor, 0.12)); +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(255, 255, 255, 0.7); } window.background.chromium headerbar button:active { - background-size: 1000% 1000%; + background-color: alpha(currentColor, 0.12); } window.background.chromium spinner { color: #1A73E8; } -window.background.chromium textview { +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #1A73E8; + color: white; +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(0, 0, 0, 0.26); background-color: #FFFFFF; } @@ -4881,103 +4925,106 @@ tooltip.background.chromium { /*********** * Firefox * ***********/ -window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); +#MozillaGtkWidget > widget text { + background-color: #FFFFFF; } -window.background:not(.csd) > widget > scrollbar { - background-clip: border-box; +#MozillaGtkWidget > widget text:selected { + background-color: #1A73E8; + color: white; +} + +#MozillaGtkWidget > widget > separator { + color: rgba(0, 0, 0, 0.12); } -window.background:not(.csd) > widget > scrollbar, -window.background:not(.csd) > widget > frame > border { +#MozillaGtkWidget > widget > frame > border { border-color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { border: 1px solid rgba(0, 0, 0, 0.26); border-radius: 4px; box-shadow: none; } -window.background:not(.csd) > widget > entry { +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > entry { min-height: 30px; background-color: #FFFFFF; } -window.background:not(.csd) > widget > entry:focus { +#MozillaGtkWidget > widget > entry:focus { border-color: #1A73E8; box-shadow: inset 0 0 0 1px #1A73E8; } -window.background:not(.csd) > widget > entry:disabled { +#MozillaGtkWidget > widget > entry:disabled { background-color: #FAFAFA; } -window.background:not(.csd) > widget > button > button { +#MozillaGtkWidget > widget > button > button { padding: 4px 8px; background-size: auto; } -window.background:not(.csd) > widget > button > button:hover, -window.background:not(.csd) > widget > button > button:drop(active) { - background-image: image(alpha(currentColor, 0.08)); +#MozillaGtkWidget > widget > button > button:hover, +#MozillaGtkWidget > widget > button > button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } -window.background:not(.csd) > widget > button > button:active { +#MozillaGtkWidget > widget > button > button:active { background-image: image(alpha(currentColor, 0.12)); } -window.background:not(.csd) > widget > checkbutton > check:not(:checked), -window.background:not(.csd) > widget > radiobutton > radio:not(:checked) { +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { color: #757575; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { color: #212121; } -window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled, -window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled { +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { color: rgba(117, 117, 117, 0.5); } -window.background:not(.csd) > window > menu, -window.background:not(.csd) > menu > menu { +#MozillaGtkWidget menu { border: none; } -text:selected { - background-color: #1A73E8; - color: white; -} - -window.background:not(.csd) > widget > menubar { +#MozillaGtkWidget > widget > menubar { color: rgba(255, 255, 255, 0.7); } -window.background:not(.csd) > widget > menubar:hover { +#MozillaGtkWidget > widget > menubar:hover { color: white; } -window.background:not(.csd) > widget > menubar:disabled { +#MozillaGtkWidget > widget > menubar:disabled { color: rgba(255, 255, 255, 0.3); } -window.background:not(.csd) > widget > frame { +#MozillaGtkWidget > widget > frame { color: rgba(0, 0, 0, 0.26); } -window.background:not(.csd) > widget > checkbutton > check, -window.background:not(.csd) > widget > radiobutton > radio { - margin: 0; - padding: 0; -} - -window.background:not(.csd) > window.background > menu > separator { +#MozillaGtkWidget menu > separator { color: rgba(0, 0, 0, 0.12); } @@ -5356,7 +5403,7 @@ na-tray-applet { #mate-menu button image, #mate-menu button label + label { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } #mate-menu entry { @@ -5445,6 +5492,10 @@ na-tray-applet { margin: 0 -1px 0 -2px; } +.caja-pathbar button.slider-button { + min-width: 24px; +} + .caja-pathbar button > widget { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -GtkArrow-arrow-scaling: 1; @@ -5580,6 +5631,10 @@ na-tray-applet { border-style: none; } +.lock-dialog button:not(:disabled) { + color: #1A73E8; +} + /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 4px; @@ -5878,7 +5933,8 @@ MsdOsdWindow.background.osd .progressbar { color: rgba(255, 255, 255, 0.5); } -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel toolbar button.launcher:not(:checked):drop(active), toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .titlebar button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .titlebar .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel popover.background.menu button.launcher:not(:checked):drop(active), popover.background.menu .budgie-panel button.launcher:not(:checked):drop(active), +.budgie-panel popover.background button.launcher.model:not(:checked):drop(active), popover.background .budgie-panel button.launcher.model:not(:checked):drop(active), .budgie-panel actionbar > revealer > box button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .budgie-panel button.launcher:not(:checked):drop(active):not(.suggested-action):not(.destructive-action), .budgie-panel .app-notification button.launcher:not(:checked):drop(active), .app-notification .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel messagedialog.csd .dialog-action-box button.launcher:not(:checked):drop(active), messagedialog.csd .dialog-action-box .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel filechooser #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), filechooser .budgie-panel #pathbarbox > stack > box > button.launcher:not(:checked):drop(active), .budgie-panel infobar.info button.launcher:not(:checked):drop(active), infobar.info .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel infobar.question button.launcher:not(:checked):drop(active), infobar.question .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lock-dialog button.launcher:not(:checked):drop(active), .lock-dialog .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .lightdm-gtk-greeter button.launcher:not(:checked):drop(active), .lightdm-gtk-greeter .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel .nemo-window .toolbar button.launcher:not(:checked):drop(active), .nemo-window .toolbar .budgie-panel button.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):drop(active), .budgie-panel button.flat.launcher:not(:checked):active { color: rgba(255, 255, 255, 0.7); } @@ -6045,7 +6101,7 @@ calendar.raven-calendar:selected { } .budgie-notification .notification-body, .budgie-switcher .notification-body { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-osd .budgie-osd-text { @@ -6094,7 +6150,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(0, 0, 0, 0.54); + color: rgba(0, 0, 0, 0.6); } .budgie-polkit-dialog .failure { @@ -6266,6 +6322,10 @@ XfdesktopIconView.view .rubberband { padding-bottom: 16px; } +.lightdm-gtk-greeter button:not(:disabled) { + color: #1A73E8; +} + #buttonbox_frame { padding-top: 24px; } @@ -6399,4 +6459,4 @@ read if you used those and something break with a version upgrade you're on your /* FIXME this is really an API */ @define-color content_view_bg #FFFFFF; -@define-color placeholder_text_color #757575; +@define-color placeholder_text_color #666666; From 917f2273e3ec19cdd79af36a55c59eaf954a151c Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 14:12:53 +0900 Subject: [PATCH 65/72] chrome: Regenerate CRX files --- src/chrome/chrome-scrollbar-dark.crx | Bin 3805 -> 3831 bytes src/chrome/chrome-scrollbar.crx | Bin 3808 -> 3834 bytes src/chrome/chrome-theme-dark.crx | Bin 1425 -> 1425 bytes src/chrome/chrome-theme-light.crx | Bin 1409 -> 1409 bytes src/chrome/chrome-theme.crx | Bin 1403 -> 1403 bytes 5 files changed, 0 insertions(+), 0 deletions(-) diff --git a/src/chrome/chrome-scrollbar-dark.crx b/src/chrome/chrome-scrollbar-dark.crx index 3dec40ce21d89bb466496bd128516174341a2bad..3c663c286c8dc1a78406a187e79980950ecbb057 100644 GIT binary patch delta 1110 zcmcaB`(1W|as83Ci5nMrPP=DyDex-Wf4ONTX1m?5Ps!-B-E4f;rHsEUk-2Phd2^>G z%kjoJ7uN{oJ3YF6;(pu%4S(Uol71;@^`=$#sUN7hc6gsm)v%F(+a|%wvz^^|7@jktcsXbP$`N zxV?1V?wYSlpMN~&nU=S3(Fdpf#_OHFrkUiNOt)1P)w2pRF*7nS3Ny7Qe5kQ z-kyJE%dh3Hy3WjO)C!VuR5s6V^B3FldjA5^U5oSHo$}Zxv3X&FxWK-Hj*R(go1b5m ztY3EJ-QT-iYxb#&a0rLYP`ow&>i(=n=?_!HeUJHW{OOn~XP^H3{+)AsJGmK+T2z0@ z=laM$tdx-TPFwZqzW0k-Mm|^1yAN68R-Y?8qa@HbNB>sczA~c&iL*JiV%7*dRu$b# zJRvlvdrKeB&x9h6ZpN9Je%p2W@)vCUF17ak$9cX=XJ4LDSUUY}e_HPO&ZdtnLRS39r7pCo|mwW^j(^8a+g)TNpfaR;HBKKhFc2~3|AkFJi8&_lkV9~9e49S z+IZf#-f*Uz_0YlB&sf-b*EX+z)bTakrvAR!h50vaqZhGkiGSd^%k#E){G0`k{<5uo z*zn<^!p%RGk?D3XIq!0(ZrHMUYQoejw|+Hga|l^ZZQm>PY`@3<=l9Ro{yY7uCbuEr z*RDw!Hg_3hmTqg0+HiJi+5XPJ!ka6$Uk{TA5nG`u{qEx47l&kjq}~=}xh-&PM!Vmy zK4)7$371U1AKdSm0v%X>Gh``ESu9yE(_ax191I}aURa#mxDTk|1Q4U@?3;X!R~lmdTV5%~vdJ8LR*Y7Yo%t*o?I+iQ N$?bd!Y+hU->j1rg@tyzx delta 1114 zcmew^dslXXas8$)_p&REQMKuJwsg+Ev-a%kdzT}g&sxcNqj1IEGr_O!ZcKj?ni$2g zt}Al2(^D!A?2wK*J-)gPP1f*;QO za`@Ww$c5QUV>((L{4V_aci{HUnKMNCtI}S`gtTPDC#Fj%6){e+tp9nFeU-t7NkKIX zWmh&#$V!@%xa*8dq`Ioq?qmr8N%6m1^O>g2HlDGh@=v$udHaJeuJnk`S4*h<$E2v! z`Tcrfh24@1A}1d|ZVVRdIpMV@XNv#jd&zy@@AEJ6-kVewa^65&eX-Nwj_Ue~3%vVw z?0B_8s+z51s$fE?|I)c}H%})zOkIBLjQ0xus;K)KvZJVxIf^+Tz;_&dr|cm2tewzLc9&q=eu2 zj_8e}E}F7=uexg+Lf3mF%vj}r!SV&mWqyx3r2?0tC;Q)=m~p;ygKX1B79lQy|LgT0 zp4)usdZm`))m2N?W={@en$04s`_XUm2PP%nJ31fzu0PKDp~=X=U^`i!S*(7NV_vg? zfa`b5*6F=1%1#cMb1vVw!K%%-t&MR}*xqW*qpe&VC5)F2e4lThe?}sA%8tw>sa)42 z4l3T*_|kn=l!nNJep$udX)}zAY<3^ts$0BtvrKzb!~`x0PS4EVX)Hzu;}@xLp7_AU ze>~%UXJyst17WQ>))KenUOy?65%}Ly-+tO9YfEyivR2ORZ^h=*XFV1BvRik;?5iuQ z%(wLYV!XSla4kdWuDjP(nBRHeZMgnjlFv_(zf0d_`&*Xv&ogGy_d4z5P^{F9WNpKNU?O3{}+FK`>O>b z->~b|v%8u6HsMWV^!>`R=l6;~b!=nuWnWj571VloL$^bs|Ma8h&$XD-lisbIrr4jVZI<`SnI&-Z3Bo!MuU)*kV%BuM zPp+}qZ#9#JdG;J$*HfM^5v{dbWPjQ<)rHrCH~d}r&~MqTHR6vpR5^xx+0!zmYP(dW zipNG#>&L08=VjKM-*lnx$jW#66AF8-KPf0$<^R6b$kov5PLJ;a!7J65Y+Uqy)K~0Z zC3Ll*KWo=)f&HC<{Fg+7SkB721y67HbL|vwG>@7;z4&*JyYW@?0PQy(!kYDE%7QnR6-6w}-Sj8+P0A7_Wve+caerPGCGJbw()5uDwHYh?k#QVCmbvb-sb*8Oh!EB)h{$tM`!idRg^ zyY%_2h`L5a`u|sDE<21o%;xI9KBIp2!rs8DYU^l@Fpsrs&+ljoR9gP0B;@ah$1n1K z+`ZGfUr#UhPs^q0tuBvWGCt7QYCE+_RrhVBgu1 zObiSn3=A9`44`Oz_HB;v0bnei1Y#Z_Mu48l7kQ;227Ta_Vl11?&1c2vJlT!UlF@Z? R1CVr{yo*nP&6f+L1pvTt_Gwu@)l_2?kqo6IeA`4 z!IPSr@AfBM9^W~U-D2@k`cBRo+dz*Kq8VoV6O{yRZD2Sjvo6eHM(xKn>SoDSr5%|O zS;rP7O@4BF!^Szv{MqFjTZG+LUuLm;wPE=W(RSYFAFiyfxw@jW-ge*V&Rs!q=69_A zN`Ic1d30N+&g0@!rE@-X6gh035)*l(u2IFzMVo6%(PP0q>%{^?qOCubPDBD-0+-`wt;eH%XA-q^k{K;~(S{Zw1CmZMjgriBQ_Ty}cBeY4HW zorgEs@9s)+{3KejjA{A_vETK3(wUeU85o5cm{jz*f!ANBwF>Ba_AHM#8x%5KY+ znHwny2-V!$87`3E}K0+-QRB&tZxi{ zm>99Ftoyp~gt(UWAJQ*sTV!;YH19?3b*%e4Z^u8q4GIshJ{AaD^2k;(WAVZZ-}dyM zRw(~3qMz~0Z~^}l;eE$z6L^{nr8K&&fAV^|?D=x8v`Q>4{O`lU$FCnH$&0aU$aRyxW^cZAn>KwkTetH9*JBmVlgXXimUrIDIN$L+C~J1` z!&&b3&FM2EA3E%}?!Ke*?Mmyi7dEoDK7T&8mFddOs_4b{3R?A#F51;)__+4Z?2iHb zJ^cUf1-m`i_C;pO(e?(W>ASQfJ%4APpV{BG+5dm1r`3y}+uGk?hL8nkHWyD_a$1#=_!-V9Z2>R2wN#ryRRw*PZP zJ(5NYn+6QKLjxVYNSc%>*hs1kkdzWud58?)8oihk^k~=Rc*ElfpYt_44W6#K7-QFm@Vt?Tn{q&tz#$(1r`3y}+uGk?Wc)wT1ri#R(B1Bl>D?IPWuAikLd!{$u$!=veZ6gI=VkfYtF zkku60s4{e09@#<2N3X|4nyyOz1NFoiws1^Bv3NP%(Lmiv+}{0vGlXYfiR(Rpe)EJ%@Z+v1~P2xX+s@*BIRDZEqx}9VYHZwF?oDYiH zPixe%ieRAo_3h+#MWJ2SaF0lzneXS zd$8V}k5o(CDYS{tbUXKbo#HKRZQ@_&4Gz#2-wQ{OhgR(x*_N>K5MhqzIxZyX1%hS+ zn%2jya@SElJ%9370s{d60TO@$yMMc@9JpY5EvTXPsjH{Od6A6sv@ALYbs5@JfjVXJ z{$w7QRj7ISZNJh(9Hx`MQ?kaci%&Svd6q>;OL$uf zlCq*BWhx?*>P%9OdGiIKn&`?hZLw#^ z`Lt1U5h4Zl<`ytRF&g&D zA?r(PLzq*DWb0AjUXkQ1zeo^FQEk=KY+x|IZDQdm$1nehjnTidZtC8zPuzG@8zN{y zYUsc`+D5$YX{d=CVdBrT>J@C@I%}ud2y>Brp`AGKuUFk#0Dq6lX84fde7DcN5Ql48 zApBV+C^FEB>~{%B8bx-+u|*ou3nBZ(3~fwt|J?GOW)&cfg`p^5U`ynv<|`Z0Oj?$^ zQ&g1V%p(CJXpi*+$0ckP=TNF`woMh(lCmQ5VzMJTXj7Ieg5K@7qrcn%)JybIFB!ZW zk#oQLQGmLNyMHeO0s{d60TO@$IY1Vpa*>pKI+sf6X`tZ`x-IS{m-9_7iDvbn!a)D;*_Z_?#wY;v|SEiz2eWRE!6(u;? zVlM?6z-e-C#nMp}=shxz#8I?<>tDs2ug#a%?1ZTbn19Ne&`M!heH_BbAApj*F@n12 zm%ps`fWW2d&ad3HfdSv_U#L*WKWw8Y zTC{AM@mO)giw4n9O=mnH?wqi6@_oaY=OU!_5a_1Y($FUn0B*ImBinldNm8H&lZ01QH4mdtsLBo(UhuZ`AXjm+?9qlTiYde-(EFPjYzt z6X*Z{0DJ-f01W^D0BvDzX=Y_}bS`RhZ*Gl|Z)?LK5QpFAQ;4r!*}}R%{SNyCrG(R3 zD@pExxt2lccVCQlX|}Nz^x%H?_@HDPcK}T%jGc4<%$4ZvHj$T zJSvgb;_Y>gXfU-4binOj^veWmqPm4p-;yGCSJHnj7{MDZePAa18KIllP5R0r?sM@4 wP)h>@6aWAS2msG;A5WwG0|5;ccLPsyc>ELS0001dlL`ec1kZ3EPm??aMbYn}y8r+H delta 870 zcmV-s1DX7R3xNxeGk=zASLtXpuNKi_Q3}m>=wvNrl}}gXzV08jAx;ikCL?9f9B(Gg zNX&Z=>HhDIQqcX*u~zuU5e75w6Hd3wmluC%t=7Z!8FeHqnP?LEx)h)%YSdyQPojQB`5aey?}O# zf)q?)<+UTuVSpjhHBDD^VkF88zv-Xmto-keleB|l>Vdma&Q)}PvVPdKImEIrPOrHb zq}vbFH;fF0u$l`XuN(jW%7V~npZO#?uA$+_HZ-s{wKXvMl1Q*9#H?LZc2LWp`_pY9yjmYEyHBsaV z*ZB3n`D?3VSW&l5QYUwVZkTtG=lh$!AUME|=85N1cx1G8M{C}E;tO@+7SuyzyLc&t zkQWa`#UipQk{9Y&y zXqzkPDT4U!HchncHl~mq+})Qi7jnrM;|(~w*BzB7?K_K(f3aMIhJ!};3I7Jt-om1` z=0JRCjVS+&m7VUCw=Jb=e=O2L4~k2l^r>yY=g6_%|td_b=v8Wh&( zXNJ9xQ*QEnCD=V|#jIai2a4<|g71Mz;WwzzI7|3~GLf&y#}{t$qUf6`ObC!A=`#i7 zO|Z0@6aWAS2ml=|@lK=t0|5=pq^M33YYsr@0001elL`ec1RX8$PLn(ZMR=8;lmGw# diff --git a/src/chrome/chrome-theme.crx b/src/chrome/chrome-theme.crx index 6a9f1e9d077537e965188b027a4b4b26963a1525..7d47dc101d271d63f49c7d9661ed75cb3c56c595 100644 GIT binary patch delta 577 zcmV-H0>1tG3i}F>Gk>@YW%Ad^aQ<=;0p&I`MGdCeQqrliRU4^&v`N}n><-OQbO7tM z8zvJkW^+Qslm&p_m=AOB;S>=+QjeOfJup0xx;0i{La4X@31Ft75Rfo4MrD=1i{}K|9_*6gK@K=p?U21tk9Bh z_9k)?6{V5ghZW8qWG2+rZe)r{YNeMTU;hkrY1_2LSv=BL{Tpsi_b}^Oy4mAbcxC9V z9FnG)>FvBuO1+aA4Hw_zu4=560xbWeF<|%_h~I2)N*K5^9^@o;Z+%NwR>4{74vO1;Y%P zE{c(FWjHmWBP0Rj=`3G43N(z@WB)gini5Ro>`72V_rGnLdf7uP+l{kAIH;Cgm%7vC z zuBte@RdcW1tG3i}F>Gk>cXGA8-rYJ801oWd#khzk}Qgb_m>`gu4*SAAvzUxjwvOoZL- z-~*r963CuKoygS04((~L@>tBNMKq<41kX&?E7#Xh8Rcj(benf`5YboF26&Ma)hmjb z(&Sh56ss}BAPX`Q-0gbu=(QTb%zyl|zyo0?uA=EjSvFvi zJ;%J*kQH*9ZH10CHTO+2DNp!9+_DlwD}oqQ^TI1?{eFj0x8^hi(8Vy9-^S-%c4xhj zR{TQ?jZo89xX}i9s`cUo1g4gGY<>wLUMFJ<3dvB{pNHXihh)#7B5CVhi1#rRvSYzg zTB1eO{K%+pT7SV20s{d60TO@$aV4a)#hx;`K>yRxE?CWSZ5GA9CQ<*Mu})1od)YIS z%=i7~o(P6olZTc9ckbYmHB0=O+IC?r2ItB|1VdE_y<6St7n6V+ek`J7MxOyaIyp1QH4mWPa~bBW*%@m}f<)FU|cZvrz(~0R$W^@lLb% P13Li(94+xqlQsoKc(M;) From a83848a9ad6b0b68dd6d290ec94f48cc52ccfc0a Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 16:21:39 +0900 Subject: [PATCH 66/72] README.md: Add full preview of dark variant --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index caf5a64a8..981233bf2 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,10 @@ Materia is a [Material Design](https://material.io) theme for GNOME/GTK based de It supports GTK 2, GTK 3, GNOME Shell, Budgie, Cinnamon, MATE, Unity, Xfce, LightDM, GDM, Chrome theme, etc. -## Preview +## Previews ![widget-factory](../images/widget-factory.png?raw=true) +![widget-factory-dark](../images/widget-factory-dark.png?raw=true) ## Features From 549f9b3bf253700d81904b18c666b4bb9a0cf4f9 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Sat, 31 Aug 2019 18:03:14 +0900 Subject: [PATCH 67/72] Update README.md The materia-gtk-theme package is now available in Debian 10. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 981233bf2..60d7f0f8c 100644 --- a/README.md +++ b/README.md @@ -66,7 +66,7 @@ Supports **ripple animations** for GTK 3: Distro | Package Name / Link --- | --- Arch Linux | `materia-gtk-theme` -Debian testing / unstable | `materia-gtk-theme` +Debian 10 or later | `materia-gtk-theme` Fedora | `materia-gtk-theme` from [@LaurentTreguier's Copr](https://copr.fedorainfracloud.org/coprs/tcg/themes) Solus | `materia-gtk-theme` Ubuntu 18.04 or later | `materia-gtk-theme` From 00e72ca416cf30ee4d28f50d5e2147b44778dc83 Mon Sep 17 00:00:00 2001 From: hrdwrrsk Date: Tue, 3 Sep 2019 09:47:27 +0700 Subject: [PATCH 68/72] fix popup menu shadow cutoff in GNOME shell > 3.32 --- src/_sass/gnome-shell/_common-3.32.scss | 29 +++++++++++++++++++------ 1 file changed, 22 insertions(+), 7 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index 28da7a890..c29196cfe 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -237,7 +237,7 @@ StScrollBar { color: $text; background-color: $surface; border: none; - box-shadow: $shadow-4; + box-shadow: none; .modal-dialog-content-box { padding: 24px; } @@ -618,8 +618,7 @@ StScrollBar { width: 16px; height: 16px; } - .popup-menu-boxpointer, - .candidate-popup-boxpointer { + .popup-menu-boxpointer { -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; @@ -627,10 +626,26 @@ StScrollBar { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 - margin: 5px 8px 8px; - background-color: $surface; - border-radius: $corner-radius; - box-shadow: $shadow-2; + + .popup-menu-content { + margin: 5px 8px 8px; + background-color: $surface; + border-radius: $corner-radius; + box-shadow: $shadow-2; + } + } + + .candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; + + .candidate-popup-content { + margin: 5px 8px 8px; + background-color: $surface; + border-radius: $corner-radius; + box-shadow: $shadow-2; + } } .popup-separator-menu-item { From 68782e8fc7fb84002faef6a1e413df505921bd9e Mon Sep 17 00:00:00 2001 From: hrdwrrsk Date: Tue, 3 Sep 2019 09:48:37 +0700 Subject: [PATCH 69/72] recompile sass --- src/gnome-shell/3.18/gnome-shell-compact.css | 14 +++--- .../3.18/gnome-shell-dark-compact.css | 14 +++--- src/gnome-shell/3.18/gnome-shell-dark.css | 14 +++--- .../3.18/gnome-shell-light-compact.css | 14 +++--- src/gnome-shell/3.18/gnome-shell-light.css | 14 +++--- src/gnome-shell/3.18/gnome-shell.css | 14 +++--- src/gnome-shell/3.24/gnome-shell-compact.css | 18 +++---- .../3.24/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.24/gnome-shell-dark.css | 18 +++---- .../3.24/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.24/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.24/gnome-shell.css | 18 +++---- src/gnome-shell/3.26/gnome-shell-compact.css | 18 +++---- .../3.26/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.26/gnome-shell-dark.css | 18 +++---- .../3.26/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.26/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.26/gnome-shell.css | 18 +++---- src/gnome-shell/3.28/gnome-shell-compact.css | 18 +++---- .../3.28/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.28/gnome-shell-dark.css | 18 +++---- .../3.28/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.28/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.28/gnome-shell.css | 18 +++---- src/gnome-shell/3.30/gnome-shell-compact.css | 18 +++---- .../3.30/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.30/gnome-shell-dark.css | 18 +++---- .../3.30/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.30/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.30/gnome-shell.css | 18 +++---- src/gnome-shell/3.32/gnome-shell-compact.css | 49 ++++++++++++------- .../3.32/gnome-shell-dark-compact.css | 49 ++++++++++++------- src/gnome-shell/3.32/gnome-shell-dark.css | 49 ++++++++++++------- .../3.32/gnome-shell-light-compact.css | 49 ++++++++++++------- src/gnome-shell/3.32/gnome-shell-light.css | 49 ++++++++++++------- src/gnome-shell/3.32/gnome-shell.css | 49 ++++++++++++------- src/gtk/3.0/gtk-compact.css | 2 +- src/gtk/3.0/gtk-dark-compact.css | 2 +- src/gtk/3.0/gtk-dark.css | 2 +- src/gtk/3.0/gtk-light-compact.css | 2 +- src/gtk/3.0/gtk-light.css | 2 +- src/gtk/3.0/gtk.css | 2 +- 42 files changed, 456 insertions(+), 366 deletions(-) diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 2c8609836..6bbfcf392 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index 7633ea197..63be608dc 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index 1b80fc50f..91ef6de74 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index cc17fedb3..2be750f64 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index 181c21aad..3b3097aaa 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index a68f72116..3a4588ca4 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index 3e1ed386a..bf28054d9 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index d7d6e6184..91a501962 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index 1bf1018b8..28d4a5934 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index eb063dd54..eedd1aa78 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index 26b92193e..265dd823e 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index 43def4421..7943234d7 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index 81632ba13..377ea2526 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index fec93c1d9..a18f89429 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index ba24e4078..39b651e31 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index 0aaa5e55d..dd215c1f1 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index 122665410..ca7044d76 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index 82797de38..197a7f5cd 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index ea4ac155c..f079f91c6 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index c87db1583..89711f790 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index b2f49ab55..0a907a2a5 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index b42a3ec51..796c32a8e 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index a2c59f4c4..b9f64b727 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index 8d88b0eab..d5c34173a 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index bcc32ca7a..a9409f875 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index 102d75a5e..a156c36fb 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index 5fc7a82e4..c953d3de8 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 2ea72a4c6..215fee099 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index 2826beb5c..944eb01a2 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index 9d0e6cd47..cc3ee156e 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index 2d59cbc55..09a0723d1 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + box-shadow: none; } .modal-dialog .modal-dialog-content-box { @@ -806,8 +806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer, -.candidate-popup-boxpointer { +.popup-menu-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -815,6 +814,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-boxpointer .popup-menu-content { + margin: 5px 8px 8px; + background-color: #FFFFFF; + border-radius: 4px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; +} + +.candidate-popup-boxpointer .candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1080,7 +1095,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1280,7 +1295,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.28571em; + icon-size: 2.2857142857em; } .weather-forecast-time { @@ -1326,7 +1341,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .calendar-day-base { @@ -1475,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,8 +1500,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.14286em; - height: 1.14286em; + width: 1.1428571429em; + height: 1.1428571429em; } .message-secondary-bin { @@ -1504,7 +1519,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1624,13 +1639,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1681,11 +1696,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2260,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2316,7 +2331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2660,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index f2c4e4d00..7c12e55e7 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: white; background-color: #3C3C3C; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + box-shadow: none; } .modal-dialog .modal-dialog-content-box { @@ -806,8 +806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer, -.candidate-popup-boxpointer { +.popup-menu-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -815,6 +814,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-boxpointer .popup-menu-content { + margin: 5px 8px 8px; + background-color: #3C3C3C; + border-radius: 4px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; +} + +.candidate-popup-boxpointer .candidate-popup-content { margin: 5px 8px 8px; background-color: #3C3C3C; border-radius: 4px; @@ -1080,7 +1095,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1280,7 +1295,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.28571em; + icon-size: 2.2857142857em; } .weather-forecast-time { @@ -1326,7 +1341,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .calendar-day-base { @@ -1475,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,8 +1500,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.14286em; - height: 1.14286em; + width: 1.1428571429em; + height: 1.1428571429em; } .message-secondary-bin { @@ -1504,7 +1519,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1624,13 +1639,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1681,11 +1696,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2260,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2316,7 +2331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2660,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index dd8b9259c..eff7b29e8 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: white; background-color: #3C3C3C; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + box-shadow: none; } .modal-dialog .modal-dialog-content-box { @@ -806,8 +806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer, -.candidate-popup-boxpointer { +.popup-menu-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -815,6 +814,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-boxpointer .popup-menu-content { + margin: 5px 8px 8px; + background-color: #3C3C3C; + border-radius: 4px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; +} + +.candidate-popup-boxpointer .candidate-popup-content { margin: 5px 8px 8px; background-color: #3C3C3C; border-radius: 4px; @@ -1080,7 +1095,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1280,7 +1295,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.28571em; + icon-size: 2.2857142857em; } .weather-forecast-time { @@ -1326,7 +1341,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .calendar-day-base { @@ -1475,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,8 +1500,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.14286em; - height: 1.14286em; + width: 1.1428571429em; + height: 1.1428571429em; } .message-secondary-bin { @@ -1504,7 +1519,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1624,13 +1639,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1681,11 +1696,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2260,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2316,7 +2331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2660,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index 8c62a067e..cdf3d52f3 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + box-shadow: none; } .modal-dialog .modal-dialog-content-box { @@ -806,8 +806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer, -.candidate-popup-boxpointer { +.popup-menu-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -815,6 +814,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-boxpointer .popup-menu-content { + margin: 5px 8px 8px; + background-color: #FFFFFF; + border-radius: 4px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; +} + +.candidate-popup-boxpointer .candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1080,7 +1095,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1280,7 +1295,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.28571em; + icon-size: 2.2857142857em; } .weather-forecast-time { @@ -1326,7 +1341,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .calendar-day-base { @@ -1475,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,8 +1500,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.14286em; - height: 1.14286em; + width: 1.1428571429em; + height: 1.1428571429em; } .message-secondary-bin { @@ -1504,7 +1519,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1624,13 +1639,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1681,11 +1696,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2260,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2316,7 +2331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2660,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index c208d6b7d..8575dae61 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + box-shadow: none; } .modal-dialog .modal-dialog-content-box { @@ -806,8 +806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer, -.candidate-popup-boxpointer { +.popup-menu-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -815,6 +814,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-boxpointer .popup-menu-content { + margin: 5px 8px 8px; + background-color: #FFFFFF; + border-radius: 4px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; +} + +.candidate-popup-boxpointer .candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1080,7 +1095,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1280,7 +1295,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.28571em; + icon-size: 2.2857142857em; } .weather-forecast-time { @@ -1326,7 +1341,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .calendar-day-base { @@ -1475,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,8 +1500,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.14286em; - height: 1.14286em; + width: 1.1428571429em; + height: 1.1428571429em; } .message-secondary-bin { @@ -1504,7 +1519,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1624,13 +1639,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1681,11 +1696,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2260,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2316,7 +2331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2660,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index 9a277f768..a77216ed0 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); + box-shadow: none; } .modal-dialog .modal-dialog-content-box { @@ -806,8 +806,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer, -.candidate-popup-boxpointer { +.popup-menu-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -815,6 +814,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -arrow-box-shadow: none; +} + +.popup-menu-boxpointer .popup-menu-content { + margin: 5px 8px 8px; + background-color: #FFFFFF; + border-radius: 4px; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); +} + +.candidate-popup-boxpointer { + -arrow-background-color: transparent; + border: 0 none transparent; + background: transparent; +} + +.candidate-popup-boxpointer .candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1080,7 +1095,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; padding: 0 4px; } @@ -1280,7 +1295,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.28571em; + icon-size: 2.2857142857em; } .weather-forecast-time { @@ -1326,7 +1341,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .calendar-day-base { @@ -1475,7 +1490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.14286em; + icon-size: 1.1428571429em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,8 +1500,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.14286em; - height: 1.14286em; + width: 1.1428571429em; + height: 1.1428571429em; } .message-secondary-bin { @@ -1504,7 +1519,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .message-title { @@ -1624,13 +1639,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.14286em; + margin-left: 1.1428571429em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.14286em; + margin-right: 1.1428571429em; } .system-menu-action { @@ -1681,11 +1696,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .popup-menu-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .window-close { @@ -2260,7 +2275,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .notification-banner .notification-actions { @@ -2316,7 +2331,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } .chat-body { @@ -2660,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.14286em; + icon-size: 1.1428571429em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gtk/3.0/gtk-compact.css b/src/gtk/3.0/gtk-compact.css index afeedce34..be2f0dff0 100644 --- a/src/gtk/3.0/gtk-compact.css +++ b/src/gtk/3.0/gtk-compact.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d9d9; + background-color: #d9d8d8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk-dark-compact.css b/src/gtk/3.0/gtk-dark-compact.css index 98c4174d8..a1049a33f 100644 --- a/src/gtk/3.0/gtk-dark-compact.css +++ b/src/gtk/3.0/gtk-dark-compact.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #080808; + background-color: #080707; color: white; } diff --git a/src/gtk/3.0/gtk-dark.css b/src/gtk/3.0/gtk-dark.css index 6ed3f87ff..f9e843466 100644 --- a/src/gtk/3.0/gtk-dark.css +++ b/src/gtk/3.0/gtk-dark.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #080808; + background-color: #080707; color: white; } diff --git a/src/gtk/3.0/gtk-light-compact.css b/src/gtk/3.0/gtk-light-compact.css index 15a8336bb..bc05680f8 100644 --- a/src/gtk/3.0/gtk-light-compact.css +++ b/src/gtk/3.0/gtk-light-compact.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d9d9; + background-color: #d9d8d8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk-light.css b/src/gtk/3.0/gtk-light.css index d866c117d..f8574be13 100644 --- a/src/gtk/3.0/gtk-light.css +++ b/src/gtk/3.0/gtk-light.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d9d9; + background-color: #d9d8d8; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index d2819722a..dbe840e9a 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d9d9; + background-color: #d9d8d8; color: rgba(0, 0, 0, 0.87); } From d7e24da2b4d386703c3f266740793fe31e88be9a Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 3 Sep 2019 22:17:32 +0900 Subject: [PATCH 70/72] gnome-shell 3.32: Revert box-shadow of modal dialog To me it's better than no shadows, even if it's still buggy... --- src/_sass/gnome-shell/_common-3.32.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index c29196cfe..c17950153 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -237,7 +237,7 @@ StScrollBar { color: $text; background-color: $surface; border: none; - box-shadow: none; + box-shadow: $shadow-4; .modal-dialog-content-box { padding: 24px; } From b98ff414c86b20528b75c22adb08fd98973ceb11 Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 3 Sep 2019 22:47:09 +0900 Subject: [PATCH 71/72] gnome-shell 3.32: Properly override default theme styles .candidate-popup-boxpointer lacked some style overrides. --- src/_sass/gnome-shell/_common-3.32.scss | 19 ++++--------------- 1 file changed, 4 insertions(+), 15 deletions(-) diff --git a/src/_sass/gnome-shell/_common-3.32.scss b/src/_sass/gnome-shell/_common-3.32.scss index c17950153..ed9ac6bd9 100644 --- a/src/_sass/gnome-shell/_common-3.32.scss +++ b/src/_sass/gnome-shell/_common-3.32.scss @@ -618,7 +618,8 @@ StScrollBar { width: 16px; height: 16px; } - .popup-menu-boxpointer { + .popup-menu-boxpointer, + .candidate-popup-boxpointer { -arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296 -arrow-background-color: transparent; -arrow-border-width: 0; @@ -627,24 +628,12 @@ StScrollBar { -arrow-rise: 0; -arrow-box-shadow: none; //dreaming. bug #689995 - .popup-menu-content { - margin: 5px 8px 8px; - background-color: $surface; - border-radius: $corner-radius; - box-shadow: $shadow-2; - } - } - - .candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; - + @at-root .popup-menu-content, .candidate-popup-content { margin: 5px 8px 8px; background-color: $surface; border-radius: $corner-radius; - box-shadow: $shadow-2; + box-shadow: $shadow-2; } } From a7d4b8e513a06846aa6f320e181d5b9dc53dc07a Mon Sep 17 00:00:00 2001 From: nana-4 Date: Tue, 3 Sep 2019 22:51:40 +0900 Subject: [PATCH 72/72] Regenerate CSSs --- src/gnome-shell/3.18/gnome-shell-compact.css | 14 +++--- .../3.18/gnome-shell-dark-compact.css | 14 +++--- src/gnome-shell/3.18/gnome-shell-dark.css | 14 +++--- .../3.18/gnome-shell-light-compact.css | 14 +++--- src/gnome-shell/3.18/gnome-shell-light.css | 14 +++--- src/gnome-shell/3.18/gnome-shell.css | 14 +++--- src/gnome-shell/3.24/gnome-shell-compact.css | 18 +++---- .../3.24/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.24/gnome-shell-dark.css | 18 +++---- .../3.24/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.24/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.24/gnome-shell.css | 18 +++---- src/gnome-shell/3.26/gnome-shell-compact.css | 18 +++---- .../3.26/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.26/gnome-shell-dark.css | 18 +++---- .../3.26/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.26/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.26/gnome-shell.css | 18 +++---- src/gnome-shell/3.28/gnome-shell-compact.css | 18 +++---- .../3.28/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.28/gnome-shell-dark.css | 18 +++---- .../3.28/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.28/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.28/gnome-shell.css | 18 +++---- src/gnome-shell/3.30/gnome-shell-compact.css | 18 +++---- .../3.30/gnome-shell-dark-compact.css | 18 +++---- src/gnome-shell/3.30/gnome-shell-dark.css | 18 +++---- .../3.30/gnome-shell-light-compact.css | 18 +++---- src/gnome-shell/3.30/gnome-shell-light.css | 18 +++---- src/gnome-shell/3.30/gnome-shell.css | 18 +++---- src/gnome-shell/3.32/gnome-shell-compact.css | 49 +++++++------------ .../3.32/gnome-shell-dark-compact.css | 49 +++++++------------ src/gnome-shell/3.32/gnome-shell-dark.css | 49 +++++++------------ .../3.32/gnome-shell-light-compact.css | 49 +++++++------------ src/gnome-shell/3.32/gnome-shell-light.css | 49 +++++++------------ src/gnome-shell/3.32/gnome-shell.css | 49 +++++++------------ src/gtk/3.0/gtk-compact.css | 2 +- src/gtk/3.0/gtk-dark-compact.css | 2 +- src/gtk/3.0/gtk-dark.css | 2 +- src/gtk/3.0/gtk-light-compact.css | 2 +- src/gtk/3.0/gtk-light.css | 2 +- src/gtk/3.0/gtk.css | 2 +- 42 files changed, 378 insertions(+), 444 deletions(-) diff --git a/src/gnome-shell/3.18/gnome-shell-compact.css b/src/gnome-shell/3.18/gnome-shell-compact.css index 6bbfcf392..2c8609836 100644 --- a/src/gnome-shell/3.18/gnome-shell-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-compact.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index 63be608dc..7633ea197 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index 91ef6de74..1b80fc50f 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-light-compact.css b/src/gnome-shell/3.18/gnome-shell-light-compact.css index 2be750f64..cc17fedb3 100644 --- a/src/gnome-shell/3.18/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-light-compact.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell-light.css b/src/gnome-shell/3.18/gnome-shell-light.css index 3b3097aaa..181c21aad 100644 --- a/src/gnome-shell/3.18/gnome-shell-light.css +++ b/src/gnome-shell/3.18/gnome-shell-light.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.18/gnome-shell.css b/src/gnome-shell/3.18/gnome-shell.css index 3a4588ca4..a68f72116 100644 --- a/src/gnome-shell/3.18/gnome-shell.css +++ b/src/gnome-shell/3.18/gnome-shell.css @@ -1079,7 +1079,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1519,13 +1519,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1574,7 +1574,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2129,7 +2129,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2185,7 +2185,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2496,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-compact.css b/src/gnome-shell/3.24/gnome-shell-compact.css index bf28054d9..3e1ed386a 100644 --- a/src/gnome-shell/3.24/gnome-shell-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-compact.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index 91a501962..d7d6e6184 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index 28d4a5934..1bf1018b8 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-light-compact.css b/src/gnome-shell/3.24/gnome-shell-light-compact.css index eedd1aa78..eb063dd54 100644 --- a/src/gnome-shell/3.24/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-light-compact.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell-light.css b/src/gnome-shell/3.24/gnome-shell-light.css index 265dd823e..26b92193e 100644 --- a/src/gnome-shell/3.24/gnome-shell-light.css +++ b/src/gnome-shell/3.24/gnome-shell-light.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.24/gnome-shell.css b/src/gnome-shell/3.24/gnome-shell.css index 7943234d7..43def4421 100644 --- a/src/gnome-shell/3.24/gnome-shell.css +++ b/src/gnome-shell/3.24/gnome-shell.css @@ -1087,7 +1087,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1422,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1446,7 +1446,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1566,13 +1566,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1621,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2176,7 +2176,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2232,7 +2232,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2543,7 +2543,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-compact.css b/src/gnome-shell/3.26/gnome-shell-compact.css index 377ea2526..81632ba13 100644 --- a/src/gnome-shell/3.26/gnome-shell-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index a18f89429..fec93c1d9 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index 39b651e31..ba24e4078 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-light-compact.css b/src/gnome-shell/3.26/gnome-shell-light-compact.css index dd215c1f1..0aaa5e55d 100644 --- a/src/gnome-shell/3.26/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-light-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell-light.css b/src/gnome-shell/3.26/gnome-shell-light.css index ca7044d76..122665410 100644 --- a/src/gnome-shell/3.26/gnome-shell-light.css +++ b/src/gnome-shell/3.26/gnome-shell-light.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.26/gnome-shell.css b/src/gnome-shell/3.26/gnome-shell.css index 197a7f5cd..82797de38 100644 --- a/src/gnome-shell/3.26/gnome-shell.css +++ b/src/gnome-shell/3.26/gnome-shell.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2520,7 +2520,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-compact.css b/src/gnome-shell/3.28/gnome-shell-compact.css index f079f91c6..ea4ac155c 100644 --- a/src/gnome-shell/3.28/gnome-shell-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 89711f790..c87db1583 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index 0a907a2a5..b2f49ab55 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-light-compact.css b/src/gnome-shell/3.28/gnome-shell-light-compact.css index 796c32a8e..b42a3ec51 100644 --- a/src/gnome-shell/3.28/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-light-compact.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell-light.css b/src/gnome-shell/3.28/gnome-shell-light.css index b9f64b727..a2c59f4c4 100644 --- a/src/gnome-shell/3.28/gnome-shell-light.css +++ b/src/gnome-shell/3.28/gnome-shell-light.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.28/gnome-shell.css b/src/gnome-shell/3.28/gnome-shell.css index d5c34173a..8d88b0eab 100644 --- a/src/gnome-shell/3.28/gnome-shell.css +++ b/src/gnome-shell/3.28/gnome-shell.css @@ -1089,7 +1089,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1455,7 +1455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1479,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1599,13 +1599,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1654,7 +1654,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2208,7 +2208,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2264,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2563,7 +2563,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-compact.css b/src/gnome-shell/3.30/gnome-shell-compact.css index a9409f875..bcc32ca7a 100644 --- a/src/gnome-shell/3.30/gnome-shell-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-compact.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-dark-compact.css b/src/gnome-shell/3.30/gnome-shell-dark-compact.css index a156c36fb..102d75a5e 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-dark-compact.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-dark.css b/src/gnome-shell/3.30/gnome-shell-dark.css index c953d3de8..5fc7a82e4 100644 --- a/src/gnome-shell/3.30/gnome-shell-dark.css +++ b/src/gnome-shell/3.30/gnome-shell-dark.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-light-compact.css b/src/gnome-shell/3.30/gnome-shell-light-compact.css index 215fee099..2ea72a4c6 100644 --- a/src/gnome-shell/3.30/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.30/gnome-shell-light-compact.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell-light.css b/src/gnome-shell/3.30/gnome-shell-light.css index 944eb01a2..2826beb5c 100644 --- a/src/gnome-shell/3.30/gnome-shell-light.css +++ b/src/gnome-shell/3.30/gnome-shell-light.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.30/gnome-shell.css b/src/gnome-shell/3.30/gnome-shell.css index cc3ee156e..9d0e6cd47 100644 --- a/src/gnome-shell/3.30/gnome-shell.css +++ b/src/gnome-shell/3.30/gnome-shell.css @@ -1090,7 +1090,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1461,7 +1461,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1485,7 +1485,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1605,13 +1605,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1661,7 +1661,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2215,7 +2215,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2271,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2570,7 +2570,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-compact.css b/src/gnome-shell/3.32/gnome-shell-compact.css index 09a0723d1..dcd258594 100644 --- a/src/gnome-shell/3.32/gnome-shell-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-compact.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { @@ -806,7 +806,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer { +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -816,20 +817,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-box-shadow: none; } -.popup-menu-boxpointer .popup-menu-content { - margin: 5px 8px 8px; - background-color: #FFFFFF; - border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -} - -.candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; -} - -.candidate-popup-boxpointer .candidate-popup-content { +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1095,7 +1084,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1295,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.2857142857em; + icon-size: 2.28571em; } .weather-forecast-time { @@ -1341,7 +1330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .calendar-day-base { @@ -1490,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1500,8 +1489,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.1428571429em; - height: 1.1428571429em; + width: 1.14286em; + height: 1.14286em; } .message-secondary-bin { @@ -1519,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1639,13 +1628,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1696,11 +1685,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2275,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2331,7 +2320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2675,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-dark-compact.css b/src/gnome-shell/3.32/gnome-shell-dark-compact.css index 7c12e55e7..f484c7dd1 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-dark-compact.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: white; background-color: #3C3C3C; border: none; - box-shadow: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { @@ -806,7 +806,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer { +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -816,20 +817,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-box-shadow: none; } -.popup-menu-boxpointer .popup-menu-content { - margin: 5px 8px 8px; - background-color: #3C3C3C; - border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -} - -.candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; -} - -.candidate-popup-boxpointer .candidate-popup-content { +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #3C3C3C; border-radius: 4px; @@ -1095,7 +1084,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1295,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.2857142857em; + icon-size: 2.28571em; } .weather-forecast-time { @@ -1341,7 +1330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .calendar-day-base { @@ -1490,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1500,8 +1489,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.1428571429em; - height: 1.1428571429em; + width: 1.14286em; + height: 1.14286em; } .message-secondary-bin { @@ -1519,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1639,13 +1628,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1696,11 +1685,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2275,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2331,7 +2320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2675,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-dark.css b/src/gnome-shell/3.32/gnome-shell-dark.css index eff7b29e8..6a1b01634 100644 --- a/src/gnome-shell/3.32/gnome-shell-dark.css +++ b/src/gnome-shell/3.32/gnome-shell-dark.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: white; background-color: #3C3C3C; border: none; - box-shadow: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { @@ -806,7 +806,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer { +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -816,20 +817,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-box-shadow: none; } -.popup-menu-boxpointer .popup-menu-content { - margin: 5px 8px 8px; - background-color: #3C3C3C; - border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -} - -.candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; -} - -.candidate-popup-boxpointer .candidate-popup-content { +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #3C3C3C; border-radius: 4px; @@ -1095,7 +1084,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1295,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.2857142857em; + icon-size: 2.28571em; } .weather-forecast-time { @@ -1341,7 +1330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .calendar-day-base { @@ -1490,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: white; - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1500,8 +1489,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.1428571429em; - height: 1.1428571429em; + width: 1.14286em; + height: 1.14286em; } .message-secondary-bin { @@ -1519,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1639,13 +1628,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1696,11 +1685,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2275,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2331,7 +2320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2675,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-light-compact.css b/src/gnome-shell/3.32/gnome-shell-light-compact.css index cdf3d52f3..239b40c5c 100644 --- a/src/gnome-shell/3.32/gnome-shell-light-compact.css +++ b/src/gnome-shell/3.32/gnome-shell-light-compact.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { @@ -806,7 +806,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer { +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -816,20 +817,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-box-shadow: none; } -.popup-menu-boxpointer .popup-menu-content { - margin: 5px 8px 8px; - background-color: #FFFFFF; - border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -} - -.candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; -} - -.candidate-popup-boxpointer .candidate-popup-content { +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1095,7 +1084,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1295,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.2857142857em; + icon-size: 2.28571em; } .weather-forecast-time { @@ -1341,7 +1330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .calendar-day-base { @@ -1490,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1500,8 +1489,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.1428571429em; - height: 1.1428571429em; + width: 1.14286em; + height: 1.14286em; } .message-secondary-bin { @@ -1519,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1639,13 +1628,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1696,11 +1685,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2275,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2331,7 +2320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2675,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell-light.css b/src/gnome-shell/3.32/gnome-shell-light.css index 8575dae61..a60aa3e62 100644 --- a/src/gnome-shell/3.32/gnome-shell-light.css +++ b/src/gnome-shell/3.32/gnome-shell-light.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { @@ -806,7 +806,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer { +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -816,20 +817,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-box-shadow: none; } -.popup-menu-boxpointer .popup-menu-content { - margin: 5px 8px 8px; - background-color: #FFFFFF; - border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -} - -.candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; -} - -.candidate-popup-boxpointer .candidate-popup-content { +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1095,7 +1084,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1295,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.2857142857em; + icon-size: 2.28571em; } .weather-forecast-time { @@ -1341,7 +1330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .calendar-day-base { @@ -1490,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1500,8 +1489,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.1428571429em; - height: 1.1428571429em; + width: 1.14286em; + height: 1.14286em; } .message-secondary-bin { @@ -1519,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1639,13 +1628,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1696,11 +1685,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2275,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2331,7 +2320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2675,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gnome-shell/3.32/gnome-shell.css b/src/gnome-shell/3.32/gnome-shell.css index a77216ed0..b2dad11d7 100644 --- a/src/gnome-shell/3.32/gnome-shell.css +++ b/src/gnome-shell/3.32/gnome-shell.css @@ -357,7 +357,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; border: none; - box-shadow: none; + box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } .modal-dialog .modal-dialog-content-box { @@ -806,7 +806,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; } -.popup-menu-boxpointer { +.popup-menu-boxpointer, +.candidate-popup-boxpointer { -arrow-border-radius: 20px; -arrow-background-color: transparent; -arrow-border-width: 0; @@ -816,20 +817,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-box-shadow: none; } -.popup-menu-boxpointer .popup-menu-content { - margin: 5px 8px 8px; - background-color: #FFFFFF; - border-radius: 4px; - box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); -} - -.candidate-popup-boxpointer { - -arrow-background-color: transparent; - border: 0 none transparent; - background: transparent; -} - -.candidate-popup-boxpointer .candidate-popup-content { +.popup-menu-content, +.candidate-popup-content { margin: 5px 8px 8px; background-color: #FFFFFF; border-radius: 4px; @@ -1095,7 +1084,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button .system-status-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; padding: 0 4px; } @@ -1295,7 +1284,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .weather-forecast-icon { - icon-size: 2.2857142857em; + icon-size: 2.28571em; } .weather-forecast-time { @@ -1341,7 +1330,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-change-month-back StIcon, .calendar-change-month-forward StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .calendar-day-base { @@ -1490,7 +1479,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-icon-bin > StIcon { color: rgba(0, 0, 0, 0.87); - icon-size: 1.1428571429em; + icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; } @@ -1500,8 +1489,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > .fallback-window-icon { - width: 1.1428571429em; - height: 1.1428571429em; + width: 1.14286em; + height: 1.14286em; } .message-secondary-bin { @@ -1519,7 +1508,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin > StIcon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .message-title { @@ -1639,13 +1628,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { /* 8px spacing + 2*4px padding */ padding-left: 16px; - margin-left: 1.1428571429em; + margin-left: 1.14286em; } .aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { /* 8px spacing + 2*4px padding */ padding-right: 16px; - margin-right: 1.1428571429em; + margin-right: 1.14286em; } .system-menu-action { @@ -1696,11 +1685,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu-arrow { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .popup-menu-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .window-close { @@ -2275,7 +2264,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .notification-banner .notification-actions { @@ -2331,7 +2320,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .secondary-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } .chat-body { @@ -2675,7 +2664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-page-button-icon { - icon-size: 1.1428571429em; + icon-size: 1.14286em; } /* Auth Dialogs & Screen Shield */ diff --git a/src/gtk/3.0/gtk-compact.css b/src/gtk/3.0/gtk-compact.css index be2f0dff0..afeedce34 100644 --- a/src/gtk/3.0/gtk-compact.css +++ b/src/gtk/3.0/gtk-compact.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d8d8; + background-color: #d9d9d9; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk-dark-compact.css b/src/gtk/3.0/gtk-dark-compact.css index a1049a33f..98c4174d8 100644 --- a/src/gtk/3.0/gtk-dark-compact.css +++ b/src/gtk/3.0/gtk-dark-compact.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #080707; + background-color: #080808; color: white; } diff --git a/src/gtk/3.0/gtk-dark.css b/src/gtk/3.0/gtk-dark.css index f9e843466..6ed3f87ff 100644 --- a/src/gtk/3.0/gtk-dark.css +++ b/src/gtk/3.0/gtk-dark.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #080707; + background-color: #080808; color: white; } diff --git a/src/gtk/3.0/gtk-light-compact.css b/src/gtk/3.0/gtk-light-compact.css index bc05680f8..15a8336bb 100644 --- a/src/gtk/3.0/gtk-light-compact.css +++ b/src/gtk/3.0/gtk-light-compact.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d8d8; + background-color: #d9d9d9; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk-light.css b/src/gtk/3.0/gtk-light.css index f8574be13..d866c117d 100644 --- a/src/gtk/3.0/gtk-light.css +++ b/src/gtk/3.0/gtk-light.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d8d8; + background-color: #d9d9d9; color: rgba(0, 0, 0, 0.87); } diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index dbe840e9a..d2819722a 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -70,7 +70,7 @@ } .gtkstyle-fallback:active { - background-color: #d9d8d8; + background-color: #d9d9d9; color: rgba(0, 0, 0, 0.87); }