From 56a785943da7eb695444c0efedd6792820e643f6 Mon Sep 17 00:00:00 2001 From: EliverLara Date: Sat, 13 Nov 2021 12:51:26 -0600 Subject: [PATCH] Elementary: Fix appearance of colors in file-menager context menu --- gtk-3.0/_colors-public.scss | 75 ++- gtk-3.0/_elementary-colors.scss | 71 ++ gtk-3.0/apps/_pantheon.scss | 142 ++++ gtk-3.0/gtk-dark.css | 990 ++++++++++++---------------- gtk-3.0/gtk-dark.scss | 1 + gtk-3.0/gtk.css | 1083 +++++++++++++------------------ gtk-3.0/gtk.scss | 1 + 7 files changed, 1175 insertions(+), 1188 deletions(-) create mode 100644 gtk-3.0/_elementary-colors.scss diff --git a/gtk-3.0/_colors-public.scss b/gtk-3.0/_colors-public.scss index 4beb7c1..34661c0 100755 --- a/gtk-3.0/_colors-public.scss +++ b/gtk-3.0/_colors-public.scss @@ -109,4 +109,77 @@ read if you used those and something break with a version upgrade you're on your //Budgie desktop @define-color budgie_tasklist_indicator_color #{"" +$selected_bg_color}; @define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_color}; -@define-color placeholder_text_color #{"" +$backdrop_text_color}; \ No newline at end of file +@define-color placeholder_text_color #{"" +$backdrop_text_color}; + +// Elementary OS colors +@define-color STRAWBERRY_100 #{$STRAWBERRY_100}; +@define-color STRAWBERRY_300 #{$STRAWBERRY_300}; +@define-color STRAWBERRY_500 #{$STRAWBERRY_500}; +@define-color STRAWBERRY_700 #{$STRAWBERRY_700}; +@define-color STRAWBERRY_900 #{$STRAWBERRY_900}; + +@define-color ORANGE_100 #{$ORANGE_100}; +@define-color ORANGE_300 #{$ORANGE_300}; +@define-color ORANGE_500 #{$ORANGE_500}; +@define-color ORANGE_700 #{$ORANGE_700}; +@define-color ORANGE_900 #{$ORANGE_900}; + +@define-color BANANA_100 #{$BANANA_100}; +@define-color BANANA_300 #{$BANANA_300}; +@define-color BANANA_500 #{$BANANA_500}; +@define-color BANANA_700 #{$BANANA_700}; +@define-color BANANA_900 #{$BANANA_900}; + +@define-color LIME_100 #{$LIME_100}; +@define-color LIME_300 #{$LIME_300}; +@define-color LIME_500 #{$LIME_500}; +@define-color LIME_700 #{$LIME_700}; +@define-color LIME_900 #{$LIME_900}; + +@define-color MINT_100 #{$MINT_100}; +@define-color MINT_300 #{$MINT_300}; +@define-color MINT_500 #{$MINT_500}; +@define-color MINT_700 #{$MINT_700}; +@define-color MINT_900 #{$MINT_900}; + +@define-color BLUEBERRY_100 #{$BLUEBERRY_100}; +@define-color BLUEBERRY_300 #{$BLUEBERRY_300}; +@define-color BLUEBERRY_500 #{$BLUEBERRY_500}; +@define-color BLUEBERRY_700 #{$BLUEBERRY_700}; +@define-color BLUEBERRY_900 #{$BLUEBERRY_900}; + +@define-color BUBBLEGUM_100 #{$BUBBLEGUM_100}; +@define-color BUBBLEGUM_300 #{$BUBBLEGUM_300}; +@define-color BUBBLEGUM_500 #{$BUBBLEGUM_500}; +@define-color BUBBLEGUM_700 #{$BUBBLEGUM_700}; +@define-color BUBBLEGUM_900 #{$BUBBLEGUM_900}; + +@define-color GRAPE_100 #{$GRAPE_100}; +@define-color GRAPE_300 #{$GRAPE_300}; +@define-color GRAPE_500 #{$GRAPE_500}; +@define-color GRAPE_700 #{$GRAPE_700}; +@define-color GRAPE_900 #{$GRAPE_900}; + +@define-color COCOA_100 #{$COCOA_100}; +@define-color COCOA_300 #{$COCOA_300}; +@define-color COCOA_500 #{$COCOA_500}; +@define-color COCOA_700 #{$COCOA_700}; +@define-color COCOA_900 #{$COCOA_900}; + +@define-color SILVER_100 #{$SILVER_100}; +@define-color SILVER_300 #{$SILVER_300}; +@define-color SILVER_500 #{$SILVER_500}; +@define-color SILVER_700 #{$SILVER_700}; +@define-color SILVER_900 #{$SILVER_900}; + +@define-color SLATE_100 #{$SLATE_100}; +@define-color SLATE_300 #{$SLATE_300}; +@define-color SLATE_500 #{$SLATE_500}; +@define-color SLATE_700 #{$SLATE_700}; +@define-color SLATE_900 #{$SLATE_900}; + +@define-color BLACK_100 #{$BLACK_100}; +@define-color BLACK_300 #{$BLACK_300}; +@define-color BLACK_500 #{$BLACK_500}; +@define-color BLACK_700 #{$BLACK_700}; +@define-color BLACK_900 #{"" + $BLACK_900}; \ No newline at end of file diff --git a/gtk-3.0/_elementary-colors.scss b/gtk-3.0/_elementary-colors.scss new file mode 100644 index 0000000..6229b13 --- /dev/null +++ b/gtk-3.0/_elementary-colors.scss @@ -0,0 +1,71 @@ +$STRAWBERRY_100: #ff8c82; +$STRAWBERRY_300: #ed5353; +$STRAWBERRY_500: #c6262e; +$STRAWBERRY_700: #a10705; +$STRAWBERRY_900: #7a0000; + +$ORANGE_100: #ffc27d; +$ORANGE_300: #ffa154; +$ORANGE_500: #f37329; +$ORANGE_700: #cc3b02; +$ORANGE_900: #a62100; + +$BANANA_100: #fff394; +$BANANA_300: #ffe16b; +$BANANA_500: #f9c440; +$BANANA_700: #d48e15; +$BANANA_900: #ad5f00; + +$LIME_100: #d1ff82; +$LIME_300: #9bdb4d; +$LIME_500: #68b723; +$LIME_700: #3a9104; +$LIME_900: #206b00; + +$MINT_100: #89ffdd; +$MINT_300: #43d6b5; +$MINT_500: #28bca3; +$MINT_700: #0e9a83; +$MINT_900: #007367; + +$BLUEBERRY_100: #8cd5ff; +$BLUEBERRY_300: #64baff; +$BLUEBERRY_500: #3689e6; +$BLUEBERRY_700: #0d52bf; +$BLUEBERRY_900: #002e99; + +$BUBBLEGUM_100: #fe9ab8; +$BUBBLEGUM_300: #f4679d; +$BUBBLEGUM_500: #de3e80; +$BUBBLEGUM_700: #bc245d; +$BUBBLEGUM_900: #910e38; + +$GRAPE_100: #e4c6fa; +$GRAPE_300: #cd9ef7; +$GRAPE_500: #a56de2; +$GRAPE_700: #7239b3; +$GRAPE_900: #452981; + +$COCOA_100: #a3907c; +$COCOA_300: #8a715e; +$COCOA_500: #715344; +$COCOA_700: #57392d; +$COCOA_900: #3d211b; + +$SILVER_100: #fafafa; +$SILVER_300: #d4d4d4; +$SILVER_500: #abacae; +$SILVER_700: #7e8087; +$SILVER_900: #555761; + +$SLATE_100: #95a3ab; +$SLATE_300: #667885; +$SLATE_500: #485a6c; +$SLATE_700: #273445; +$SLATE_900: #0e141f; + +$BLACK_100: #666; +$BLACK_300: #4d4d4d; +$BLACK_500: #333; +$BLACK_700: #1a1a1a; +$BLACK_900: #000; \ No newline at end of file diff --git a/gtk-3.0/apps/_pantheon.scss b/gtk-3.0/apps/_pantheon.scss index b705a90..3c65c29 100755 --- a/gtk-3.0/apps/_pantheon.scss +++ b/gtk-3.0/apps/_pantheon.scss @@ -304,4 +304,146 @@ LibraryWindow { } } } +} + + +/************************** + * Colors in context menu * +**************************/ + +checkbutton.color-button { + border: 1px solid $borders_color; + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; + + > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; + } + + &.none { + > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); + } + } + +} + +radiobutton.color-button { + > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(black, 0.15); + border-radius: 100px; + background-clip: border-box; + } + + &:active > radio { + border: 1px solid rgba(black, 0.35); + } +} + +.color-button { + check, + check:checked, + radio, + radio:checked, { + background-image: none; + border: 1px solid rgba(black, 0.2); + border-radius: 50%; + box-shadow: inset-shadow(); + color: $base_color; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); + min-height: rem(12px); + min-width: rem(12px); + padding: rem(3px); + } + + &.red check, + &.red radio, + &.strawberry check, + &.strawberry radio { + background-color: #{'@STRAWBERRY_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@STRAWBERRY_500'}; + } + + &.orange check, + &.orange radio { + background-color: #{'@ORANGE_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@ORANGE_500'}; + } + + &.yellow check, + &.yellow radio, + &.banana check, + &.banana radio { + background-color: #{'@BANANA_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BANANA_700'}; + } + + &.green check, + &.green radio, + &.lime check, + &.lime radio { + background-color: #{'@LIME_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@LIME_700'}; + } + + &.blue check, + &.blue radio, + &.blueberry check, + &.blueberry radio { + background-color: #{'@BLUEBERRY_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BLUEBERRY_700'}; + } + + &.purple check, + &.purple radio, + &.grape check, + &.grape radio { + background-color: #{'@GRAPE_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@GRAPE_700'}; + } + + &.brown check, + &.brown radio, + &.cocoa check, + &.cocoa radio { + background-color: #{'@COCOA_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@COCOA_500'}; + } + + &.mint check, + &.mint radio { + background-color: #{'@MINT_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@MINT_700'}; + } + + &.pink check, + &.pink radio, + &.bubblegum check, + &.bubblegum radio { + background-color: #{'@BUBBLEGUM_500'}; + -gtk-icon-shadow: 0 1px 1px #{'@BUBBLEGUM_700'}; + } + + &.slate check, + &.slate radio { + background-color: #{'@SLATE_300'}; + -gtk-icon-shadow: 0 1px 1px #{'@SLATE_500'}; + + } + + &.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); + } } \ No newline at end of file diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 8d8d865..f802c06 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -72,6 +72,66 @@ read if you used those and something break with a version upgrade you're on your @define-color budgie_tasklist_indicator_color #f7b922; @define-color budgie_tasklist_indicator_color_active #f7b922; @define-color placeholder_text_color #a1a5b0; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; /***************** * Drawing mixins * *****************/ @@ -238,13 +298,10 @@ assistant .sidebar { assistant .sidebar:backdrop { background-color: #1a1d2b; border-color: rgba(13, 16, 23, 0.82); } - assistant.csd .sidebar { border-top-style: none; } - assistant .sidebar label { padding: 6px 12px; } - assistant .sidebar label.highlight { background-color: #393c47; } @@ -273,7 +330,6 @@ assistant .sidebar label.highlight { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#fad06c), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f7b922), to(transparent)); } } - notebook > header > tabs > arrow, button { min-height: 20px; @@ -431,16 +487,11 @@ button { color: #71f79f; border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } - -row:selected -button.flat:not(:active):not(:checked):not(:hover):not(disabled) { +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } - row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #6d707b; } - - button.osd { min-width: 24px; min-height: 20px; @@ -457,10 +508,8 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd.image-button { min-width: 32px; } - button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -472,7 +521,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd:active, button.osd:checked { color: white; @@ -485,10 +533,9 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd:disabled:backdrop, button.osd:disabled { - color: #8c8c8e; + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; @@ -496,7 +543,6 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } - button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -506,11 +552,9 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } - .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, -.osd -button { +.osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.98); @@ -520,8 +564,7 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, - .osd - button:hover { + .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 54, 64, 0.98), rgba(53, 54, 64, 0.98)); @@ -531,14 +574,10 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(39, 40, 47, 0.98), rgba(39, 40, 47, 0.98)); @@ -548,11 +587,9 @@ button { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { - color: #8c8c8e; + .osd button:disabled:backdrop, + .osd button:disabled { + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; @@ -560,8 +597,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, - .osd - button:backdrop { + .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(25, 26, 31, 0.98), rgba(25, 26, 31, 0.98)); @@ -570,8 +606,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, - .osd - button.flat { + .osd button.flat { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.98); @@ -584,8 +619,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat.image-button, popover.background.touch-selection button.flat.image-button, popover.background.magnifier button.flat.image-button, - .osd - button.flat.image-button { + .osd button.flat.image-button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.98); @@ -595,8 +629,7 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, - .osd - button.flat:hover { + .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 54, 64, 0.98), rgba(53, 54, 64, 0.98)); @@ -606,9 +639,8 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, - .osd - button.flat:disabled { - color: #8c8c8e; + .osd button.flat:disabled { + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; @@ -619,8 +651,7 @@ button { border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, - .osd - button.flat:backdrop { + .osd button.flat:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(25, 26, 31, 0.98); @@ -630,10 +661,8 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + .osd button.flat:active, + .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(39, 40, 47, 0.98), rgba(39, 40, 47, 0.98)); @@ -642,83 +671,54 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - - button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - .selection-mode button.titlebutton, - button.suggested-action.flat { + .selection-mode button.titlebutton, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - - button.suggested-action:active, - button.suggested-action:checked { + button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - .selection-mode button.titlebutton:backdrop label, - button.suggested-action:backdrop label, - button.suggested-action.flat:backdrop label { + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:checked label, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:checked label { + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - .selection-mode button.titlebutton:backdrop:disabled label, - button.suggested-action:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled label { + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; @@ -726,25 +726,19 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(0, 193, 228, 0.8); } - button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - - button.suggested-action:disabled:active label, - button.suggested-action:disabled:checked label { + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.suggested-action { + .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 193, 228, 0.5); @@ -753,8 +747,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7)); @@ -763,11 +756,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #00c1e4, #00c1e4); @@ -776,18 +765,15 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #8c8c8e; + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd button.suggested-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5)); @@ -795,83 +781,54 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - - button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #fe8c00, #f83600); } - button.destructive-action.flat { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } - - button.destructive-action:active, - button.destructive-action:checked { + button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } - - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } - - button.destructive-action:backdrop label, - button.destructive-action.flat:backdrop label { + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:checked label, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:checked label { + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } - - button.destructive-action:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled label { + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; @@ -879,25 +836,19 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 17, 56, 0.8); } - button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #ce1138; text-shadow: none; } - - button.destructive-action:disabled:active label, - button.destructive-action:disabled:checked label { + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.destructive-action { + .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(206, 17, 56, 0.5); @@ -906,8 +857,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.7), rgba(206, 17, 56, 0.7)); @@ -916,11 +866,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ce1138, #ce1138); @@ -929,18 +875,15 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #8c8c8e; + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(206, 17, 56, 0.5), rgba(206, 17, 56, 0.5)); @@ -948,53 +891,33 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.stack-switcher > -button { +.stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } - -.primary-toolbar -button, .primary-toolbar .raised -button { +.primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } - .primary-toolbar - button:hover, .primary-toolbar - button:focus, .primary-toolbar .raised - button:hover, .primary-toolbar .raised - button:focus { + .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #f7b922; @@ -1003,7 +926,7 @@ button { .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fad06c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.907451)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#fad06c), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.9074509804)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } @@ -1019,7 +942,6 @@ toolbar button:hover { color: #C3C7D1; background-color: #181b28; text-shadow: none; } - toolbar button:active { font-weight: normal; color: #C3C7D1; @@ -1055,47 +977,43 @@ toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } -.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border: 1px solid rgba(12, 14, 21, 0.8); border-radius: 0; border-right-style: none; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } -.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } - -.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } - -.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } - -.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } - -.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { border-radius: 3px; border-style: solid; } @@ -1130,14 +1048,16 @@ popover.background radiobutton, popover.background radiobutton:hover, .menuitem.button.flat:hover { background-color: #12151f; } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, popover.background radiobutton radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, modelbutton.flat radio:first-child, popover.background checkbutton radio:first-child, popover.background radiobutton radio:first-child, @@ -1145,13 +1065,17 @@ popover.background radiobutton, .menuitem.button.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { @@ -1163,7 +1087,6 @@ notebook button, list button, .view button, iconview button, popover button { box-shadow: none; } notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { box-shadow: none; } - notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } @@ -1596,49 +1519,42 @@ radio { *****************/ colorswatch, colorswatch:drop(active) { border-style: none; } - colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } - colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.dark overlay { color: #fefefe; } colorswatch.dark overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.dark overlay:backdrop { color: rgba(254, 254, 254, 0.5); } - colorswatch.light overlay { color: #C3C7D1; } colorswatch.light overlay:hover { border-color: rgba(12, 14, 21, 0.8); } colorswatch.light overlay:backdrop { color: #a1a5b0; } - colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -1647,7 +1563,6 @@ colorswatch:drop(active) { colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px rgba(12, 14, 21, 0.8), inset 0 0 0 1px #71f79f; } - colorswatch overlay { box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); border: 1px solid rgba(12, 14, 21, 0.8); } @@ -1656,7 +1571,6 @@ colorswatch overlay { colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(12, 14, 21, 0.8); box-shadow: none; } - colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { @@ -1676,16 +1590,13 @@ colorswatch#add-color-button { outline-color: rgba(195, 199, 209, 0.3); background-color: #1a1d2b; text-shadow: none; } - colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } - row:selected colorswatch { box-shadow: 0 0 0 2px #fefefe; } - colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -1701,7 +1612,6 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } - combobox:drop(active) { box-shadow: none; } @@ -1710,7 +1620,6 @@ combobox:drop(active) { ***********/ messagedialog .titlebar:not(headerbar) { background-color: rgba(22, 25, 37, 0.95); } - messagedialog .titlebar { min-height: 20px; background-image: none; @@ -1718,13 +1627,11 @@ messagedialog .titlebar { border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } - messagedialog.csd.background { background-color: rgba(22, 25, 37, 0.95); color: #C3C7D1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; @@ -1749,7 +1656,6 @@ filechooser .dialog-action-box { border-top: 1px solid rgba(12, 14, 21, 0.8); } filechooser .dialog-action-box:backdrop { border-top-color: rgba(13, 16, 23, 0.82); } - filechooser #pathbarbox { border-bottom: 1px solid #161925; } @@ -1760,8 +1666,7 @@ filechooserbutton:drop(active) { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), -entry { +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -1877,24 +1782,24 @@ entry { entry:drop(active) { border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), + .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { + .osd spinbutton:focus:not(.vertical), + .osd entry:focus { color: white; border-color: #f7b922; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); @@ -1902,16 +1807,15 @@ entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd - entry:disabled { - color: #8c8c8e; + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(48, 49, 53, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; @@ -1925,68 +1829,56 @@ entry progress { spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #dea008; } - .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #dea008; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #71f79f; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: rgba(21, 24, 36, 0.94); background-image: linear-gradient(to bottom, #181b28, #181b28); } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: rgba(23, 26, 39, 0.946); + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: rgba(23, 26, 38, 0.946); background-image: linear-gradient(to bottom, #1a1d2b, #1a1d2b); } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: rgba(21, 24, 36, 0.94); } - .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #dea008; } - .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #71f79f; } - .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > @@ -1994,11 +1886,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #dea008; } - .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > @@ -2010,7 +1902,6 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #181b28; transition-property: color, background; } - treeview entry.flat, treeview entry { border-radius: 0; background-image: none; @@ -2079,7 +1970,6 @@ actionbar > revealer > box { scrolledwindow viewport.frame { border-style: none; } - scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-size: 100% 5%, 100% 100%; @@ -2096,7 +1986,6 @@ scrolledwindow overshoot.top { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-size: 100% 5%, 100% 100%; @@ -2113,7 +2002,6 @@ scrolledwindow overshoot.bottom { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.left { border-radius: 23px; background: linear-gradient(to right, #eee90a, #f7b922); @@ -2138,7 +2026,6 @@ scrolledwindow overshoot.left { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-size: 5% 100%, 100% 100%; @@ -2155,7 +2042,6 @@ scrolledwindow overshoot.right { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2166,7 +2052,6 @@ scrolledwindow undershoot.top { background-position: center top; border: none; box-shadow: none; } - scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2177,7 +2062,6 @@ scrolledwindow undershoot.bottom { background-position: center bottom; border: none; box-shadow: none; } - scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2188,7 +2072,6 @@ scrolledwindow undershoot.left { background-position: left center; border: none; box-shadow: none; } - scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2199,7 +2082,6 @@ scrolledwindow undershoot.right { background-position: right center; border: none; box-shadow: none; } - scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, rgba(12, 14, 21, 0.8) 1px, transparent 1px) 0 0 0 1/0 1px stretch; @@ -2321,7 +2203,6 @@ GraniteWidgetsWelcome { background-image: none; background-color: transparent; padding: 8px 6px; } - .storage-bar .fill-block { background-color: #fadd00; border: none; @@ -2354,8 +2235,7 @@ GraniteWidgetsWelcome { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), .titlebar, -headerbar { +.titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #07080c; @@ -2375,11 +2255,11 @@ headerbar { font-size: smaller; padding-left: 12px; padding-right: 12px; } - .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar entry, headerbar entry { min-height: 24px; background: #0d0e16; } - .titlebar:not(headerbar) button, .titlebar button, + .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; @@ -2609,7 +2489,7 @@ headerbar { .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { color: #ffe6e6; } - .titlebar .linked:not(.vertical) > entry, .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar .linked:not(.vertical) > entry, .titlebar entry, headerbar .linked:not(.vertical) > entry, headerbar entry { border-color: rgba(12, 14, 21, 0.8); @@ -2617,7 +2497,7 @@ headerbar { background: #0d0e16; color: white; caret-color: white; } - .titlebar .linked:not(.vertical) > entry *, .titlebar:not(headerbar) entry *, .titlebar entry *, + .titlebar .linked:not(.vertical) > entry *, .titlebar entry *, headerbar .linked:not(.vertical) > entry *, headerbar entry * { color: white; } @@ -2645,28 +2525,17 @@ headerbar { headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(247, 185, 34, 0.6); } - .tiled .titlebar, - .maximized .titlebar, .tiled - headerbar.titlebar, - .maximized - headerbar.titlebar { + .tiled .titlebar, .maximized .titlebar, + .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } - .tiled .titlebar:backdrop, .tiled .titlebar, - .maximized .titlebar:backdrop, - .maximized .titlebar, .tiled - headerbar:backdrop, .tiled - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar { + .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; } - .default-decoration.titlebar, - headerbar.default-decoration { + .default-decoration.titlebar, headerbar.default-decoration { padding: 5px 4px; min-height: 20px; } - .default-decoration.titlebar button.titlebutton, - headerbar.default-decoration button.titlebutton { + .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; @@ -2677,12 +2546,10 @@ headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } - headerbar switch { margin-top: 10px; margin-bottom: 10px; box-shadow: none; } - headerbar separator { background: transparent; } @@ -2692,11 +2559,8 @@ headerbar separator { border-top-left-radius: 4px; border-top-right-radius: 4px; } -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, -window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, -window:not(.tiled):not(.maximized) headerbar:first-child { +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } - window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } @@ -2707,7 +2571,6 @@ window.csd > .titlebar:not(headerbar) { border-style: none; border-color: transparent; box-shadow: none; } - .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { background: #07080c; } @@ -2791,14 +2654,11 @@ infobar { levelbar block { min-width: 32px; min-height: 6px; } - levelbar.vertical block { min-width: 6px; min-height: 32px; } - levelbar:backdrop { transition: 200ms ease-out; } - levelbar trough { padding: 3px; border-radius: 3px; @@ -2807,13 +2667,10 @@ levelbar trough { levelbar trough:backdrop { background-color: rgba(255, 255, 255, 0.06); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } - levelbar.horizontal.discrete block { margin: 0 1px; } - levelbar.vertical.discrete block { margin: 1px 0; } - levelbar block { border-radius: 2px; } levelbar block:backdrop { @@ -2864,9 +2721,7 @@ button:visited { button:backdrop:visited { color: #f7b922; } *:link:selected, button:selected:link, - button:selected:visited, - *:selected *:link, - *:selected button:link, + button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #fdf0d2; } @@ -2939,74 +2794,46 @@ menubar, color: #6d707b; box-shadow: none; } -menu, -.menu, -.context-menu { +menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; background: linear-gradient(to bottom, #1a1d2b, #12151f); border: 1px solid rgba(12, 14, 21, 0.8); border-radius: 5px; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, + .csd .menu, + .csd .context-menu { border: none; } - menu:backdrop, - .menu:backdrop, - .context-menu:backdrop { + menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #191c2a; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { + menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover, - .context-menu menuitem:hover { + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #fefefe; background-color: #f7b922; } - menu menuitem:disabled, - .menu menuitem:disabled, - .context-menu menuitem:disabled { + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #6d707b; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #333955; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .context-menu menuitem:backdrop, - .context-menu menuitem:backdrop:hover { + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #6d707b; background-color: transparent; } - menu menuitem arrow, - .menu menuitem arrow, - .context-menu menuitem arrow { + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .context-menu menuitem arrow:dir(ltr) { + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .context-menu menuitem arrow:dir(rtl) { + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), - .menu menuitem label:dir(rtl), - .menu menuitem label:dir(ltr), - .context-menu menuitem label:dir(rtl), - .context-menu menuitem label:dir(ltr) { + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } - menu > arrow, - .menu > arrow, - .context-menu > arrow { + menu > arrow, .menu > arrow, .context-menu > arrow { background-color: transparent; background-image: none; border-color: transparent; @@ -3016,38 +2843,27 @@ menu, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #181b28; + background-color: #181b27; border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #292c39; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom, - .context-menu > arrow.bottom { + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #292c39; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #292c39; } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #191c2a; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } - menuitem check, menuitem radio { min-height: 16px; @@ -3075,7 +2891,6 @@ menuitem radio { .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } - .scale-popup button:hover { background-color: rgba(195, 199, 209, 0.1); border-radius: 5px; } @@ -3279,7 +3094,6 @@ notebook > header { margin-top: 1px; margin-bottom: 1px; padding: 1px 1px; } - notebook > stack:not(:only-child) { background-color: #181b28; } notebook > stack:not(:only-child):backdrop { @@ -3309,7 +3123,6 @@ paned > separator { paned > separator.wide:backdrop { background-color: #161925; background-image: image(rgba(13, 16, 23, 0.82)), image(rgba(13, 16, 23, 0.82)); } - paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -3325,7 +3138,6 @@ paned.horizontal > separator { padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } - paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; @@ -3343,21 +3155,16 @@ paned.vertical > separator { .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } - .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } - .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } - .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } - .path-bar button image { padding-left: 4px; padding-right: 4px; } - .path-bar button.slider-button { padding-left: 0; padding-right: 0; } @@ -3554,7 +3361,7 @@ scale { outline-color: rgba(254, 254, 254, 0.3); background-color: #191a1f; } .osd scale slider:disabled { - color: #8c8c8e; + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; @@ -4071,7 +3878,9 @@ treeview ~ scrollbar.vertical { stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: none; border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(12, 14, 21, 0.8); border-right-style: none; } .sidebar:backdrop { @@ -4170,7 +3979,6 @@ placessidebar.sidebar { background: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } - placessidebar list { background-color: transparent; } placessidebar list:backdrop { @@ -4225,7 +4033,6 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } - .osd spinbutton:not(.vertical) button { background-color: transparent; background-image: none; @@ -4271,7 +4078,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #8c8c8e; + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -4279,23 +4086,18 @@ spinbutton:not(.vertical) { border-radius: 0 3px 3px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } - spinbutton.vertical:disabled { color: #6d707b; } - spinbutton.vertical:backdrop:disabled { color: #333955; } - spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } - spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } - spinbutton.vertical button { min-height: 32px; min-width: 32px; @@ -4303,15 +4105,12 @@ spinbutton.vertical button { border-width: 1px; border-color: rgba(12, 14, 21, 0.8); box-shadow: 0 1px rgba(255, 255, 255, 0.1); } - spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } - spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } - .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -4340,7 +4139,7 @@ spinbutton.vertical button.down { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #8c8c8e; + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; @@ -4355,7 +4154,6 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; @@ -4376,7 +4174,6 @@ menu spinner { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } - spinner { background: none; opacity: 0; @@ -4516,7 +4313,7 @@ tooltip { * Tree Views * **************/ treeview.view { - border-left-color: #6d717d; + border-left-color: #6e717d; border-top-color: #161925; } * { -GtkTreeView-horizontal-separator: 4; @@ -4595,13 +4392,13 @@ treeview.view { background-color: #dea008; border-radius: 4px; } treeview.view header button { - color: #6d717d; + color: #6e717d; background-color: #181b28; font-weight: bold; text-shadow: none; box-shadow: none; } treeview.view header button:hover { - color: #989ca7; + color: #999ca7; box-shadow: none; transition: none; } treeview.view header button:active { @@ -4659,9 +4456,7 @@ decoration { decoration:backdrop { box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2); transition: 200ms ease-out; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4708,13 +4503,18 @@ button.titlebutton { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.5592156863); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5592156863); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } -.view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, @@ -4723,7 +4523,12 @@ popover.background radiobutton:selected, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #f7b922; } - row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, @@ -4733,23 +4538,31 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { color: #fefefe; font-weight: normal; } - row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { color: #fbdc90; } - row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { color: rgba(254, 254, 254, 0.5); } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, @@ -4901,16 +4714,14 @@ button.budgie-menu-launcher { button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #f7b922; box-shadow: none; - background-color: #181b28; } + background-color: #181b27; } .user-menu .content-box separator { margin-left: 6px; margin-right: 6px; background-color: rgba(195, 199, 209, 0.1); } - .user-menu button { margin: 5px; } - .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); @@ -4968,66 +4779,53 @@ button.raven-trigger { .places-menu .container { padding: 0; } - .places-menu .message-bar { border-top-left-radius: 3px; border-top-right-radius: 3px; } - .places-menu .name-button { border: 0; border-radius: 0; padding: 4px 6px; } - .places-menu .unmount-button { padding: 4px 4px; border: 0; border-radius: 0; } - .places-menu .places-section-header { padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } - .places-menu .places-section-header > button { padding: 8px; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } - .places-menu .places-list { background: rgba(195, 199, 209, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.95); } - .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.85); } - .places-menu .unlock-area entry { border-radius: 0; border: 0; } - .places-menu .unlock-area button { border-radius: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.85); } - .places-menu .alternative-label { font-size: 15px; padding: 3px; } - .places-menu .always-expand { background: transparent; border-bottom: none; } .night-light-indicator .container { padding: 0; } - .night-light-indicator .view-header { font-size: 14px; padding: 10px; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } - .night-light-indicator .display-settings-button { border-top-left-radius: 0px; border-top-right-radius: 0px; @@ -5107,86 +4905,105 @@ button.raven-trigger { .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { box-shadow: none; } - .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: none; } - .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, -.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, - .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, - .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, - .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #f7b922; } - .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, -.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, - .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, - .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, - .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #f7b922; } - .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, -.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, - .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, - .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, - .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #f7b922; } - .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, -.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, - .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, - .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, - .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #f7b922; } .top .budgie-panel { @@ -5255,7 +5072,7 @@ button.raven-trigger { color: white; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; - background-color: rgba(38, 38, 38, 0.45); } + background-color: rgba(34, 36, 42, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -5317,7 +5134,7 @@ button.raven-trigger { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { - background-color: rgba(38, 38, 38, 0.25); } + background-color: rgba(34, 36, 42, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(247, 185, 34, 0.9); } @@ -5425,14 +5242,11 @@ calendar.raven-calendar { .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } - .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; color: white; } - .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(255, 255, 255, 0.7); } - .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } @@ -5452,7 +5266,6 @@ calendar.raven-calendar { .budgie-switcher-window flowbox { color: #C3C7D1; } - .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; @@ -5524,7 +5337,6 @@ calendar.raven-calendar { .budgie-polkit-dialog .message { color: rgba(255, 255, 255, 0.7); } - .budgie-polkit-dialog .failure { color: #ed254e; } @@ -5541,11 +5353,10 @@ calendar.raven-calendar { .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { padding-left: 12px; padding-right: 8px; } - .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, -.budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } - .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0); } @@ -5557,7 +5368,6 @@ calendar.raven-calendar { .budgie-menubar menu menuitem:hover { background-color: #f7b922; color: #fefefe; } - .budgie-menubar arrow { border: none; min-width: 16px; @@ -5568,10 +5378,8 @@ calendar.raven-calendar { .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(37, 37, 41, 0.928); } - .budgie-menubar menuitem accelerator { color: rgba(195, 199, 209, 0.35); } - .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } @@ -5581,41 +5389,24 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } - .top .workspace-switcher .workspace-layout:dir(ltr), - .bottom .workspace-switcher .workspace-layout:dir(ltr) { + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } - .top .workspace-switcher .workspace-layout:dir(rtl), - .bottom .workspace-switcher .workspace-layout:dir(rtl) { + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } - .left .workspace-switcher .workspace-layout, - .right .workspace-switcher .workspace-layout { + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(26, 26, 26, 0.95); } - .top .workspace-switcher .workspace-item:dir(ltr), - .bottom .workspace-switcher .workspace-item:dir(ltr), .top - .workspace-switcher .workspace-add-button:dir(ltr), - .bottom - .workspace-switcher .workspace-add-button:dir(ltr) { +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(23, 24, 28, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } - .top .workspace-switcher .workspace-item:dir(rtl), - .bottom .workspace-switcher .workspace-item:dir(rtl), .top - .workspace-switcher .workspace-add-button:dir(rtl), - .bottom - .workspace-switcher .workspace-add-button:dir(rtl) { + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } - .left .workspace-switcher .workspace-item, - .right .workspace-switcher .workspace-item, .left - .workspace-switcher .workspace-add-button, - .right - .workspace-switcher .workspace-add-button { + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } - .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(26, 26, 26, 0.95); } - + background-color: rgba(23, 24, 28, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; @@ -5626,7 +5417,6 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } - .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; @@ -5641,10 +5431,8 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: #f7b922; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #f7b922; } - .nautilus-window paned > separator { background-image: none; } - .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { @@ -5662,32 +5450,25 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: rgba(24, 27, 40, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(247, 185, 34, 0.9); } - .nautilus-window.background { background-color: rgba(18, 21, 31, 0.95); } .nautilus-window.background:backdrop { background-color: rgba(18, 21, 31, 0.95); } - .nautilus-window notebook > stack:only-child { background-color: #181b28; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #1a1d2b; } - .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } - .nautilus-window .searchbar-container { margin-top: -1px; } - .nautilus-window .titlebar .search { border: 1px solid transparent; border-radius: 3px; box-shadow: none; margin: 10px 5px 10px 0; } - .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } - .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, @@ -5704,13 +5485,11 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { color: whitesmoke; } - .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; color: #f7b922; box-shadow: none; border: none; } - .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; } .nautilus-window .linked:not(.vertical) > entry:focus { @@ -5748,10 +5527,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: #fefefe; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* @@ -5764,13 +5545,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: #161925; } /********* - * Gnucash * - *********/ +* Gnucash * +*********/ #gnc-id-main-window entry.gnc-class-register-foreground { background: transparent; border: none; box-shadow: none; } - #gnc-id-main-window .arrow.button.toggle { transition: none; box-shadow: none; } @@ -5811,7 +5591,11 @@ panel-toplevel.background button:not(#tasklist-button) { color: #fefefe; border-bottom: 2px solid #f7b922; background-color: #27282f; } - .xfce4-panel.panel button.flat:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active image, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image { + .xfce4-panel.panel button.flat:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active image, .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image { color: inherit; } #whiskermenu-window button { @@ -5863,7 +5647,6 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { background: #151519; } - window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #eee90a, #f7b922); @@ -5980,7 +5763,6 @@ menubar.panel, text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } - .composited-indicator > revealer image:first-child + label { margin-left: 5px; } @@ -6065,12 +5847,88 @@ LibraryWindow .the-button-in-the-combobox { border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } - .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #fed349, #ff7800); } +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(12, 14, 21, 0.8); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + box-shadow: inset-shadow(); + color: #181b28; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); + min-height: rem(12px); + min-width: rem(12px); + padding: rem(3px); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + /******** * Unity * *********/ @@ -6211,7 +6069,6 @@ SheetStyleDialog.unity-force-quit { @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } - .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; @@ -6221,7 +6078,6 @@ SheetStyleDialog.unity-force-quit { panel-toplevel.background, panel-toplevel.background menubar { background-color: #101013; } - .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, @@ -6229,7 +6085,6 @@ panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: white; } - .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, @@ -6238,7 +6093,6 @@ panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } - .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: gray; @@ -6250,7 +6104,6 @@ panel-toplevel.background .wnck-pager { panel-toplevel.background .wnck-pager:selected { color: #fbd884; background-color: #f7b922; } - .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; @@ -6303,7 +6156,8 @@ ConversationListView { font-weight: bold; box-shadow: inset 0 -1px black; } #panel_window .menubar, - #panel_window .menubar > .menuitem menubar, + #panel_window .menubar > .menuitem + menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; @@ -6396,7 +6250,7 @@ ConversationListView { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { - color: #8c8c8e; + color: #8c8c8f; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(48, 49, 53, 0.5), rgba(48, 49, 53, 0.5)); background-clip: padding-box; @@ -6430,13 +6284,11 @@ ConversationListView { .nemo-window .places-treeview iconview.cell:selected { background: #f7b922; color: #fefefe; } - .nemo-window .sidebar { background-color: #202127; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { color: #98abb2; background-color: transparent; } - .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; @@ -6448,7 +6300,6 @@ ConversationListView { .nemo-window .nemo-window-pane widget.entry:selected { background-color: #f7b922; color: #fefefe; } - .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #07080c; } @@ -6469,14 +6320,12 @@ ConversationListView { background: linear-gradient(to right, #eee90a, #f7b922); box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); color: white; } - .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { background-color: #0e1018; } .caja-notebook .frame { border-width: 0 0 1px; } - .caja-notebook .entry { background: #161925; color: #C3C7D1; @@ -6486,8 +6335,8 @@ ConversationListView { color: #fefefe; } /************** - * Caja sidebar * - **************/ +* Caja sidebar * +**************/ .caja-side-pane { background: #07080c; } .caja-side-pane .frame { @@ -6514,8 +6363,8 @@ ConversationListView { background: #f7b922; } /************** - * Caja pathbar * - **************/ +* Caja pathbar * +**************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #07080c; } @@ -6528,7 +6377,6 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, @@ -6568,3 +6416,5 @@ ConversationListView { border-radius: 0; text-shadow: none; box-shadow: none; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/gtk-3.0/gtk-dark.scss b/gtk-3.0/gtk-dark.scss index cf5d435..334d1b6 100755 --- a/gtk-3.0/gtk-dark.scss +++ b/gtk-3.0/gtk-dark.scss @@ -3,6 +3,7 @@ $variant: 'dark'; @import 'colors'; +@import 'elementary-colors'; @import 'colors-public'; @import 'drawing'; @import 'common'; diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index 0888223..0106107 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -35,7 +35,7 @@ /* widgets main borders color */ @define-color borders rgba(0, 0, 0, 0.13); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(142, 142, 142, 0.217); +@define-color unfocused_borders rgba(141, 141, 141, 0.217); /* these are pretty self explicative */ @define-color warning_color #ff9200; @define-color error_color #ed254e; @@ -72,6 +72,66 @@ read if you used those and something break with a version upgrade you're on your @define-color budgie_tasklist_indicator_color #f7b922; @define-color budgie_tasklist_indicator_color_active #f7b922; @define-color placeholder_text_color #565b61; +@define-color STRAWBERRY_100 #ff8c82; +@define-color STRAWBERRY_300 #ed5353; +@define-color STRAWBERRY_500 #c6262e; +@define-color STRAWBERRY_700 #a10705; +@define-color STRAWBERRY_900 #7a0000; +@define-color ORANGE_100 #ffc27d; +@define-color ORANGE_300 #ffa154; +@define-color ORANGE_500 #f37329; +@define-color ORANGE_700 #cc3b02; +@define-color ORANGE_900 #a62100; +@define-color BANANA_100 #fff394; +@define-color BANANA_300 #ffe16b; +@define-color BANANA_500 #f9c440; +@define-color BANANA_700 #d48e15; +@define-color BANANA_900 #ad5f00; +@define-color LIME_100 #d1ff82; +@define-color LIME_300 #9bdb4d; +@define-color LIME_500 #68b723; +@define-color LIME_700 #3a9104; +@define-color LIME_900 #206b00; +@define-color MINT_100 #89ffdd; +@define-color MINT_300 #43d6b5; +@define-color MINT_500 #28bca3; +@define-color MINT_700 #0e9a83; +@define-color MINT_900 #007367; +@define-color BLUEBERRY_100 #8cd5ff; +@define-color BLUEBERRY_300 #64baff; +@define-color BLUEBERRY_500 #3689e6; +@define-color BLUEBERRY_700 #0d52bf; +@define-color BLUEBERRY_900 #002e99; +@define-color BUBBLEGUM_100 #fe9ab8; +@define-color BUBBLEGUM_300 #f4679d; +@define-color BUBBLEGUM_500 #de3e80; +@define-color BUBBLEGUM_700 #bc245d; +@define-color BUBBLEGUM_900 #910e38; +@define-color GRAPE_100 #e4c6fa; +@define-color GRAPE_300 #cd9ef7; +@define-color GRAPE_500 #a56de2; +@define-color GRAPE_700 #7239b3; +@define-color GRAPE_900 #452981; +@define-color COCOA_100 #a3907c; +@define-color COCOA_300 #8a715e; +@define-color COCOA_500 #715344; +@define-color COCOA_700 #57392d; +@define-color COCOA_900 #3d211b; +@define-color SILVER_100 #fafafa; +@define-color SILVER_300 #d4d4d4; +@define-color SILVER_500 #abacae; +@define-color SILVER_700 #7e8087; +@define-color SILVER_900 #555761; +@define-color SLATE_100 #95a3ab; +@define-color SLATE_300 #667885; +@define-color SLATE_500 #485a6c; +@define-color SLATE_700 #273445; +@define-color SLATE_900 #0e141f; +@define-color BLACK_100 #666; +@define-color BLACK_300 #4d4d4d; +@define-color BLACK_500 #333; +@define-color BLACK_700 #1a1a1a; +@define-color BLACK_900 #000; /***************** * Drawing mixins * *****************/ @@ -237,14 +297,11 @@ assistant .sidebar { border-top: 1px solid rgba(0, 0, 0, 0.13); } assistant .sidebar:backdrop { background-color: #e8edf3; - border-color: rgba(142, 142, 142, 0.217); } - + border-color: rgba(141, 141, 141, 0.217); } assistant.csd .sidebar { border-top-style: none; } - assistant .sidebar label { padding: 6px 12px; } - assistant .sidebar label.highlight { background-color: #c2c3c4; } @@ -273,7 +330,6 @@ assistant .sidebar label.highlight { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f7b922), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f7b922), to(transparent)); } } - notebook > header > tabs > arrow, button { min-height: 20px; @@ -431,19 +487,13 @@ button { color: #71f79f; border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } - -row:selected -button { +row:selected button { border-color: #dea008; } - row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #fefefe; border-color: transparent; } - row:selected - button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #e8edf3; } - - button.osd { min-width: 24px; min-height: 20px; @@ -460,10 +510,8 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd.image-button { min-width: 32px; } - button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); @@ -475,7 +523,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd:active, button.osd:checked { color: white; @@ -488,18 +535,16 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd:disabled:backdrop, button.osd:disabled { - color: #88888a; + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; } - button.osd:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -509,11 +554,9 @@ button.osd { text-shadow: none; -gtk-icon-shadow: none; border: none; } - .app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, -.osd -button { +.osd button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(18, 19, 22, 0.98); @@ -523,8 +566,7 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, - .osd - button:hover { + .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(46, 47, 56, 0.98), rgba(46, 47, 56, 0.98)); @@ -534,14 +576,10 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, - .osd - button:active:backdrop, - .osd - button:active, - .osd - button:checked:backdrop, - .osd - button:checked { + .osd button:active:backdrop, + .osd button:active, + .osd button:checked:backdrop, + .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 33, 39, 0.98), rgba(32, 33, 39, 0.98)); @@ -551,20 +589,17 @@ button { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, - .osd - button:disabled:backdrop, - .osd - button:disabled { - color: #88888a; + .osd button:disabled:backdrop, + .osd button:disabled { + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, - .osd - button:backdrop { + .osd button:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(18, 19, 22, 0.98), rgba(18, 19, 22, 0.98)); @@ -573,8 +608,7 @@ button { text-shadow: none; -gtk-icon-shadow: none; } .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, - .osd - button.flat { + .osd button.flat { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(18, 19, 22, 0.98); @@ -587,8 +621,7 @@ button { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } .app-notification button.flat.image-button, popover.background.touch-selection button.flat.image-button, popover.background.magnifier button.flat.image-button, - .osd - button.flat.image-button { + .osd button.flat.image-button { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(18, 19, 22, 0.98); @@ -598,8 +631,7 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, - .osd - button.flat:hover { + .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(46, 47, 56, 0.98), rgba(46, 47, 56, 0.98)); @@ -609,11 +641,10 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, - .osd - button.flat:disabled { - color: #88888a; + .osd button.flat:disabled { + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -622,8 +653,7 @@ button { border-color: transparent; box-shadow: none; } .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, - .osd - button.flat:backdrop { + .osd button.flat:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(18, 19, 22, 0.98); @@ -633,10 +663,8 @@ button { -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, - .osd - button.flat:active, - .osd - button.flat:checked { + .osd button.flat:active, + .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(32, 33, 39, 0.98), rgba(32, 33, 39, 0.98)); @@ -645,83 +673,54 @@ button { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - - button.suggested-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - .selection-mode button.titlebutton, - button.suggested-action.flat { + .selection-mode button.titlebutton, button.suggested-action.flat { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - - button.suggested-action:active, - button.suggested-action:checked { + button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - .selection-mode button.titlebutton:backdrop label, - button.suggested-action:backdrop label, - button.suggested-action.flat:backdrop label { + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { + .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:checked label, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:checked label { + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:checked label, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - .selection-mode button.titlebutton:backdrop:disabled label, - button.suggested-action:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled label { + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked { + .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - button.suggested-action.flat:backdrop:disabled { + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; @@ -729,25 +728,19 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(0, 193, 228, 0.8); } - button.suggested-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #00c1e4; text-shadow: none; } - - button.suggested-action:disabled:active label, - button.suggested-action:disabled:checked label { + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.suggested-action { + .osd button.suggested-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 193, 228, 0.5); @@ -756,8 +749,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:hover { + .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.7), rgba(0, 193, 228, 0.7)); @@ -766,11 +758,7 @@ button.suggested-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:active:backdrop, .osd - button.suggested-action:active, .osd - button.suggested-action:checked:backdrop, .osd - button.suggested-action:checked { + .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #00c1e4, #00c1e4); @@ -779,18 +767,15 @@ button.suggested-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #88888a; + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { + .osd button.suggested-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(0, 193, 228, 0.5), rgba(0, 193, 228, 0.5)); @@ -798,83 +783,54 @@ button.suggested-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - - button.destructive-action { border: none; box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #fe8c00, #f83600); } - button.destructive-action.flat { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #00ffb7 0%, #00d593 100%); } - button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #e6133e; text-shadow: none; } - - button.destructive-action:active, - button.destructive-action:checked { + button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #e6133e; text-shadow: none; } - - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { color: rgba(255, 255, 255, 0.4); outline-color: rgba(255, 255, 255, 0.3); background-color: #e6133e; text-shadow: none; } - - button.destructive-action:backdrop label, - button.destructive-action.flat:backdrop label { + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { color: rgba(255, 255, 255, 0.5); } - - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:checked label, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:checked label { + button.destructive-action:backdrop:active label, button.destructive-action:backdrop:checked label, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:checked label { color: rgba(254, 254, 254, 0.7); } - - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #e6133e; text-shadow: none; } - - button.destructive-action:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled label { + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { color: rgba(255, 255, 255, 0.5); } - - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked { + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #f7b922; text-shadow: none; } - - button.destructive-action.flat:backdrop, - button.destructive-action.flat:disabled, - button.destructive-action.flat:backdrop:disabled { + button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { background-color: transparent; background-image: none; border-color: transparent; @@ -882,25 +838,19 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; color: rgba(230, 19, 62, 0.8); } - button.destructive-action:disabled { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #e6133e; text-shadow: none; } - - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: rgba(254, 254, 254, 0.7); outline-color: rgba(255, 255, 255, 0.3); background-color: #e6133e; text-shadow: none; } - - button.destructive-action:disabled:active label, - button.destructive-action:disabled:checked label { + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { color: rgba(254, 254, 254, 0.7); } - .osd - button.destructive-action { + .osd button.destructive-action { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(230, 19, 62, 0.5); @@ -909,8 +859,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:hover { + .osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(230, 19, 62, 0.7), rgba(230, 19, 62, 0.7)); @@ -919,11 +868,7 @@ button.destructive-action { text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:active:backdrop, .osd - button.destructive-action:active, .osd - button.destructive-action:checked:backdrop, .osd - button.destructive-action:checked { + .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #e6133e, #e6133e); @@ -932,18 +877,15 @@ button.destructive-action { text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #88888a; + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { + .osd button.destructive-action:backdrop { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(230, 19, 62, 0.5), rgba(230, 19, 62, 0.5)); @@ -951,53 +893,33 @@ button.destructive-action { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - -.stack-switcher > -button { +.stack-switcher > button { outline-offset: -3px; } - .stack-switcher > - button > label { + .stack-switcher > button > label { padding-left: 6px; padding-right: 6px; } - .stack-switcher > - button > image { + .stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; } - .stack-switcher > - button.text-button { + .stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; } - .stack-switcher > - button.image-button { + .stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; } - .stack-switcher > - button.needs-attention:active > label, - .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, - .stack-switcher > - button.needs-attention:checked > image { + .stack-switcher > button.needs-attention:active > label, + .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, + .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; } - -.inline-toolbar -button, .inline-toolbar -button:backdrop { +.inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; border-width: 1px; } - -.primary-toolbar -button, .primary-toolbar .raised -button { +.primary-toolbar button, .primary-toolbar .raised button { -gtk-icon-shadow: none; } - .primary-toolbar - button:hover, .primary-toolbar - button:focus, .primary-toolbar .raised - button:hover, .primary-toolbar .raised - button:focus { + .primary-toolbar button:hover, .primary-toolbar button:focus, .primary-toolbar .raised button:hover, .primary-toolbar .raised button:focus { color: #fefefe; outline-color: rgba(254, 254, 254, 0.3); background-color: #f7b922; @@ -1006,7 +928,7 @@ button { .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f7b922), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f7b922), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.7692307692)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } @@ -1022,7 +944,6 @@ toolbar button:hover { color: #31363D; background-color: #eaeff3; text-shadow: none; } - toolbar button:active { font-weight: normal; color: #31363D; @@ -1058,47 +979,43 @@ toolbar.inline-toolbar toolbutton:backdrop > button.flat:backdrop { border-color: transparent; box-shadow: none; } -.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, -.linked > button:hover, -.linked > button:active, -.linked > button:checked, -.linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { +.inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 0; border-right-style: none; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); } -.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > +entry:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } - -.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > +entry:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } - -.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > +entry:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked, -.linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { +.linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > +entry, .linked.vertical > combobox > box > button.combo { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > +entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } - -.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > +entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } - -.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > +entry:only-child { border-radius: 3px; border-style: solid; } @@ -1133,14 +1050,16 @@ popover.background radiobutton, popover.background radiobutton:hover, .menuitem.button.flat:hover { background-color: #e1e1e1; } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, + popover.background radiobutton check:last-child, modelbutton.flat radio:last-child, popover.background checkbutton radio:last-child, popover.background radiobutton radio:last-child, .menuitem.button.flat check:last-child, .menuitem.button.flat radio:last-child { margin-left: 8px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, + popover.background radiobutton check:first-child, modelbutton.flat radio:first-child, popover.background checkbutton radio:first-child, popover.background radiobutton radio:first-child, @@ -1148,13 +1067,17 @@ popover.background radiobutton, .menuitem.button.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { +modelbutton.flat arrow, popover.background checkbutton arrow, +popover.background radiobutton arrow { background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, + popover.background radiobutton arrow:hover { background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, + popover.background radiobutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, + popover.background radiobutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } button.color { @@ -1170,7 +1093,6 @@ notebook button, list button, .view button, iconview button, popover button { box-shadow: none; } notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { box-shadow: none; } - notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { box-shadow: none; } @@ -1202,7 +1124,7 @@ calendar { color: #31363d; } calendar:backdrop { color: #565b61; - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } /************************* * Check and Radio Items * @@ -1603,49 +1525,42 @@ radio { *****************/ colorswatch, colorswatch:drop(active) { border-style: none; } - colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } - colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } - colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } - colorswatch.dark overlay { color: #fefefe; } colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); } colorswatch.dark overlay:backdrop { color: #fefefe; } - colorswatch.light overlay { color: #31363D; } colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); } colorswatch.light overlay:backdrop { color: #565b61; } - colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -1654,7 +1569,6 @@ colorswatch:drop(active) { colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #71f79f; } - colorswatch overlay { box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); border: 1px solid rgba(0, 0, 0, 0.3); } @@ -1663,7 +1577,6 @@ colorswatch overlay { colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; } - colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { @@ -1683,16 +1596,13 @@ colorswatch#add-color-button { outline-color: rgba(49, 54, 61, 0.3); background-color: #e8edf3; text-shadow: none; } - colorswatch:disabled { opacity: 0.5; } colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } - row:selected colorswatch { box-shadow: 0 0 0 2px #fefefe; } - colorswatch#editor-color-sample { border-radius: 4px; } colorswatch#editor-color-sample overlay { @@ -1708,7 +1618,6 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } - combobox:drop(active) { box-shadow: none; } @@ -1717,7 +1626,6 @@ combobox:drop(active) { ***********/ messagedialog .titlebar:not(headerbar) { background-color: rgba(16, 16, 19, 0.95); } - messagedialog .titlebar { min-height: 20px; background-image: none; @@ -1725,13 +1633,11 @@ messagedialog .titlebar { border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } - messagedialog.csd.background { background-color: rgba(16, 16, 19, 0.95); color: #929ba8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; @@ -1755,8 +1661,7 @@ messagedialog.csd .dialog-action-area button { filechooser .dialog-action-box { border-top: 1px solid rgba(0, 0, 0, 0.13); } filechooser .dialog-action-box:backdrop { - border-top-color: rgba(142, 142, 142, 0.217); } - + border-top-color: rgba(141, 141, 141, 0.217); } filechooser #pathbarbox { border-bottom: 1px solid #e6e6e6; } @@ -1767,8 +1672,7 @@ filechooserbutton:drop(active) { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), -entry { +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -1829,14 +1733,14 @@ entry { spinbutton:backdrop:not(.vertical), entry:backdrop { color: #565b61; - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); background-color: #e8edf3; box-shadow: none; transition: 200ms ease-out; } spinbutton:backdrop:disabled:not(.vertical), entry:backdrop:disabled { color: silver; - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); background-color: #e8eaec; box-shadow: none; } spinbutton.error:not(.vertical), @@ -1884,24 +1788,24 @@ entry { entry:drop(active) { border-color: #71f79f; box-shadow: inset 0 0 0 1px #71f79f; } - .osd spinbutton:not(.vertical), .osd - entry { + .osd spinbutton:not(.vertical), + .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:focus:not(.vertical), .osd - entry:focus { + .osd spinbutton:focus:not(.vertical), + .osd entry:focus { color: white; border-color: #f7b922; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { + .osd spinbutton:backdrop:not(.vertical), + .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); @@ -1909,16 +1813,15 @@ entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd - entry:disabled { - color: #88888a; + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(42, 42, 45, 0.5); + background-color: rgba(42, 43, 45, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; @@ -1932,68 +1835,56 @@ entry progress { spinbutton:not(.vertical) progress:backdrop, entry progress:backdrop { background-color: transparent; } - -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, -.linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:focus + button, -.linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > +.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:focus + button, .linked:not(.vertical) > +entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + +entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #f7b922; } - .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #f7b922; } - -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, -.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), -.linked:not(.vertical) > -entry:drop(active) + button, -.linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #71f79f; } - -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), -.linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > -entry:not(:disabled) + entry:not(:disabled), -.linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: rgba(228, 233, 238, 0.739); background-image: linear-gradient(to bottom, #ebf0f5, #ebf0f5); } - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, - .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > - entry:not(:disabled) + entry:not(:disabled):backdrop, - .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { - border-top-color: rgba(227, 233, 238, 0.7651); + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) { + border-top-color: rgba(227, 232, 238, 0.7651); background-image: linear-gradient(to bottom, #e8edf3, #e8edf3); } - -.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), -.linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), -.linked.vertical > +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: rgba(228, 233, 238, 0.739); } - .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #f7b922; } - .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), -.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #71f79f; } - .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > @@ -2001,11 +1892,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #f7b922; } - .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, -.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > @@ -2017,7 +1908,6 @@ entry:drop(active):not(:only-child) + combobox > box > button.combo { treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #ebf0f5; transition-property: color, background; } - treeview entry.flat, treeview entry { border-radius: 0; background-image: none; @@ -2059,7 +1949,7 @@ expander arrow { padding: 4px; } .floating-bar:backdrop { background-color: #e6e6e6; - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } /********** * Frames * @@ -2076,17 +1966,16 @@ frame > border, border-style: none; } frame > border:backdrop, .frame:backdrop { - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(0, 0, 0, 0.13); } actionbar > revealer > box:backdrop { - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } scrolledwindow viewport.frame { border-style: none; } - scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(49, 54, 61, 0.07)), to(rgba(49, 54, 61, 0))); background-size: 100% 5%, 100% 100%; @@ -2096,14 +1985,13 @@ scrolledwindow overshoot.top { border: none; box-shadow: none; } scrolledwindow overshoot.top:backdrop { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(142, 142, 142, 0.217)), to(rgba(142, 142, 142, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(141, 141, 141, 0.217)), to(rgba(141, 141, 141, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center top; background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(49, 54, 61, 0.07)), to(rgba(49, 54, 61, 0))); background-size: 100% 5%, 100% 100%; @@ -2113,14 +2001,13 @@ scrolledwindow overshoot.bottom { border: none; box-shadow: none; } scrolledwindow overshoot.bottom:backdrop { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(142, 142, 142, 0.217)), to(rgba(142, 142, 142, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(141, 141, 141, 0.217)), to(rgba(141, 141, 141, 0))); background-size: 100% 5%; background-repeat: no-repeat; background-position: center bottom; background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.left { border-radius: 23px; background: linear-gradient(to right, #eee90a, #f7b922); @@ -2138,14 +2025,13 @@ scrolledwindow overshoot.left { background: linear-gradient(to right, #eee90a, #f7b922); box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); color: snow; - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(142, 142, 142, 0.217)), to(rgba(142, 142, 142, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(141, 141, 141, 0.217)), to(rgba(141, 141, 141, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: left center; background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(49, 54, 61, 0.07)), to(rgba(49, 54, 61, 0))); background-size: 5% 100%, 100% 100%; @@ -2155,14 +2041,13 @@ scrolledwindow overshoot.right { border: none; box-shadow: none; } scrolledwindow overshoot.right:backdrop { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(142, 142, 142, 0.217)), to(rgba(142, 142, 142, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(141, 141, 141, 0.217)), to(rgba(141, 141, 141, 0))); background-size: 5% 100%; background-repeat: no-repeat; background-position: right center; background-color: transparent; border: none; box-shadow: none; } - scrolledwindow undershoot.top { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2173,7 +2058,6 @@ scrolledwindow undershoot.top { background-position: center top; border: none; box-shadow: none; } - scrolledwindow undershoot.bottom { background-color: transparent; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2184,7 +2068,6 @@ scrolledwindow undershoot.bottom { background-position: center bottom; border: none; box-shadow: none; } - scrolledwindow undershoot.left { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2195,7 +2078,6 @@ scrolledwindow undershoot.left { background-position: left center; border: none; box-shadow: none; } - scrolledwindow undershoot.right { background-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); @@ -2206,7 +2088,6 @@ scrolledwindow undershoot.right { background-position: right center; border: none; box-shadow: none; } - scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.13) 1px, transparent 1px) 0 0 0 1/0 1px stretch; @@ -2214,7 +2095,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, rgba(142, 142, 142, 0.217) 1px, transparent 1px); + border-image-source: linear-gradient(to bottom, rgba(141, 141, 141, 0.217) 1px, transparent 1px); background-color: #dfdfdf; transition: 200ms ease-out; } @@ -2328,7 +2209,6 @@ GraniteWidgetsWelcome { background-image: none; background-color: transparent; padding: 8px 6px; } - .storage-bar .fill-block { background-color: #fadd00; border: none; @@ -2361,8 +2241,7 @@ GraniteWidgetsWelcome { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), .titlebar, -headerbar { +.titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #101013; @@ -2370,7 +2249,7 @@ headerbar { border-radius: 0; } .titlebar:backdrop, headerbar:backdrop { - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); transition: 200ms ease-out; } .titlebar .title, headerbar .title { @@ -2382,11 +2261,11 @@ headerbar { font-size: smaller; padding-left: 12px; padding-right: 12px; } - .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar entry, headerbar entry { min-height: 24px; background: #17181c; } - .titlebar:not(headerbar) button, .titlebar button, + .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; @@ -2616,7 +2495,7 @@ headerbar { .titlebar .linked > button:checked:backdrop label, headerbar .linked > button:checked:backdrop label { color: #ffe6e6; } - .titlebar .linked:not(.vertical) > entry, .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar .linked:not(.vertical) > entry, .titlebar entry, headerbar .linked:not(.vertical) > entry, headerbar entry { border-color: rgba(0, 0, 0, 0.13); @@ -2624,7 +2503,7 @@ headerbar { background: #17181c; color: #929ba8; caret-color: #929ba8; } - .titlebar .linked:not(.vertical) > entry *, .titlebar:not(headerbar) entry *, .titlebar entry *, + .titlebar .linked:not(.vertical) > entry *, .titlebar entry *, headerbar .linked:not(.vertical) > entry *, headerbar entry * { color: #929ba8; } @@ -2652,28 +2531,17 @@ headerbar { headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(247, 185, 34, 0.6); } - .tiled .titlebar, - .maximized .titlebar, .tiled - headerbar.titlebar, - .maximized - headerbar.titlebar { + .tiled .titlebar, .maximized .titlebar, + .tiled headerbar.titlebar, .maximized headerbar.titlebar { box-shadow: none; } - .tiled .titlebar:backdrop, .tiled .titlebar, - .maximized .titlebar:backdrop, - .maximized .titlebar, .tiled - headerbar:backdrop, .tiled - headerbar, - .maximized - headerbar:backdrop, - .maximized - headerbar { + .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; } - .default-decoration.titlebar, - headerbar.default-decoration { + .default-decoration.titlebar, headerbar.default-decoration { padding: 5px 4px; min-height: 20px; } - .default-decoration.titlebar button.titlebutton, - headerbar.default-decoration button.titlebutton { + .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { min-height: 20px; min-width: 20px; margin: 0; @@ -2684,12 +2552,10 @@ headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } - headerbar switch { margin-top: 10px; margin-bottom: 10px; box-shadow: none; } - headerbar separator { background: transparent; } @@ -2699,11 +2565,8 @@ headerbar separator { border-top-left-radius: 4px; border-top-right-radius: 4px; } -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, -window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, -window:not(.tiled):not(.maximized) headerbar:first-child { +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { border-top-left-radius: 4px; } - window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { border-top-right-radius: 4px; } @@ -2714,7 +2577,6 @@ window.csd > .titlebar:not(headerbar) { border-style: none; border-color: transparent; box-shadow: none; } - .titlebar:not(headerbar) > separator, .titlebar:not(headerbar) > separator:backdrop { background: #101013; } @@ -2798,14 +2660,11 @@ infobar { levelbar block { min-width: 32px; min-height: 6px; } - levelbar.vertical block { min-width: 6px; min-height: 32px; } - levelbar:backdrop { transition: 200ms ease-out; } - levelbar trough { padding: 3px; border-radius: 3px; @@ -2814,13 +2673,10 @@ levelbar trough { levelbar trough:backdrop { background-color: rgba(255, 255, 255, 0.6); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } - levelbar.horizontal.discrete block { margin: 0 1px; } - levelbar.vertical.discrete block { margin: 1px 0; } - levelbar block { border-radius: 2px; } levelbar block:backdrop { @@ -2871,9 +2727,7 @@ button:visited { button:backdrop:visited { color: #f7b922; } *:link:selected, button:selected:link, - button:selected:visited, - *:selected *:link, - *:selected button:link, + button:selected:visited, *:selected *:link, *:selected button:link, *:selected button:visited { color: #fdf0d2; } @@ -2898,7 +2752,7 @@ list { border-color: rgba(0, 0, 0, 0.13); } list:backdrop { background-color: #e8edf3; - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } row { padding: 5px 11px; @@ -2946,74 +2800,46 @@ menubar, color: #8c8e92; box-shadow: none; } -menu, -.menu, -.context-menu { +menu, .menu, .context-menu { font: initial; margin: 4px; padding: 2px 0px; background: linear-gradient(to bottom, #dde6ee 20%, #dde6ee); border: 1px solid rgba(0, 0, 0, 0.13); border-radius: 5px; } - .csd menu, .csd - .menu, .csd - .context-menu { + .csd menu, + .csd .menu, + .csd .context-menu { border: none; } - menu:backdrop, - .menu:backdrop, - .context-menu:backdrop { + menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #e8edf3; } - menu menuitem, - .menu menuitem, - .context-menu menuitem { + menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 17px; min-width: 40px; padding: 4px 6px; text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover, - .context-menu menuitem:hover { + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #fefefe; background-color: #f7b922; } - menu menuitem:disabled, - .menu menuitem:disabled, - .context-menu menuitem:disabled { + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #8c8e92; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop, - .context-menu menuitem:disabled:backdrop { + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: silver; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover, - .context-menu menuitem:backdrop, - .context-menu menuitem:backdrop:hover { + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #8c8e92; background-color: transparent; } - menu menuitem arrow, - .menu menuitem arrow, - .context-menu menuitem arrow { + menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; } - menu menuitem arrow:dir(ltr), - .menu menuitem arrow:dir(ltr), - .context-menu menuitem arrow:dir(ltr) { + menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; } - menu menuitem arrow:dir(rtl), - .menu menuitem arrow:dir(rtl), - .context-menu menuitem arrow:dir(rtl) { + menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; } - menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), - .menu menuitem label:dir(rtl), - .menu menuitem label:dir(ltr), - .context-menu menuitem label:dir(rtl), - .context-menu menuitem label:dir(ltr) { + menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; } - menu > arrow, - .menu > arrow, - .context-menu > arrow { + menu > arrow, .menu > arrow, .context-menu > arrow { background-color: transparent; background-image: none; border-color: transparent; @@ -3025,36 +2851,25 @@ menu, padding: 4px; background-color: #ebf0f5; border-radius: 0; } - menu > arrow.top, - .menu > arrow.top, - .context-menu > arrow.top { + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #d8dde3; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom, - .context-menu > arrow.bottom { + menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #d8dde3; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover, - .context-menu > arrow:hover { + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #d8dde3; } - menu > arrow:backdrop, - .menu > arrow:backdrop, - .context-menu > arrow:backdrop { + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #e8edf3; } - menu > arrow:disabled, - .menu > arrow:disabled, - .context-menu > arrow:disabled { + menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; } menuitem accelerator { color: alpha(currentColor,0.55); } - menuitem check, menuitem radio { min-height: 16px; @@ -3082,7 +2897,6 @@ menuitem radio { .osd .scale-popup button.flat { border-style: none; border-radius: 5px; } - .scale-popup button:hover { background-color: rgba(49, 54, 61, 0.1); border-radius: 5px; } @@ -3099,7 +2913,7 @@ assistant { border-bottom-left-radius: 4px; } assistant .sidebar:backdrop { background-color: #e8edf3; - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } assistant.csd .sidebar { border-top-style: none; } assistant .sidebar GtkLabel, @@ -3116,9 +2930,9 @@ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; - background-color: #d9dbdc; } + background-color: #dadbdd; } notebook > header:backdrop { - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); background-color: #e6e6e6; } notebook > header tabs { margin: 0px; } @@ -3129,7 +2943,7 @@ notebook > header { notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { - background: linear-gradient(to right, #fed349, #ff7800) left bottom #e4e5e6 no-repeat; + background: linear-gradient(to right, #fed349, #ff7800) left bottom #e5e5e7 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.bottom { @@ -3139,7 +2953,7 @@ notebook > header { notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { - background: linear-gradient(to right, #fed349, #ff7800) left bottom #e4e5e6 no-repeat; + background: linear-gradient(to right, #fed349, #ff7800) left bottom #e5e5e7 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { @@ -3149,7 +2963,7 @@ notebook > header { notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { - background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e4e5e6 no-repeat; + background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e5e5e7 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { @@ -3159,7 +2973,7 @@ notebook > header { notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { - background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e4e5e6 no-repeat; + background: linear-gradient(to bottom, #fed349, #ff7800) left bottom #e5e5e7 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { @@ -3234,7 +3048,7 @@ notebook > header { notebook > header tab:backdrop:checked { color: #8c8e92; } notebook > header tab:backdrop:checked.reorderable-page { - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); background-color: #e8edf3; } notebook > header tab button.flat { padding: 0; @@ -3286,7 +3100,6 @@ notebook > header { margin-top: 1px; margin-bottom: 1px; padding: 1px 1px; } - notebook > stack:not(:only-child) { background-color: #ebf0f5; } notebook > stack:not(:only-child):backdrop { @@ -3306,7 +3119,7 @@ paned > separator { paned > separator:selected { background-image: image(#f7b922); } paned > separator:backdrop { - background-image: image(rgba(142, 142, 142, 0.217)); } + background-image: image(rgba(141, 141, 141, 0.217)); } paned > separator.wide { min-width: 5px; min-height: 5px; @@ -3315,8 +3128,7 @@ paned > separator { background-size: 1px 1px, 1px 1px; } paned > separator.wide:backdrop { background-color: #e6e6e6; - background-image: image(rgba(142, 142, 142, 0.217)), image(rgba(142, 142, 142, 0.217)); } - + background-image: image(rgba(141, 141, 141, 0.217)), image(rgba(141, 141, 141, 0.217)); } paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -3332,7 +3144,6 @@ paned.horizontal > separator { padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } - paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; @@ -3350,21 +3161,16 @@ paned.vertical > separator { .path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; } - .path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; } - .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; } - .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; } - .path-bar button image { padding-left: 4px; padding-right: 4px; } - .path-bar button.slider-button { padding-left: 0; padding-right: 0; } @@ -3561,9 +3367,9 @@ scale { outline-color: rgba(254, 254, 254, 0.3); background-color: #121316; } .osd scale slider:disabled { - color: #88888a; + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -3938,7 +3744,7 @@ scrollbar { border-left: 1px solid rgba(0, 0, 0, 0.13); } scrollbar:backdrop { background-color: #dfdfdf; - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); transition: 200ms ease-out; } scrollbar slider { min-width: 6px; @@ -3947,13 +3753,13 @@ scrollbar { border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; - background-color: #7a7d81; } + background-color: #797c81; } scrollbar slider:hover { background-color: #55595f; } scrollbar slider:hover:active { background-color: #dea008; } scrollbar slider:backdrop { - background-color: #c2c3c5; } + background-color: #c2c3c4; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -4012,7 +3818,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #7a7d81; } + color: #797c81; } scrollbar button:hover { background-color: transparent; background-image: none; @@ -4036,7 +3842,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(122, 125, 129, 0.2); } + color: rgba(121, 124, 129, 0.2); } scrollbar button:backdrop { background-color: transparent; background-image: none; @@ -4044,7 +3850,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #c2c3c5; } + color: #c2c3c4; } scrollbar button:backdrop:disabled { background-color: transparent; background-image: none; @@ -4052,7 +3858,7 @@ scrollbar { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(194, 195, 197, 0.2); } + color: rgba(194, 195, 196, 0.2); } scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } scrollbar.vertical button.up { @@ -4078,12 +3884,14 @@ treeview ~ scrollbar.vertical { stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { border-right: none; border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl), stacksidebar.sidebar.right list .sidebar:dir(rtl), .sidebar.right { + stacksidebar.sidebar:dir(rtl) list + .sidebar:dir(rtl), stacksidebar.sidebar.right list + .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid rgba(0, 0, 0, 0.13); border-right-style: none; } .sidebar:backdrop { background-color: #e7eaed; - border-color: rgba(142, 142, 142, 0.217); } + border-color: rgba(141, 141, 141, 0.217); } .sidebar row { padding: 8px 12px; transition: all .12s ease-in; } @@ -4177,7 +3985,6 @@ placessidebar.sidebar { background: #71f79f; } placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { color: #fefefe; } - placessidebar list { background-color: transparent; } placessidebar list:backdrop { @@ -4220,7 +4027,7 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:backdrop { color: #95989c; background-color: transparent; - border-color: rgba(142, 142, 142, 0); + border-color: rgba(141, 141, 141, 0); transition: 200ms ease-out; } spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(192, 192, 192, 0.3); @@ -4232,7 +4039,6 @@ spinbutton:not(.vertical) { spinbutton:not(.vertical) button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } - .osd spinbutton:not(.vertical) button { background-color: transparent; background-image: none; @@ -4278,7 +4084,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #88888a; + color: #88898a; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -4286,23 +4092,18 @@ spinbutton:not(.vertical) { border-radius: 0 3px 3px 0; } .osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 3px 0 0 3px; } - spinbutton.vertical:disabled { color: #8c8e92; } - spinbutton.vertical:backdrop:disabled { color: silver; } - spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } - spinbutton.vertical entry { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } - spinbutton.vertical button { min-height: 32px; min-width: 32px; @@ -4310,15 +4111,12 @@ spinbutton.vertical button { border-width: 1px; border-color: rgba(0, 0, 0, 0.13); box-shadow: 0 1px rgba(255, 255, 255, 0.2); } - spinbutton.vertical button.up { border-radius: 3px 3px 0 0; border-style: solid solid none solid; } - spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none solid solid solid; } - .osd spinbutton.vertical button:first-child { color: #fefefe; border-color: rgba(0, 0, 0, 0.7); @@ -4347,9 +4145,9 @@ spinbutton.vertical button.down { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } .osd spinbutton.vertical button:first-child:disabled { - color: #88888a; + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4362,7 +4160,6 @@ spinbutton.vertical button.down { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; @@ -4383,7 +4180,6 @@ menu spinner { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } - spinner { background: none; opacity: 0; @@ -4499,10 +4295,10 @@ searchbar, .location-bar { border-style: solid; border-color: rgba(0, 0, 0, 0.13); - background-color: rgba(224, 224, 224, 0.739); } + background-color: rgba(223, 223, 223, 0.739); } .inline-toolbar:backdrop, searchbar:backdrop, .location-bar:backdrop { - border-color: rgba(142, 142, 142, 0.217); + border-color: rgba(141, 141, 141, 0.217); background-color: rgba(225, 225, 225, 0.72595); box-shadow: none; transition: 200ms ease-out; } @@ -4588,7 +4384,7 @@ treeview.view { treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } treeview.view.expander:backdrop { - color: #a7abaf; } + color: #a8abaf; } treeview.view.progressbar { color: #ebf0f5; border: 1px solid #dea008; @@ -4683,9 +4479,7 @@ decoration { decoration:backdrop { box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2); transition: 200ms ease-out; } - .maximized decoration, - .fullscreen decoration, - .tiled decoration { + .maximized decoration, .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration { box-shadow: none; } @@ -4705,7 +4499,7 @@ decoration { border-radius: 0; margin: 0px; background-color: #e6e6e6; - border: solid 1px rgba(142, 142, 142, 0.217); + border: solid 1px rgba(141, 141, 141, 0.217); box-shadow: none; } button.titlebutton { @@ -4732,13 +4526,18 @@ button.titlebutton { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.5592156863); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.5592156863); } headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; } -.view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus, +.view text:selected, +iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, @@ -4747,7 +4546,12 @@ popover.background radiobutton:selected, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #f7b922; } - row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .view text:selected, iconview text:selected, + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus, + .view text:selected, + iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected, popover.background checkbutton:selected, @@ -4758,23 +4562,31 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec color: #fefefe; font-weight: normal; outline-color: rgba(254, 254, 254, 0.3); } - row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, + row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, + iconview text:disabled:selected:focus, + textview text:disabled:selected:focus, + .view text:disabled:selected, + iconview text:disabled:selected, textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled:focus, spinbutton:not(.vertical) selection:disabled, + .menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, row:disabled:selected { color: #fbdc90; } - row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, .view text:backdrop:selected, iconview text:backdrop:selected, + row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + iconview text:backdrop:selected:focus, + textview text:backdrop:selected:focus, + .view text:backdrop:selected, + iconview text:backdrop:selected, textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop:focus, spinbutton:not(.vertical) selection:backdrop, + .menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, entry selection:backdrop, row:backdrop:selected { color: #fefefe; } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, .view text:backdrop:disabled:selected, iconview text:backdrop:disabled:selected, + row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, + .view text:backdrop:disabled:selected, + iconview text:backdrop:disabled:selected, textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, popover.background radiobutton:backdrop:disabled:selected, @@ -4932,10 +4744,8 @@ button.budgie-menu-launcher { margin-left: 6px; margin-right: 6px; background-color: rgba(49, 54, 61, 0.1); } - .user-menu button { margin: 5px; } - .user-menu > box.vertical row.activatable:first-child .indicator-item, .user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); @@ -4993,66 +4803,53 @@ button.raven-trigger { .places-menu .container { padding: 0; } - .places-menu .message-bar { border-top-left-radius: 3px; border-top-right-radius: 3px; } - .places-menu .name-button { border: 0; border-radius: 0; padding: 4px 6px; } - .places-menu .unmount-button { padding: 4px 4px; border: 0; border-radius: 0; } - .places-menu .places-section-header { padding: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.95); box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.03); } - .places-menu .places-section-header > button { padding: 8px; border: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } - .places-menu .places-list { background: rgba(49, 54, 61, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.95); } - .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.85); } - .places-menu .unlock-area entry { border-radius: 0; border: 0; } - .places-menu .unlock-area button { border-radius: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.85); } - .places-menu .alternative-label { font-size: 15px; padding: 3px; } - .places-menu .always-expand { background: transparent; border-bottom: none; } .night-light-indicator .container { padding: 0; } - .night-light-indicator .view-header { font-size: 14px; padding: 10px; border-bottom: 1px solid mix(@theme_base_color, #000000, 0.35);; box-shadow: 0px 1px 1px alpha(@theme_fg_color, 0.04);; } - .night-light-indicator .display-settings-button { border-top-left-radius: 0px; border-top-right-radius: 0px; @@ -5132,86 +4929,105 @@ button.raven-trigger { .budgie-panel #tasklist-button:hover, .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .pinned button.flat.launcher.running:hover { box-shadow: none; } - .budgie-panel #tasklist-button:active, .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel #tasklist-button:checked, .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .pinned button.flat.launcher.running:checked { box-shadow: none; } - .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, -.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running { +.top .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .top button.flat.launcher.running { padding-bottom: 2px; border-top: 2px solid transparent; } .top .budgie-panel .pinned button.flat.launcher:not(.running) { border-top: 2px solid transparent; } + .top .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-top: 2px solid rgba(255, 255, 255, 0.1); } + .top .budgie-panel .unpinned button.flat.launcher, .top .budgie-panel .pinned button.flat.launcher.running { border-top: 2px solid rgba(255, 255, 255, 0.1); } .top .budgie-panel #tasklist-button:hover, .budgie-panel .top #tasklist-button:hover, .top .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .top button.flat.launcher:hover, - .top .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .top button.flat.launcher.running:hover { + .top .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .top button.flat.launcher.running:hover { border-top: 2px solid rgba(255, 255, 255, 0.25); } .top .budgie-panel #tasklist-button:active, .budgie-panel .top #tasklist-button:active, .top .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .top button.flat.launcher:active, - .top .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, - .top .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .top button.flat.launcher.running:checked { + .top .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .top button.flat.launcher.running:active, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .top button.flat.launcher:checked, + .top .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .top button.flat.launcher.running:checked { border-top: 2px solid #f7b922; } - .bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, -.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running { +.bottom .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .bottom button.flat.launcher.running { padding-top: 2px; border-bottom: 2px solid transparent; } .bottom .budgie-panel .pinned button.flat.launcher:not(.running) { border-bottom: 2px solid transparent; } + .bottom .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } + .bottom .budgie-panel .unpinned button.flat.launcher, .bottom .budgie-panel .pinned button.flat.launcher.running { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .bottom .budgie-panel #tasklist-button:hover, .budgie-panel .bottom #tasklist-button:hover, .bottom .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .bottom button.flat.launcher:hover, - .bottom .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .bottom button.flat.launcher.running:hover { + .bottom .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .bottom button.flat.launcher.running:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .bottom .budgie-panel #tasklist-button:active, .budgie-panel .bottom #tasklist-button:active, .bottom .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .bottom button.flat.launcher:active, - .bottom .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, - .bottom .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .bottom button.flat.launcher.running:checked { + .bottom .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .bottom button.flat.launcher.running:active, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .bottom button.flat.launcher:checked, + .bottom .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .bottom button.flat.launcher.running:checked { border-bottom: 2px solid #f7b922; } - .left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, -.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running { +.left .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .left button.flat.launcher.running { padding-right: 2px; border-left: 2px solid transparent; } .left .budgie-panel .pinned button.flat.launcher:not(.running) { border-left: 2px solid transparent; } + .left .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-left: 2px solid rgba(255, 255, 255, 0.1); } + .left .budgie-panel .unpinned button.flat.launcher, .left .budgie-panel .pinned button.flat.launcher.running { border-left: 2px solid rgba(255, 255, 255, 0.1); } .left .budgie-panel #tasklist-button:hover, .budgie-panel .left #tasklist-button:hover, .left .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .left button.flat.launcher:hover, - .left .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .left button.flat.launcher.running:hover { + .left .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .left button.flat.launcher.running:hover { border-left: 2px solid rgba(255, 255, 255, 0.25); } .left .budgie-panel #tasklist-button:active, .budgie-panel .left #tasklist-button:active, .left .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .left button.flat.launcher:active, - .left .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, - .left .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .left button.flat.launcher.running:checked { + .left .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .left button.flat.launcher.running:active, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .left button.flat.launcher:checked, + .left .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .left button.flat.launcher.running:checked { border-left: 2px solid #f7b922; } - .right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, -.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running { +.right .budgie-panel .pinned button.flat.launcher.running, +.budgie-panel .pinned .right button.flat.launcher.running { padding-left: 2px; border-right: 2px solid transparent; } .right .budgie-panel .pinned button.flat.launcher:not(.running) { border-right: 2px solid transparent; } + .right .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-right: 2px solid rgba(255, 255, 255, 0.1); } + .right .budgie-panel .unpinned button.flat.launcher, .right .budgie-panel .pinned button.flat.launcher.running { border-right: 2px solid rgba(255, 255, 255, 0.1); } .right .budgie-panel #tasklist-button:hover, .budgie-panel .right #tasklist-button:hover, .right .budgie-panel .unpinned button.flat.launcher:hover, .budgie-panel .unpinned .right button.flat.launcher:hover, - .right .budgie-panel .pinned button.flat.launcher.running:hover, .budgie-panel .pinned .right button.flat.launcher.running:hover { + .right .budgie-panel .pinned button.flat.launcher.running:hover, + .budgie-panel .pinned .right button.flat.launcher.running:hover { border-right: 2px solid rgba(255, 255, 255, 0.25); } .right .budgie-panel #tasklist-button:active, .budgie-panel .right #tasklist-button:active, .right .budgie-panel .unpinned button.flat.launcher:active, .budgie-panel .unpinned .right button.flat.launcher:active, - .right .budgie-panel .pinned button.flat.launcher.running:active, .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, - .right .budgie-panel .pinned button.flat.launcher.running:checked, .budgie-panel .pinned .right button.flat.launcher.running:checked { + .right .budgie-panel .pinned button.flat.launcher.running:active, + .budgie-panel .pinned .right button.flat.launcher.running:active, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel .unpinned button.flat.launcher:checked, .budgie-panel .unpinned .right button.flat.launcher:checked, + .right .budgie-panel .pinned button.flat.launcher.running:checked, + .budgie-panel .pinned .right button.flat.launcher.running:checked { border-right: 2px solid #f7b922; } .top .budgie-panel { @@ -5280,7 +5096,7 @@ button.raven-trigger { color: #929ba8; border: solid rgba(0, 0, 0, 0.95); border-width: 1px 0; - background-color: rgba(38, 38, 38, 0.45); } + background-color: rgba(34, 36, 42, 0.45); } .raven .raven-header * { padding-top: 0; padding-bottom: 0; } @@ -5342,7 +5158,7 @@ button.raven-trigger { background-color: transparent; } .raven list row:hover, .raven list row.activatable:hover { - background-color: rgba(38, 38, 38, 0.25); } + background-color: rgba(34, 36, 42, 0.25); } .raven list row:selected, .raven list row.activatable:selected { background-color: rgba(247, 185, 34, 0.9); } @@ -5450,14 +5266,11 @@ calendar.raven-calendar { .budgie-notification.background, .background.budgie-osd, .background.budgie-switcher { border-radius: 1px; } - .budgie-notification .notification-title, .budgie-osd .notification-title, .budgie-switcher .notification-title { font-size: 110%; color: #929ba8; } - .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(146, 155, 168, 0.7); } - .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } @@ -5477,7 +5290,6 @@ calendar.raven-calendar { .budgie-switcher-window flowbox { color: #31363d; } - .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; @@ -5549,7 +5361,6 @@ calendar.raven-calendar { .budgie-polkit-dialog .message { color: rgba(146, 155, 168, 0.7); } - .budgie-polkit-dialog .failure { color: #ed254e; } @@ -5566,11 +5377,10 @@ calendar.raven-calendar { .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { padding-left: 12px; padding-right: 8px; } - .budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar .subtitle, .titlebar .budgie-run-dialog list row:selected .subtitle, -.budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { +.budgie-run-dialog list row:selected headerbar .subtitle, +headerbar .budgie-run-dialog list row:selected .subtitle { opacity: 1; } - .budgie-run-dialog scrolledwindow { border-top: 1px solid rgba(0, 0, 0, 0); } @@ -5582,21 +5392,18 @@ calendar.raven-calendar { .budgie-menubar menu menuitem:hover { background-color: #f7b922; color: #fefefe; } - .budgie-menubar arrow { border: none; min-width: 16px; min-height: 16px; } .budgie-menubar arrow.top { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); - border-bottom: 1px solid rgba(20, 21, 24, 0.928); } + border-bottom: 1px solid rgba(20, 20, 24, 0.928); } .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - border-top: 1px solid rgba(20, 21, 24, 0.928); } - + border-top: 1px solid rgba(20, 20, 24, 0.928); } .budgie-menubar menuitem accelerator { color: rgba(49, 54, 61, 0.35); } - .budgie-menubar menuitem check, .budgie-menubar menuitem radio { min-height: 16px; min-width: 16px; } @@ -5606,41 +5413,24 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .workspace-switcher .workspace-layout { border: 0 solid rgba(0, 0, 0, 0.95); } - .top .workspace-switcher .workspace-layout:dir(ltr), - .bottom .workspace-switcher .workspace-layout:dir(ltr) { + .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { border-left-width: 1px; } - .top .workspace-switcher .workspace-layout:dir(rtl), - .bottom .workspace-switcher .workspace-layout:dir(rtl) { + .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { border-right-width: 1px; } - .left .workspace-switcher .workspace-layout, - .right .workspace-switcher .workspace-layout { + .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { border-top-width: 1px; } - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(26, 26, 26, 0.95); } - .top .workspace-switcher .workspace-item:dir(ltr), - .bottom .workspace-switcher .workspace-item:dir(ltr), .top - .workspace-switcher .workspace-add-button:dir(ltr), - .bottom - .workspace-switcher .workspace-add-button:dir(ltr) { +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { + border: 0 solid rgba(23, 24, 28, 0.95); } + .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), + .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { border-right-width: 1px; } - .top .workspace-switcher .workspace-item:dir(rtl), - .bottom .workspace-switcher .workspace-item:dir(rtl), .top - .workspace-switcher .workspace-add-button:dir(rtl), - .bottom - .workspace-switcher .workspace-add-button:dir(rtl) { + .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), + .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { border-left-width: 1px; } - .left .workspace-switcher .workspace-item, - .right .workspace-switcher .workspace-item, .left - .workspace-switcher .workspace-add-button, - .right - .workspace-switcher .workspace-add-button { + .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { border-bottom-width: 1px; } - .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(26, 26, 26, 0.95); } - + background-color: rgba(23, 24, 28, 0.95); } .workspace-switcher .workspace-add-button { border: none; background: transparent; @@ -5651,7 +5441,6 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-image: none; } .workspace-switcher .workspace-add-button:active image { margin: 1px 0 -1px; } - .budgie-panel .workspace-switcher .workspace-icon-button { min-height: 24px; min-width: 24px; @@ -5666,10 +5455,8 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: #f7b922; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #f7b922; } - .nautilus-window paned > separator { background-image: none; } - .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { @@ -5687,32 +5474,25 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: rgba(235, 240, 245, 0.5); } .nautilus-window .sidebar .list-row:hover:active { background-color: rgba(247, 185, 34, 0.9); } - .nautilus-window.background { background-color: rgba(225, 232, 240, 0.95); } .nautilus-window.background:backdrop { background-color: rgba(225, 232, 240, 0.95); } - .nautilus-window notebook > stack:only-child { background-color: #ebf0f5; } .nautilus-window notebook > stack:only-child:backdrop { background-color: #e8edf3; } - .nautilus-window searchbar { border-top: 1px solid rgba(0, 0, 0, 0.12); } - .nautilus-window .searchbar-container { margin-top: -1px; } - .nautilus-window .titlebar .search { border: 1px solid transparent; border-radius: 3px; box-shadow: none; margin: 10px 5px 10px 0; } - .nautilus-window .titlebar .path-bar-box .dim-label, .nautilus-window .titlebar .path-bar-box label.separator, .nautilus-window .titlebar .path-bar-box .subtitle { color: transparent; } - .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:active, .nautilus-window .titlebar .path-bar-box widget > .text-button:last-child:checked, @@ -5729,13 +5509,11 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .nautilus-window .titlebar .path-bar-box button:active:backdrop, .nautilus-window .titlebar .path-bar-box button:active:backdrop label, .nautilus-window .titlebar .path-bar-box button:checked:backdrop, .nautilus-window .titlebar .path-bar-box button:checked:backdrop label { color: whitesmoke; } - .nautilus-window .titlebar .linked:not(.path-bar) button:active, .nautilus-window .titlebar .linked:not(.path-bar) button:checked, .nautilus-window .titlebar .linked:not(.path-bar) button:active:backdrop, .nautilus-window .titlebar .linked:not(.path-bar) button:checked:backdrop { background: transparent; color: #f7b922; box-shadow: none; border: none; } - .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; } .nautilus-window .linked:not(.vertical) > entry:focus { @@ -5773,10 +5551,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: #fefefe; text-shadow: none; } .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, - .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { color: #fefefe; } .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, - .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { color: #fefefe; } /********* @@ -5789,13 +5569,12 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled background-color: #e6e6e6; } /********* - * Gnucash * - *********/ +* Gnucash * +*********/ #gnc-id-main-window entry.gnc-class-register-foreground { background: transparent; border: none; box-shadow: none; } - #gnc-id-main-window .arrow.button.toggle { transition: none; box-shadow: none; } @@ -5836,7 +5615,11 @@ panel-toplevel.background button:not(#tasklist-button) { color: #fefefe; border-bottom: 2px solid #f7b922; background-color: #27282f; } - .xfce4-panel.panel button.flat:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active image, .mate-panel-menu-bar button:active:not(#tasklist-button) image, panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, panel-toplevel.background button:checked:not(#tasklist-button) image { + .xfce4-panel.panel button.flat:active label, .mate-panel-menu-bar button:active:not(#tasklist-button) label, + panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active image, .mate-panel-menu-bar button:active:not(#tasklist-button) image, + panel-toplevel.background button:active:not(#tasklist-button) image, .xfce4-panel.panel button.flat:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, + panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, + panel-toplevel.background button:checked:not(#tasklist-button) image { color: inherit; } #whiskermenu-window button { @@ -5888,7 +5671,6 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { background: #0e0e11; } - window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: linear-gradient(to right, #eee90a, #f7b922); @@ -6005,7 +5787,6 @@ menubar.panel, text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); transition: all 200ms ease-in-out; -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } - .composited-indicator > revealer image:first-child + label { margin-left: 5px; } @@ -6090,12 +5871,88 @@ LibraryWindow .the-button-in-the-combobox { border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); border-radius: 2px; } - .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block { border: none; } .source-list.view.level-bar.fill-block, iconview.source-list.level-bar.fill-block, .source-list.view.level-bar.fill-block:hover, iconview.source-list.level-bar.fill-block:hover, .source-list.view.level-bar.fill-block:selected, iconview.source-list.level-bar.fill-block:selected, .source-list.view.level-bar.fill-block:selected:focus, iconview.source-list.level-bar.fill-block:selected:focus { background: linear-gradient(to right, #fed349, #ff7800); } +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(0, 0, 0, 0.13); + border-radius: 100px; + background-clip: border-box; + padding: 0; + margin: 2px 1px; } + checkbutton.color-button > check { + -gtk-icon-source: none; + background: none; + margin-right: 0; + padding: 2px; } + checkbutton.color-button.none > check { + background-color: transparent; + border-radius: 100px; + -gtk-icon-source: -gtk-icontheme("close-symbolic"); } + +radiobutton.color-button > radio { + -gtk-icon-source: none; + margin-right: 0; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 100px; + background-clip: border-box; } +radiobutton.color-button:active > radio { + border: 1px solid rgba(0, 0, 0, 0.35); } + +.color-button check, +.color-button check:checked, +.color-button radio, +.color-button radio:checked { + background-image: none; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; + box-shadow: inset-shadow(); + color: #ebf0f5; + -gtk-icon-source: -gtk-icontheme("check-active-symbolic"); + min-height: rem(12px); + min-width: rem(12px); + padding: rem(3px); } +.color-button.red check, .color-button.red radio, .color-button.strawberry check, .color-button.strawberry radio { + background-color: @STRAWBERRY_300; + -gtk-icon-shadow: 0 1px 1px @STRAWBERRY_500; } +.color-button.orange check, .color-button.orange radio { + background-color: @ORANGE_300; + -gtk-icon-shadow: 0 1px 1px @ORANGE_500; } +.color-button.yellow check, .color-button.yellow radio, .color-button.banana check, .color-button.banana radio { + background-color: @BANANA_500; + -gtk-icon-shadow: 0 1px 1px @BANANA_700; } +.color-button.green check, .color-button.green radio, .color-button.lime check, .color-button.lime radio { + background-color: @LIME_500; + -gtk-icon-shadow: 0 1px 1px @LIME_700; } +.color-button.blue check, .color-button.blue radio, .color-button.blueberry check, .color-button.blueberry radio { + background-color: @BLUEBERRY_500; + -gtk-icon-shadow: 0 1px 1px @BLUEBERRY_700; } +.color-button.purple check, .color-button.purple radio, .color-button.grape check, .color-button.grape radio { + background-color: @GRAPE_500; + -gtk-icon-shadow: 0 1px 1px @GRAPE_700; } +.color-button.brown check, .color-button.brown radio, .color-button.cocoa check, .color-button.cocoa radio { + background-color: @COCOA_300; + -gtk-icon-shadow: 0 1px 1px @COCOA_500; } +.color-button.mint check, .color-button.mint radio { + background-color: @MINT_500; + -gtk-icon-shadow: 0 1px 1px @MINT_700; } +.color-button.pink check, .color-button.pink radio, .color-button.bubblegum check, .color-button.bubblegum radio { + background-color: @BUBBLEGUM_500; + -gtk-icon-shadow: 0 1px 1px @BUBBLEGUM_700; } +.color-button.slate check, .color-button.slate radio { + background-color: @SLATE_300; + -gtk-icon-shadow: 0 1px 1px @SLATE_500; } +.color-button.auto radio { + background-image: url("assets/color-button-auto.png"); + background-position: -1px -1px; + background-repeat: no-repeat; + background-size: calc(100% + 2px); } + /******** * Unity * *********/ @@ -6236,7 +6093,6 @@ SheetStyleDialog.unity-force-quit { @keyframes playbackmenuitem_spinner { to { -gtk-icon-transform: rotate(1turn); } } - .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; @@ -6246,7 +6102,6 @@ SheetStyleDialog.unity-force-quit { panel-toplevel.background, panel-toplevel.background menubar { background-color: #101013; } - .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, @@ -6254,7 +6109,6 @@ panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: white; } - .mate-panel-menu-bar button label, .mate-panel-menu-bar button image, .mate-panel-menu-bar #tasklist-button label, .mate-panel-menu-bar #tasklist-button image, @@ -6263,7 +6117,6 @@ panel-toplevel.background button image, panel-toplevel.background #tasklist-button label, panel-toplevel.background #tasklist-button image { color: inherit; } - .mate-panel-menu-bar .wnck-pager, panel-toplevel.background .wnck-pager { color: gray; @@ -6275,7 +6128,6 @@ panel-toplevel.background .wnck-pager { panel-toplevel.background .wnck-pager:selected { color: #fbd884; background-color: #f7b922; } - .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; @@ -6328,7 +6180,8 @@ ConversationListView { font-weight: bold; box-shadow: inset 0 -1px black; } #panel_window .menubar, - #panel_window .menubar > .menuitem menubar, + #panel_window .menubar > .menuitem + menubar, #panel_window menubar > menuitem { background-color: transparent; color: white; @@ -6421,9 +6274,9 @@ ConversationListView { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { - color: #88888a; + color: #88898a; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(42, 42, 45, 0.5), rgba(42, 42, 45, 0.5)); + background-image: linear-gradient(to bottom, rgba(42, 43, 45, 0.5), rgba(42, 43, 45, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -6455,13 +6308,11 @@ ConversationListView { .nemo-window .places-treeview iconview.cell:selected { background: #f7b922; color: #fefefe; } - .nemo-window .sidebar { background-color: #191a1f; } .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { color: #98abb2; background-color: transparent; } - .nemo-window .nemo-window-pane widget.entry { background-clip: padding-box; min-height: 28px; @@ -6473,7 +6324,6 @@ ConversationListView { .nemo-window .nemo-window-pane widget.entry:selected { background-color: #f7b922; color: #fefefe; } - .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #101013; } @@ -6494,14 +6344,12 @@ ConversationListView { background: linear-gradient(to right, #eee90a, #f7b922); box-shadow: 0px 2px 4px rgba(247, 185, 34, 0.98); color: white; } - .nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, .nemo-window .nemo-inactive-pane iconview { background-color: #dae3ed; } .caja-notebook .frame { border-width: 0 0 1px; } - .caja-notebook .entry { background: #e6e6e6; color: #31363d; @@ -6511,8 +6359,8 @@ ConversationListView { color: #fefefe; } /************** - * Caja sidebar * - **************/ +* Caja sidebar * +**************/ .caja-side-pane { background: #101013; } .caja-side-pane .frame { @@ -6539,8 +6387,8 @@ ConversationListView { background: #f7b922; } /************** - * Caja pathbar * - **************/ +* Caja pathbar * +**************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #101013; } @@ -6553,7 +6401,6 @@ ConversationListView { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):hover, .caja-navigation-window .vertical button.image-button.toggle:not(.text-button):active, @@ -6593,3 +6440,5 @@ ConversationListView { border-radius: 0; text-shadow: none; box-shadow: none; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/gtk-3.0/gtk.scss b/gtk-3.0/gtk.scss index b7c6297..268da7f 100755 --- a/gtk-3.0/gtk.scss +++ b/gtk-3.0/gtk.scss @@ -3,6 +3,7 @@ $variant: 'light'; @import 'colors'; +@import 'elementary-colors'; @import 'colors-public'; @import 'drawing'; @import 'common';