diff --git a/gtk-3.0/_colors-public.scss b/gtk-3.0/_colors-public.scss index b5b5cc1..9b0a01c 100755 --- a/gtk-3.0/_colors-public.scss +++ b/gtk-3.0/_colors-public.scss @@ -108,4 +108,78 @@ 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}; \ No newline at end of file +@define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_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 c8c29d1..207f014 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -71,6 +71,66 @@ read if you used those and something break with a version upgrade you're on your @define-color text_view_bg #181b28; @define-color budgie_tasklist_indicator_color #00D3A7; @define-color budgie_tasklist_indicator_color_active #00D3A7; +@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,13 +297,10 @@ assistant .sidebar { assistant .sidebar:backdrop { background-color: #1a1d2b; border-color: rgba(91, 93, 102, 0.19); } - assistant.csd .sidebar { border-top-style: none; } - assistant .sidebar label { padding: 6px 12px; } - assistant .sidebar label.highlight { background-color: #393c47; } @@ -272,7 +329,6 @@ assistant .sidebar label.highlight { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#21ffd1), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#00D3A7), 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,18 +533,16 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd:disabled:backdrop, button.osd:disabled { - color: #87888d; + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 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); @@ -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(16, 19, 27, 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(39, 44, 66, 0.98), rgba(39, 44, 66, 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(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); @@ -548,20 +587,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: #87888d; + .osd button:disabled:backdrop, + .osd button:disabled { + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 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(16, 19, 27, 0.98), rgba(16, 19, 27, 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(16, 19, 27, 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(16, 19, 27, 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(39, 44, 66, 0.98), rgba(39, 44, 66, 0.98)); @@ -606,11 +639,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: #87888d; + .osd button.flat:disabled { + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -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-image: linear-gradient(to bottom, rgba(16, 19, 27, 0.98), rgba(16, 19, 27, 0.98)); @@ -629,10 +660,8 @@ button { text-shadow: none; -gtk-icon-shadow: none; } .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(28, 31, 47, 0.98), rgba(28, 31, 47, 0.98)); @@ -641,83 +670,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, #5797f7 0%, #00dcf4 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, #5797f7 0%, #00dcf4 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: #00D3A7; 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: #00D3A7; 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; @@ -725,25 +725,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); @@ -752,8 +746,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)); @@ -762,11 +755,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); @@ -775,18 +764,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: #87888d; + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 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)); @@ -794,83 +780,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, #ee0979, #ff6a00); } - button.destructive-action.flat { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #5797f7 0%, #00dcf4 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: #00D3A7; 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: #00D3A7; 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; @@ -878,25 +835,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); @@ -905,8 +856,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)); @@ -915,11 +865,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); @@ -928,18 +874,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: #87888d; + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 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)); @@ -947,53 +890,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: #00D3A7; @@ -1002,7 +925,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(#21ffd1), 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(#21ffd1), 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; } @@ -1018,7 +941,6 @@ toolbar button:hover { color: #C3C7D1; background-color: #181b28; text-shadow: none; } - toolbar button:active { font-weight: normal; color: #C3C7D1; @@ -1054,47 +976,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(238, 238, 238, 0.1); 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; } @@ -1129,14 +1047,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, @@ -1144,13 +1064,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 { @@ -1162,7 +1086,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; } @@ -1595,49 +1518,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(238, 238, 238, 0.1); } colorswatch.dark overlay:backdrop { color: rgba(254, 254, 254, 0.5); } - colorswatch.light overlay { color: #C3C7D1; } colorswatch.light overlay:hover { border-color: rgba(238, 238, 238, 0.1); } colorswatch.light overlay:backdrop { color: #a1a5b0; } - colorswatch:drop(active) { box-shadow: none; } colorswatch:drop(active).light overlay { @@ -1646,7 +1562,6 @@ colorswatch:drop(active) { colorswatch:drop(active).dark overlay { border-color: #71f79f; box-shadow: inset 0 0 0 2px rgba(238, 238, 238, 0.1), 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(238, 238, 238, 0.1); } @@ -1655,7 +1570,6 @@ colorswatch overlay { colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(238, 238, 238, 0.1); box-shadow: none; } - colorswatch#add-color-button { border-radius: 5px 5px 0 0; } colorswatch#add-color-button:only-child { @@ -1675,16 +1589,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 { @@ -1700,7 +1611,6 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } - combobox:drop(active) { box-shadow: none; } @@ -1709,7 +1619,6 @@ combobox:drop(active) { ***********/ messagedialog .titlebar:not(headerbar) { background-color: rgba(22, 25, 37, 0.95); } - messagedialog .titlebar { min-height: 20px; background-image: none; @@ -1717,13 +1626,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; @@ -1748,7 +1655,6 @@ filechooser .dialog-action-box { border-top: 1px solid rgba(238, 238, 238, 0.1); } filechooser .dialog-action-box:backdrop { border-top-color: rgba(91, 93, 102, 0.19); } - filechooser #pathbarbox { border-bottom: 1px solid #161925; } @@ -1759,8 +1665,7 @@ filechooserbutton:drop(active) { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), -entry { +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -1876,24 +1781,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: #00D3A7; 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); @@ -1901,16 +1806,15 @@ entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd - entry:disabled { - color: #87888d; + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(40, 42, 50, 0.5); + background-color: rgba(40, 43, 50, 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; @@ -1924,68 +1828,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: #00a07f; } - .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #00a07f; } - -.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) { - border-top-color: rgba(29, 32, 45, 0.73); +.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(29, 32, 44, 0.73); 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) { + .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(29, 32, 46, 0.757); 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(29, 32, 45, 0.73); } - + border-top-color: rgba(29, 32, 44, 0.73); } .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: #00a07f; } - .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 > @@ -1993,11 +1885,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00a07f; } - .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 > @@ -2009,7 +1901,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; @@ -2078,7 +1969,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(213, 213, 213, 0.1)), to(rgba(213, 213, 213, 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%; @@ -2095,7 +1985,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(213, 213, 213, 0.1)), to(rgba(213, 213, 213, 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%; @@ -2112,7 +2001,6 @@ scrolledwindow overshoot.bottom { background-color: transparent; border: none; box-shadow: none; } - scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(213, 213, 213, 0.1)), to(rgba(213, 213, 213, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(195, 199, 209, 0.07)), to(rgba(195, 199, 209, 0))); background-size: 5% 100%, 100% 100%; @@ -2129,7 +2017,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(213, 213, 213, 0.1)), to(rgba(213, 213, 213, 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%; @@ -2146,7 +2033,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%); @@ -2157,7 +2043,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%); @@ -2168,7 +2053,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%); @@ -2179,7 +2063,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%); @@ -2190,7 +2073,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(238, 238, 238, 0.1) 1px, transparent 1px) 0 0 0 1/0 1px stretch; @@ -2312,7 +2194,6 @@ GraniteWidgetsWelcome { background-image: none; background-color: transparent; padding: 8px 6px; } - .storage-bar .fill-block { background-color: #f9dc5c; border: none; @@ -2345,8 +2226,7 @@ GraniteWidgetsWelcome { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), .titlebar, -headerbar { +.titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #161925; @@ -2366,10 +2246,10 @@ headerbar { font-size: smaller; padding-left: 12px; padding-right: 12px; } - .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar entry, headerbar entry { min-height: 24px; } - .titlebar:not(headerbar) button, .titlebar button, + .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; @@ -2611,28 +2491,17 @@ headerbar { headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(0, 211, 167, 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; @@ -2643,11 +2512,9 @@ headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } - headerbar switch { margin-top: 10px; margin-bottom: 10px; } - headerbar separator { background: transparent; } @@ -2657,11 +2524,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; } @@ -2672,7 +2536,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: #161925; } @@ -2756,14 +2619,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; @@ -2772,13 +2632,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 { @@ -2829,9 +2686,7 @@ button:visited { button:backdrop:visited { color: #00D3A7; } *: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: #cbf5ed; } @@ -2904,74 +2759,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(238, 238, 238, 0.1); 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: #00D3A7; } - 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; @@ -2981,38 +2808,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; @@ -3040,7 +2856,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; } @@ -3244,7 +3059,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 { @@ -3274,7 +3088,6 @@ paned > separator { paned > separator.wide:backdrop { background-color: #161925; background-image: image(rgba(91, 93, 102, 0.19)), image(rgba(91, 93, 102, 0.19)); } - paned.horizontal > separator { background-repeat: repeat-y; } paned.horizontal > separator:dir(ltr) { @@ -3290,7 +3103,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; @@ -3308,21 +3120,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; } @@ -3519,9 +3326,9 @@ scale { outline-color: rgba(254, 254, 254, 0.3); background-color: #10131b; } .osd scale slider:disabled { - color: #87888d; + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4036,7 +3843,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(238, 238, 238, 0.1); border-right-style: none; } .sidebar:backdrop { @@ -4133,7 +3942,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 { @@ -4188,7 +3996,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; @@ -4234,7 +4041,7 @@ spinbutton:not(.vertical) { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #87888d; + color: #87898d; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } @@ -4242,23 +4049,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; @@ -4266,15 +4068,12 @@ spinbutton.vertical button { border-width: 1px; border-color: rgba(238, 238, 238, 0.1); 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); @@ -4303,9 +4102,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: #87888d; + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -4318,7 +4117,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; @@ -4339,7 +4137,6 @@ menu spinner { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } - spinner { background: none; opacity: 0; @@ -4479,7 +4276,7 @@ tooltip { * Tree Views * **************/ treeview.view { - border-left-color: #6d717d; + border-left-color: #6e717d; border-top-color: #161925; } * { -GtkTreeView-horizontal-separator: 4; @@ -4558,13 +4355,13 @@ treeview.view { background-color: #00a07f; 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 { @@ -4622,9 +4419,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; } @@ -4671,13 +4466,18 @@ button.titlebutton { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.66902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.6690196078); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6690196078); } 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, @@ -4686,7 +4486,12 @@ popover.background radiobutton:selected, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #00D3A7; } - 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, @@ -4696,23 +4501,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: #7fe9d3; } - 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, @@ -4864,16 +4677,14 @@ button.budgie-menu-launcher { button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { color: #00D3A7; 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); @@ -4931,66 +4742,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(238, 238, 238, 0.05); 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(238, 238, 238, 0.05); } - .places-menu .unlock-area { border-top: 1px solid rgba(238, 238, 238, 0); border-bottom: 1px solid rgba(238, 238, 238, 0); } - .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(238, 238, 238, 0); } - .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; @@ -5071,86 +4869,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 #00D3A7; } - .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 #00D3A7; } - .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 #00D3A7; } - .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 #00D3A7; } .top .budgie-panel { @@ -5389,14 +5206,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: #C3C7D1; } - .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(195, 199, 209, 0.7); } - .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } @@ -5416,7 +5230,6 @@ calendar.raven-calendar { .budgie-switcher-window flowbox { color: #C3C7D1; } - .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; @@ -5490,7 +5303,6 @@ calendar.raven-calendar { .budgie-polkit-dialog .message { color: rgba(195, 199, 209, 0.7); } - .budgie-polkit-dialog .failure { color: #ed254e; } @@ -5507,11 +5319,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); } @@ -5523,7 +5334,6 @@ calendar.raven-calendar { .budgie-menubar menu menuitem:hover { background-color: #00D3A7; color: #fefefe; } - .budgie-menubar arrow { border: none; min-width: 16px; @@ -5534,10 +5344,8 @@ calendar.raven-calendar { .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(42, 45, 57, 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; } @@ -5547,41 +5355,24 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .workspace-switcher .workspace-layout { border: 0 solid rgba(3, 3, 5, 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 { +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(22, 25, 37, 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) { + .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(0, 0, 0, 0.95); } - .workspace-switcher .workspace-add-button { border: none; background: transparent; @@ -5592,7 +5383,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; @@ -5607,10 +5397,8 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: #00D3A7; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #00D3A7; } - .nautilus-window paned > separator { background-image: none; } - .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { @@ -5628,31 +5416,24 @@ 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(0, 211, 167, 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 rgba(238, 238, 238, 0.1); border-radius: 3px; 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, @@ -5669,13 +5450,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: #00D3A7; box-shadow: none; border: none; } - .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; } .nautilus-window .linked:not(.vertical) > entry:focus { @@ -5713,10 +5492,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; } /********* @@ -5729,13 +5510,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; } @@ -5776,7 +5556,11 @@ panel-toplevel.background button:not(#tasklist-button) { color: #fefefe; background-color: #2c3b49; border-bottom: 2px solid #00D3A7; } - .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 { @@ -5823,7 +5607,6 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { background: #0c0e15; } - window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: #00e8b7; @@ -5940,7 +5723,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; } @@ -6025,12 +5807,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, #00f17d, #00f7d2); } +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid rgba(238, 238, 238, 0.1); + 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 * *********/ @@ -6171,7 +6029,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; @@ -6181,7 +6038,6 @@ SheetStyleDialog.unity-force-quit { panel-toplevel.background, panel-toplevel.background menubar { background-color: #222e39; } - .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, @@ -6189,7 +6045,6 @@ panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #C3C7D1; } - .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, @@ -6198,7 +6053,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: #626469; @@ -6210,7 +6064,6 @@ panel-toplevel.background .wnck-pager { panel-toplevel.background .wnck-pager:selected { color: #3affd6; background-color: #00D3A7; } - .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; @@ -6263,7 +6116,8 @@ ConversationListView { font-weight: bold; box-shadow: inset 0 -1px #151c23; } #panel_window .menubar, - #panel_window .menubar > .menuitem menubar, + #panel_window .menubar > .menuitem + menubar, #panel_window menubar > menuitem { background-color: transparent; color: #C3C7D1; @@ -6356,9 +6210,9 @@ ConversationListView { -gtk-icon-shadow: none; outline-color: rgba(254, 254, 254, 0.3); } #buttonbox_frame button:disabled { - color: #87888d; + color: #87898d; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(40, 42, 50, 0.5), rgba(40, 42, 50, 0.5)); + background-image: linear-gradient(to bottom, rgba(40, 43, 50, 0.5), rgba(40, 43, 50, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -6390,13 +6244,11 @@ ConversationListView { .nemo-window .places-treeview iconview.cell:selected { background: #00D3A7; color: #fefefe; } - .nemo-window .sidebar { background-color: #161925; } .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; @@ -6408,7 +6260,6 @@ ConversationListView { .nemo-window .nemo-window-pane widget.entry:selected { background-color: #00D3A7; color: #fefefe; } - .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #161925; } @@ -6429,14 +6280,12 @@ ConversationListView { background: #00e8b7; box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753); 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; @@ -6446,8 +6295,8 @@ ConversationListView { color: #fefefe; } /************** - * Caja sidebar * - **************/ +* Caja sidebar * +**************/ .caja-side-pane { background: #161925; } .caja-side-pane .frame { @@ -6472,8 +6321,8 @@ ConversationListView { background: #00D3A7; } /************** - * Caja pathbar * - **************/ +* Caja pathbar * +**************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #161925; } @@ -6486,7 +6335,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, @@ -6526,3 +6374,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 92d388e..c4d004e 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 #ff6a00; @define-color error_color #ed254e; @@ -71,6 +71,66 @@ read if you used those and something break with a version upgrade you're on your @define-color text_view_bg #ebf0f5; @define-color budgie_tasklist_indicator_color #00D3A7; @define-color budgie_tasklist_indicator_color_active #00D3A7; +@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 * *****************/ @@ -236,14 +296,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; } @@ -272,7 +329,6 @@ assistant .sidebar label.highlight { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#00D3A7), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#00D3A7), 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: #00a07f; } - 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,7 +535,6 @@ button.osd { outline-color: rgba(254, 254, 254, 0.3); border: none; box-shadow: none; } - button.osd:disabled:backdrop, button.osd:disabled { color: #8d9297; @@ -499,7 +545,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); @@ -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(28, 38, 47, 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(51, 69, 86, 0.98), rgba(51, 69, 86, 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(40, 54, 67, 0.98), rgba(40, 54, 67, 0.98)); @@ -551,10 +589,8 @@ 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 { + .osd button:disabled:backdrop, + .osd button:disabled { color: #8d9297; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(51, 60, 68, 0.5), rgba(51, 60, 68, 0.5)); @@ -563,8 +599,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(28, 38, 47, 0.98), rgba(28, 38, 47, 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(28, 38, 47, 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(28, 38, 47, 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(51, 69, 86, 0.98), rgba(51, 69, 86, 0.98)); @@ -609,8 +641,7 @@ 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 { + .osd button.flat:disabled { color: #8d9297; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(51, 60, 68, 0.5), rgba(51, 60, 68, 0.5)); @@ -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-image: linear-gradient(to bottom, rgba(28, 38, 47, 0.98), rgba(28, 38, 47, 0.98)); @@ -632,10 +662,8 @@ button { text-shadow: none; -gtk-icon-shadow: none; } .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(40, 54, 67, 0.98), rgba(40, 54, 67, 0.98)); @@ -644,83 +672,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, #5797f7 0%, #00dcf4 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, #5797f7 0%, #00dcf4 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: #00D3A7; 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: #00D3A7; 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; @@ -728,25 +727,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); @@ -755,8 +748,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)); @@ -765,11 +757,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); @@ -778,9 +766,7 @@ 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 { + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8d9297; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(51, 60, 68, 0.5), rgba(51, 60, 68, 0.5)); @@ -788,8 +774,7 @@ button.suggested-action { 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)); @@ -797,83 +782,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, #ee0979, #ff6a00); } - button.destructive-action.flat { box-shadow: none; color: white; border-radius: 100px; background: linear-gradient(to right, #5797f7 0%, #00dcf4 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: #00D3A7; 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: #00D3A7; 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; @@ -881,25 +837,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); @@ -908,8 +858,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)); @@ -918,11 +867,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); @@ -931,9 +876,7 @@ 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 { + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8d9297; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(51, 60, 68, 0.5), rgba(51, 60, 68, 0.5)); @@ -941,8 +884,7 @@ button.destructive-action { 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)); @@ -950,53 +892,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: #00D3A7; @@ -1005,7 +927,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(#00D3A7), 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(#00D3A7), 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; } @@ -1021,7 +943,6 @@ toolbar button:hover { color: #31363D; background-color: #eaeff3; text-shadow: none; } - toolbar button:active { font-weight: normal; color: #31363D; @@ -1057,47 +978,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; } @@ -1132,14 +1049,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, @@ -1147,13 +1066,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 { @@ -1169,7 +1092,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; } @@ -1201,7 +1123,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 * @@ -1602,49 +1524,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 { @@ -1653,7 +1568,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); } @@ -1662,7 +1576,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 { @@ -1682,16 +1595,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 { @@ -1707,7 +1617,6 @@ combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } - combobox:drop(active) { box-shadow: none; } @@ -1716,7 +1625,6 @@ combobox:drop(active) { ***********/ messagedialog .titlebar:not(headerbar) { background-color: rgba(255, 255, 255, 0.95); } - messagedialog .titlebar { min-height: 20px; background-image: none; @@ -1724,13 +1632,11 @@ messagedialog .titlebar { border-style: none; border-top-left-radius: 4px; border-top-right-radius: 4px; } - messagedialog.csd.background { background-color: rgba(255, 255, 255, 0.95); color: #31363D; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } - messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; @@ -1754,8 +1660,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; } @@ -1766,8 +1671,7 @@ filechooserbutton:drop(active) { /**************** * Text Entries * ****************/ -spinbutton:not(.vertical), -entry { +spinbutton:not(.vertical), entry { min-height: 28px; padding-left: 8px; padding-right: 8px; @@ -1828,14 +1732,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), @@ -1883,24 +1787,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: #00D3A7; 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); @@ -1908,8 +1812,8 @@ entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - .osd spinbutton:disabled:not(.vertical), .osd - entry:disabled { + .osd spinbutton:disabled:not(.vertical), + .osd entry:disabled { color: #8d9297; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(51, 60, 68, 0.5); @@ -1917,7 +1821,6 @@ entry { box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; @@ -1931,68 +1834,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: #00D3A7; } - .linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > entry:focus { border-color: #00D3A7; } - -.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: #00D3A7; } - .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 > @@ -2000,11 +1891,11 @@ entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #00D3A7; } - .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 > @@ -2016,7 +1907,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; @@ -2058,7 +1948,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 * @@ -2075,17 +1965,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%; @@ -2095,14 +1984,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%; @@ -2112,14 +2000,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 { background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(49, 54, 61, 0.07)), to(rgba(49, 54, 61, 0))); background-size: 5% 100%, 100% 100%; @@ -2129,14 +2016,13 @@ scrolledwindow overshoot.left { border: none; box-shadow: none; } scrolledwindow overshoot.left:backdrop { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(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%; @@ -2146,14 +2032,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%); @@ -2164,7 +2049,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%); @@ -2175,7 +2059,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%); @@ -2186,7 +2069,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%); @@ -2197,7 +2079,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; @@ -2205,7 +2086,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; } @@ -2319,7 +2200,6 @@ GraniteWidgetsWelcome { background-image: none; background-color: transparent; padding: 8px 6px; } - .storage-bar .fill-block { background-color: #f9dc5c; border: none; @@ -2352,8 +2232,7 @@ GraniteWidgetsWelcome { /*************** * Header bars * ***************/ -.titlebar:not(headerbar), .titlebar, -headerbar { +.titlebar:not(headerbar), .titlebar, headerbar { padding: 0px 13px; min-height: 34px; background: #fff; @@ -2361,7 +2240,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 { @@ -2373,10 +2252,10 @@ headerbar { font-size: smaller; padding-left: 12px; padding-right: 12px; } - .titlebar:not(headerbar) entry, .titlebar entry, + .titlebar entry, headerbar entry { min-height: 24px; } - .titlebar:not(headerbar) button, .titlebar button, + .titlebar button, headerbar button { color: #8b8b8b; text-shadow: none; @@ -2618,28 +2497,17 @@ headerbar { headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:checked label { color: rgba(0, 211, 167, 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; @@ -2650,11 +2518,9 @@ headerbar spinbutton, headerbar separator { margin-top: 5px; margin-bottom: 5px; } - headerbar switch { margin-top: 10px; margin-bottom: 10px; } - headerbar separator { background: transparent; } @@ -2664,11 +2530,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; } @@ -2679,7 +2542,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: #fff; } @@ -2763,14 +2625,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; @@ -2779,13 +2638,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 { @@ -2836,9 +2692,7 @@ button:visited { button:backdrop:visited { color: #00D3A7; } *: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: #cbf5ed; } @@ -2863,7 +2717,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; @@ -2911,74 +2765,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, #fff 20%, #fff); 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: #00D3A7; } - 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; @@ -2990,36 +2816,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; @@ -3047,7 +2862,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; } @@ -3064,7 +2878,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, @@ -3081,9 +2895,9 @@ notebook > header { padding: 1px; border-color: transparent; border-width: 1px; - background-color: #ebecee; } + background-color: #ebedee; } 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; } @@ -3094,7 +2908,7 @@ notebook > header { notebook > header.top > tabs > tab:backdrop { box-shadow: none; } notebook > header.top > tabs > tab:checked { - background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #f6f6f7 no-repeat; + background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #f6f7f7 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.bottom { @@ -3104,7 +2918,7 @@ notebook > header { notebook > header.bottom > tabs > tab:backdrop { box-shadow: none; } notebook > header.bottom > tabs > tab:checked { - background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #f6f6f7 no-repeat; + background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #f6f7f7 no-repeat; background-size: 100% 2px; border: 0; } notebook > header.left { @@ -3114,7 +2928,7 @@ notebook > header { notebook > header.left > tabs > tab:backdrop { box-shadow: none; } notebook > header.left > tabs > tab:checked { - background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #f6f6f7 no-repeat; + background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #f6f7f7 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.right { @@ -3124,7 +2938,7 @@ notebook > header { notebook > header.right > tabs > tab:backdrop { box-shadow: none; } notebook > header.right > tabs > tab:checked { - background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #f6f6f7 no-repeat; + background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #f6f7f7 no-repeat; background-size: 2px 100%; border: 0; } notebook > header.top > tabs > arrow { @@ -3199,7 +3013,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; @@ -3251,7 +3065,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 { @@ -3271,7 +3084,7 @@ paned > separator { paned > separator:selected { background-image: image(#00D3A7); } 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; @@ -3280,8 +3093,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) { @@ -3297,7 +3109,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; @@ -3315,21 +3126,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; } @@ -3903,7 +3709,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; @@ -3912,13 +3718,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: #00a07f; } scrollbar slider:backdrop { - background-color: #c2c3c5; } + background-color: #c2c3c4; } scrollbar slider:disabled { background-color: transparent; } scrollbar.fine-tune slider { @@ -3977,7 +3783,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; @@ -4001,7 +3807,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; @@ -4009,7 +3815,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; @@ -4017,7 +3823,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 { @@ -4043,12 +3849,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; } @@ -4140,7 +3948,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 { @@ -4183,7 +3990,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); @@ -4195,7 +4002,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; @@ -4249,23 +4055,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; @@ -4273,15 +4074,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); @@ -4325,7 +4123,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; @@ -4346,7 +4143,6 @@ menu spinner { @keyframes spin { to { -gtk-icon-transform: rotate(1turn); } } - spinner { background: none; opacity: 0; @@ -4462,10 +4258,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; } @@ -4551,7 +4347,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 #00a07f; @@ -4646,9 +4442,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; } @@ -4668,7 +4462,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 { @@ -4695,13 +4489,18 @@ button.titlebutton { headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.66902); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.66902); } + text-shadow: 0 -1px rgba(0, 0, 0, 0.6690196078); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6690196078); } 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, @@ -4710,7 +4509,12 @@ popover.background radiobutton:selected, entry selection:focus, entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected { background-color: #00D3A7; } - 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, @@ -4721,23 +4525,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: #7fe9d3; } - 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, @@ -4895,10 +4707,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); @@ -4956,66 +4766,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.08); 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.08); } - .places-menu .unlock-area { border-top: 1px solid rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); } - .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); } - .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; @@ -5096,86 +4893,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 #00D3A7; } - .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 #00D3A7; } - .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 #00D3A7; } - .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 #00D3A7; } .top .budgie-panel { @@ -5414,14 +5230,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: #31363D; } - .budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { color: rgba(49, 54, 61, 0.7); } - .budgie-notification button, .budgie-osd button, .budgie-switcher button { background-color: transparent; color: #fefefe; } @@ -5441,7 +5254,6 @@ calendar.raven-calendar { .budgie-switcher-window flowbox { color: #31363d; } - .budgie-switcher-window flowboxchild { padding: 3px; margin: 3px; @@ -5515,7 +5327,6 @@ calendar.raven-calendar { .budgie-polkit-dialog .message { color: rgba(49, 54, 61, 0.7); } - .budgie-polkit-dialog .failure { color: #ed254e; } @@ -5532,11 +5343,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); } @@ -5548,7 +5358,6 @@ calendar.raven-calendar { .budgie-menubar menu menuitem:hover { background-color: #00D3A7; color: #fefefe; } - .budgie-menubar arrow { border: none; min-width: 16px; @@ -5559,10 +5368,8 @@ calendar.raven-calendar { .budgie-menubar arrow.bottom { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); border-top: 1px solid rgba(231, 232, 233, 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; } @@ -5572,41 +5379,24 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled .workspace-switcher .workspace-layout { border: 0 solid rgba(15, 20, 25, 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 { +.workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { border: 0 solid rgba(34, 46, 57, 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) { + .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(5, 7, 9, 0.95); } - .workspace-switcher .workspace-add-button { border: none; background: transparent; @@ -5617,7 +5407,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; @@ -5632,10 +5421,8 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled color: #00D3A7; } .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { color: #00D3A7; } - .nautilus-window paned > separator { background-image: none; } - .nautilus-window .sidebar { background-color: transparent; } .nautilus-window .sidebar:backdrop { @@ -5653,31 +5440,24 @@ 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(0, 211, 167, 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 rgba(0, 0, 0, 0.13); border-radius: 3px; 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, @@ -5694,13 +5474,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: #00D3A7; box-shadow: none; border: none; } - .nautilus-window .linked:not(.vertical) > entry { border-radius: 10px; } .nautilus-window .linked:not(.vertical) > entry:focus { @@ -5738,10 +5516,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; } /********* @@ -5754,13 +5534,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; } @@ -5801,7 +5580,11 @@ panel-toplevel.background button:not(#tasklist-button) { color: #fefefe; background-color: #2c3b49; border-bottom: 2px solid #00D3A7; } - .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 { @@ -5848,7 +5631,6 @@ window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path- /* thunar sidepane */ window.thunar paned > scrolledwindow treeview.view:hover { background: #182129; } - window.thunar paned > scrolledwindow treeview.view:selected { border-radius: 23px; background: #00e8b7; @@ -5965,7 +5747,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; } @@ -6050,12 +5831,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, #00f17d, #00f7d2); } +/************************** + * 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 * *********/ @@ -6196,7 +6053,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; @@ -6206,7 +6062,6 @@ SheetStyleDialog.unity-force-quit { panel-toplevel.background, panel-toplevel.background menubar { background-color: #222e39; } - .mate-panel-menu-bar menubar, .mate-panel-menu-bar #PanelApplet label, .mate-panel-menu-bar #PanelApplet image, @@ -6214,7 +6069,6 @@ panel-toplevel.background menubar, panel-toplevel.background #PanelApplet label, panel-toplevel.background #PanelApplet image { color: #C3C7D1; } - .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, @@ -6223,7 +6077,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: #626469; @@ -6235,7 +6088,6 @@ panel-toplevel.background .wnck-pager { panel-toplevel.background .wnck-pager:selected { color: #3affd6; background-color: #00D3A7; } - .mate-panel-menu-bar na-tray-applet, panel-toplevel.background na-tray-applet { -NaTrayApplet-icon-padding: 0; @@ -6288,7 +6140,8 @@ ConversationListView { font-weight: bold; box-shadow: inset 0 -1px #151c23; } #panel_window .menubar, - #panel_window .menubar > .menuitem menubar, + #panel_window .menubar > .menuitem + menubar, #panel_window menubar > menuitem { background-color: transparent; color: #C3C7D1; @@ -6415,13 +6268,11 @@ ConversationListView { .nemo-window .places-treeview iconview.cell:selected { background: #00D3A7; color: #fefefe; } - .nemo-window .sidebar { background-color: #222e39; } .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; @@ -6433,7 +6284,6 @@ ConversationListView { .nemo-window .nemo-window-pane widget.entry:selected { background-color: #00D3A7; color: #fefefe; } - .nemo-window toolbar.primary-toolbar { margin-bottom: -1px; background: #fff; } @@ -6454,14 +6304,12 @@ ConversationListView { background: #00e8b7; box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753); 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; @@ -6471,8 +6319,8 @@ ConversationListView { color: #fefefe; } /************** - * Caja sidebar * - **************/ +* Caja sidebar * +**************/ .caja-side-pane { background: #fff; } .caja-side-pane .frame { @@ -6497,8 +6345,8 @@ ConversationListView { background: #00D3A7; } /************** - * Caja pathbar * - **************/ +* Caja pathbar * +**************/ .caja-navigation-window paned, .caja-navigation-window .primary-toolbar { background: #fff; } @@ -6511,7 +6359,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, @@ -6551,3 +6398,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';