From ca76d0e2e55cb9a6b69a29c19225c22bb50c6f96 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sun, 29 May 2016 19:22:18 +0200 Subject: use accent color for menu highlight (fix #135) --- .../3.14/common-assets/menu/menu-hover.svg | 84 ++++++++ .../common-assets/switch/switch-off-selected.svg | 201 +++++++++++++++++++ .../common-assets/switch/switch-on-selected.svg | 220 +++++++++++++++++++++ .../3.14/dark-assets/menu/menu-hover.svg | 97 --------- common/gnome-shell/3.14/gnome-shell-dark.css | 50 +++-- common/gnome-shell/3.14/gnome-shell.css | 50 +++-- .../3.14/light-assets/menu/menu-hover.svg | 97 --------- common/gnome-shell/3.14/sass/_common.scss | 53 +++-- .../3.16/common-assets/menu/menu-hover.svg | 84 ++++++++ .../common-assets/switch/switch-off-selected.svg | 201 +++++++++++++++++++ .../common-assets/switch/switch-on-selected.svg | 220 +++++++++++++++++++++ .../3.16/dark-assets/menu/menu-hover.svg | 97 --------- common/gnome-shell/3.16/gnome-shell-dark.css | 20 +- common/gnome-shell/3.16/gnome-shell.css | 20 +- .../3.16/light-assets/menu/menu-hover.svg | 97 --------- common/gnome-shell/3.16/sass/_common.scss | 18 +- .../3.18/common-assets/menu/menu-hover.svg | 84 ++++++++ .../common-assets/switch/switch-off-selected.svg | 201 +++++++++++++++++++ .../common-assets/switch/switch-on-selected.svg | 220 +++++++++++++++++++++ .../3.18/dark-assets/menu/menu-hover.svg | 97 --------- common/gnome-shell/3.18/gnome-shell-dark.css | 22 ++- common/gnome-shell/3.18/gnome-shell.css | 22 ++- .../3.18/light-assets/menu/menu-hover.svg | 97 --------- common/gnome-shell/3.18/sass/_common.scss | 22 ++- 24 files changed, 1695 insertions(+), 679 deletions(-) create mode 100644 common/gnome-shell/3.14/common-assets/menu/menu-hover.svg create mode 100644 common/gnome-shell/3.14/common-assets/switch/switch-off-selected.svg create mode 100644 common/gnome-shell/3.14/common-assets/switch/switch-on-selected.svg delete mode 100644 common/gnome-shell/3.14/dark-assets/menu/menu-hover.svg delete mode 100644 common/gnome-shell/3.14/light-assets/menu/menu-hover.svg create mode 100644 common/gnome-shell/3.16/common-assets/menu/menu-hover.svg create mode 100644 common/gnome-shell/3.16/common-assets/switch/switch-off-selected.svg create mode 100644 common/gnome-shell/3.16/common-assets/switch/switch-on-selected.svg delete mode 100644 common/gnome-shell/3.16/dark-assets/menu/menu-hover.svg delete mode 100644 common/gnome-shell/3.16/light-assets/menu/menu-hover.svg create mode 100644 common/gnome-shell/3.18/common-assets/menu/menu-hover.svg create mode 100644 common/gnome-shell/3.18/common-assets/switch/switch-off-selected.svg create mode 100644 common/gnome-shell/3.18/common-assets/switch/switch-on-selected.svg delete mode 100644 common/gnome-shell/3.18/dark-assets/menu/menu-hover.svg delete mode 100644 common/gnome-shell/3.18/light-assets/menu/menu-hover.svg (limited to 'common/gnome-shell') diff --git a/common/gnome-shell/3.14/common-assets/menu/menu-hover.svg b/common/gnome-shell/3.14/common-assets/menu/menu-hover.svg new file mode 100644 index 0000000..6ae13ca --- /dev/null +++ b/common/gnome-shell/3.14/common-assets/menu/menu-hover.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/common-assets/switch/switch-off-selected.svg b/common/gnome-shell/3.14/common-assets/switch/switch-off-selected.svg new file mode 100644 index 0000000..c85eeee --- /dev/null +++ b/common/gnome-shell/3.14/common-assets/switch/switch-off-selected.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/common-assets/switch/switch-on-selected.svg b/common/gnome-shell/3.14/common-assets/switch/switch-on-selected.svg new file mode 100644 index 0000000..7c2572d --- /dev/null +++ b/common/gnome-shell/3.14/common-assets/switch/switch-on-selected.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.14/dark-assets/menu/menu-hover.svg b/common/gnome-shell/3.14/dark-assets/menu/menu-hover.svg deleted file mode 100644 index a023a8e..0000000 --- a/common/gnome-shell/3.14/dark-assets/menu/menu-hover.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/common/gnome-shell/3.14/gnome-shell-dark.css b/common/gnome-shell/3.14/gnome-shell-dark.css index 0f4fba2..dc8fddf 100644 --- a/common/gnome-shell/3.14/gnome-shell-dark.css +++ b/common/gnome-shell/3.14/gnome-shell-dark.css @@ -184,19 +184,22 @@ StScrollBar { .slider { -slider-height: 4px; - -slider-background-color: #2b2e39 !important; - -slider-border-color: transparent !important; - -slider-active-background-color: #5294E2 !important; - -slider-active-border-color: transparent !important; + -slider-background-color: #2b2e39; + -slider-border-color: transparent; + -slider-active-background-color: #5294E2; + -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; - -slider-handle-border-color: transparent !important; - -slider-handle-border-width: 0 !important; + -slider-handle-border-color: transparent; + -slider-handle-border-width: 0; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } + .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } @@ -218,11 +221,14 @@ StScrollBar { .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("dark-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("dark-assets/switch/switch-on.svg"); } + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item:active .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item:active .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #a9caf1; } @@ -453,7 +459,7 @@ StScrollBar { background-gradient-direction: none !important; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-submenu-menu-item:open { - color: #D3DAE3 !important; + color: #D3DAE3; background: none !important; box-shadow: none; border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } @@ -466,18 +472,22 @@ StScrollBar { .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { - color: #D3DAE3 !important; + color: #ffffff; background-color: transparent; - border-image: url("dark-assets/menu/menu-hover.svg") 9 9 1 1; } + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { - color: rgba(211, 218, 227, 0.5) !important; + color: rgba(211, 218, 227, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #D3DAE3; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(211, 218, 227, 0.45); } - .popup-menu .popup-status-menu-item, .popup-menu .popup-subtitle-menu-item { - color: #D3DAE3 !important; } + .popup-menu .popup-status-menu-item, + .popup-menu .popup-subtitle-menu-item { + color: #D3DAE3; } + .popup-menu .popup-menu-item:active .popup-status-menu-item, + .popup-menu .popup-menu-item:active .popup-subtitle-menu-item { + color: #ffffff; } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } @@ -741,7 +751,7 @@ StScrollBar { .system-switch-user-submenu-icon { icon-size: 24px; - border: 1px solid rgba(211, 218, 227, 0.4); } + border: 1px solid rgba(0, 0, 0, 0.2); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); @@ -754,7 +764,9 @@ StScrollBar { width: 360px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; - color: #D3DAE3 !important; } + color: #D3DAE3; } + .aggregate-menu .popup-menu-item:active .popup-menu-icon { + color: #ffffff; } .system-menu-action { padding: 13px; diff --git a/common/gnome-shell/3.14/gnome-shell.css b/common/gnome-shell/3.14/gnome-shell.css index 7308f41..65dfd22 100644 --- a/common/gnome-shell/3.14/gnome-shell.css +++ b/common/gnome-shell/3.14/gnome-shell.css @@ -184,19 +184,22 @@ StScrollBar { .slider { -slider-height: 4px; - -slider-background-color: #cfd6e6 !important; - -slider-border-color: transparent !important; - -slider-active-background-color: #5294E2 !important; - -slider-active-border-color: transparent !important; + -slider-background-color: #cfd6e6; + -slider-border-color: transparent; + -slider-active-background-color: #5294E2; + -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; - -slider-handle-border-color: transparent !important; - -slider-handle-border-width: 0 !important; + -slider-handle-border-color: transparent; + -slider-handle-border-width: 0; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; } + .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } @@ -218,11 +221,14 @@ StScrollBar { .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("light-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("light-assets/switch/switch-on.svg"); } + background-size: contain; + background-image: url("light-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("light-assets/switch/switch-on.svg"); } + .popup-menu-item:active .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item:active .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #2679db; } @@ -453,7 +459,7 @@ StScrollBar { background-gradient-direction: none !important; border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } .popup-menu .popup-submenu-menu-item:open { - color: #5c616c !important; + color: #5c616c; background: none !important; box-shadow: none; border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } @@ -466,18 +472,22 @@ StScrollBar { .popup-menu .popup-menu-item:rtl { padding: .4em 0em .4em 3em; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { - color: #5c616c !important; + color: #ffffff; background-color: transparent; - border-image: url("light-assets/menu/menu-hover.svg") 9 9 1 1; } + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { - color: rgba(92, 97, 108, 0.5) !important; + color: rgba(92, 97, 108, 0.5); background: none; } .popup-menu .popup-inactive-menu-item { color: #5c616c; } .popup-menu .popup-inactive-menu-item:insensitive { color: rgba(92, 97, 108, 0.55); } - .popup-menu .popup-status-menu-item, .popup-menu .popup-subtitle-menu-item { - color: #5c616c !important; } + .popup-menu .popup-status-menu-item, + .popup-menu .popup-subtitle-menu-item { + color: #5c616c; } + .popup-menu .popup-menu-item:active .popup-status-menu-item, + .popup-menu .popup-menu-item:active .popup-subtitle-menu-item { + color: #ffffff; } .popup-menu.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; } @@ -741,7 +751,7 @@ StScrollBar { .system-switch-user-submenu-icon { icon-size: 24px; - border: 1px solid rgba(92, 97, 108, 0.4); } + border: 1px solid rgba(0, 0, 0, 0.2); } #appMenu { spinner-image: url("common-assets/misc/process-working.svg"); @@ -754,7 +764,9 @@ StScrollBar { width: 360px; } .aggregate-menu .popup-menu-icon { padding: 0 4px; - color: #5c616c !important; } + color: #5c616c; } + .aggregate-menu .popup-menu-item:active .popup-menu-icon { + color: #ffffff; } .system-menu-action { padding: 13px; diff --git a/common/gnome-shell/3.14/light-assets/menu/menu-hover.svg b/common/gnome-shell/3.14/light-assets/menu/menu-hover.svg deleted file mode 100644 index 938245a..0000000 --- a/common/gnome-shell/3.14/light-assets/menu/menu-hover.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/common/gnome-shell/3.14/sass/_common.scss b/common/gnome-shell/3.14/sass/_common.scss index 863159e..b5bdcf2 100644 --- a/common/gnome-shell/3.14/sass/_common.scss +++ b/common/gnome-shell/3.14/sass/_common.scss @@ -164,19 +164,24 @@ StScrollBar { // .slider { -slider-height: 4px; - -slider-background-color: $button_border !important; //background of the trough - -slider-border-color: transparentize(black, 1) !important; //trough border color - -slider-active-background-color: $selected_bg_color !important; //active trough fill - -slider-active-border-color: transparentize(black, 1) !important; //active trough border + -slider-background-color: $button_border; //background of the trough + -slider-border-color: transparentize(black, 1); //trough border color + -slider-active-background-color: $selected_bg_color; //active trough fill + -slider-active-border-color: transparentize(black, 1); //active trough border -slider-border-width: 0; -slider-handle-radius: 4px; - -slider-handle-border-color: transparent !important; - -slider-handle-border-width: 0 !important; + -slider-handle-border-color: transparent; + -slider-handle-border-width: 0; height: 18px; border: 0 solid transparent; border-right-width: 1px; border-left-width: 5px; color: transparent; + + .popup-menu-item:active & { + -slider-background-color: transparentize(black, 0.8); + -slider-active-background-color: $selected_fg_color; + } } // @@ -206,11 +211,14 @@ StScrollBar { width: 50px; height: 20px; background-size: contain; + background-image: url("#{$asset_path}/switch/switch-off.svg"); - &-us, &-intl { - background-image: url("#{$asset_path}/switch/switch-off.svg"); + &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } - &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } + .popup-menu-item:active & { + background-image: url("common-assets/switch/switch-off-selected.svg"); + + &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } @@ -553,7 +561,7 @@ StScrollBar { } .popup-submenu-menu-item:open { - color: $fg_color !important; + color: $fg_color; background: none !important; box-shadow: none; border-image: url("#{$asset_path}/menu/submenu-open.svg") 9 9 9 9; @@ -567,13 +575,13 @@ StScrollBar { &:rtl { padding: .4em 0em .4em 3em; } &:active, &.selected { - color: $fg_color !important; + color: $selected_fg_color; background-color: transparent; - border-image: url("#{$asset_path}/menu/menu-hover.svg") 9 9 1 1; + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { - color: transparentize($fg_color, 0.5) !important; + color: transparentize($fg_color, 0.5); background: none; } } @@ -583,7 +591,15 @@ StScrollBar { &:insensitive { color: $insensitive_fg_color; } } - .popup-status-menu-item, .popup-subtitle-menu-item { color: $fg_color !important; } + + .popup-status-menu-item, + .popup-subtitle-menu-item { color: $fg_color; } + + .popup-menu-item:active { + .popup-status-menu-item, + .popup-subtitle-menu-item { color: $selected_fg_color; } + } + &.panel-menu { -boxpointer-gap: 0px; margin-bottom: 1.75em; @@ -623,7 +639,7 @@ StScrollBar { background-color: transparent; background-gradient-direction: none !important; border: none; - border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; + border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } // Background menu @@ -939,7 +955,7 @@ StScrollBar { .system-switch-user-submenu-icon { icon-size: 24px; - border: 1px solid transparentize($fg_color,0.6); + border: 1px solid transparentize(black, 0.8); } #appMenu { @@ -954,7 +970,10 @@ StScrollBar { width: 360px; .popup-menu-icon { padding: 0 4px; - color: $fg_color !important; + color: $fg_color; + } + .popup-menu-item:active .popup-menu-icon { + color: $selected_fg_color; } } diff --git a/common/gnome-shell/3.16/common-assets/menu/menu-hover.svg b/common/gnome-shell/3.16/common-assets/menu/menu-hover.svg new file mode 100644 index 0000000..6ae13ca --- /dev/null +++ b/common/gnome-shell/3.16/common-assets/menu/menu-hover.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/common-assets/switch/switch-off-selected.svg b/common/gnome-shell/3.16/common-assets/switch/switch-off-selected.svg new file mode 100644 index 0000000..c85eeee --- /dev/null +++ b/common/gnome-shell/3.16/common-assets/switch/switch-off-selected.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/common-assets/switch/switch-on-selected.svg b/common/gnome-shell/3.16/common-assets/switch/switch-on-selected.svg new file mode 100644 index 0000000..7c2572d --- /dev/null +++ b/common/gnome-shell/3.16/common-assets/switch/switch-on-selected.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.16/dark-assets/menu/menu-hover.svg b/common/gnome-shell/3.16/dark-assets/menu/menu-hover.svg deleted file mode 100644 index a023a8e..0000000 --- a/common/gnome-shell/3.16/dark-assets/menu/menu-hover.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/common/gnome-shell/3.16/gnome-shell-dark.css b/common/gnome-shell/3.16/gnome-shell-dark.css index 5571339..335ba6b 100644 --- a/common/gnome-shell/3.16/gnome-shell-dark.css +++ b/common/gnome-shell/3.16/gnome-shell-dark.css @@ -156,6 +156,9 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; color: transparent; } + .popup-menu-item.selected .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } @@ -177,11 +180,14 @@ StScrollBar { .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("dark-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("dark-assets/switch/switch-on.svg"); } + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item.selected .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item.selected .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #a9caf1; } @@ -423,9 +429,9 @@ StScrollBar { box-shadow: none; border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { - color: #D3DAE3; + color: #ffffff; background-color: transparent; - border-image: url("dark-assets/menu/menu-hover.svg") 9 9 1 1; } + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } diff --git a/common/gnome-shell/3.16/gnome-shell.css b/common/gnome-shell/3.16/gnome-shell.css index ad41fcc..5c48616 100644 --- a/common/gnome-shell/3.16/gnome-shell.css +++ b/common/gnome-shell/3.16/gnome-shell.css @@ -156,6 +156,9 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; color: transparent; } + .popup-menu-item.selected .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } @@ -177,11 +180,14 @@ StScrollBar { .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("light-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("light-assets/switch/switch-on.svg"); } + background-size: contain; + background-image: url("light-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("light-assets/switch/switch-on.svg"); } + .popup-menu-item.selected .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item.selected .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #2679db; } @@ -423,9 +429,9 @@ StScrollBar { box-shadow: none; border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { - color: #5c616c; + color: #ffffff; background-color: transparent; - border-image: url("light-assets/menu/menu-hover.svg") 9 9 1 1; } + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } diff --git a/common/gnome-shell/3.16/light-assets/menu/menu-hover.svg b/common/gnome-shell/3.16/light-assets/menu/menu-hover.svg deleted file mode 100644 index 938245a..0000000 --- a/common/gnome-shell/3.16/light-assets/menu/menu-hover.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/common/gnome-shell/3.16/sass/_common.scss b/common/gnome-shell/3.16/sass/_common.scss index 9515e43..6d8af82 100644 --- a/common/gnome-shell/3.16/sass/_common.scss +++ b/common/gnome-shell/3.16/sass/_common.scss @@ -148,6 +148,11 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; color: transparent; + + .popup-menu-item.selected & { + -slider-background-color: transparentize(black, 0.8); + -slider-active-background-color: $selected_fg_color; + } } // @@ -177,11 +182,14 @@ StScrollBar { width: 50px; height: 20px; background-size: contain; + background-image: url("#{$asset_path}/switch/switch-off.svg"); - &-us, &-intl { - background-image: url("#{$asset_path}/switch/switch-off.svg"); + &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } - &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } + .popup-menu-item.selected & { + background-image: url("common-assets/switch/switch-off-selected.svg"); + + &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } @@ -534,9 +542,9 @@ StScrollBar { } &:active, &.selected { - color: $fg_color; + color: $selected_fg_color; background-color: transparent; - border-image: url("#{$asset_path}/menu/menu-hover.svg") 9 9 1 1; + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { diff --git a/common/gnome-shell/3.18/common-assets/menu/menu-hover.svg b/common/gnome-shell/3.18/common-assets/menu/menu-hover.svg new file mode 100644 index 0000000..6ae13ca --- /dev/null +++ b/common/gnome-shell/3.18/common-assets/menu/menu-hover.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/common/gnome-shell/3.18/common-assets/switch/switch-off-selected.svg b/common/gnome-shell/3.18/common-assets/switch/switch-off-selected.svg new file mode 100644 index 0000000..c85eeee --- /dev/null +++ b/common/gnome-shell/3.18/common-assets/switch/switch-off-selected.svg @@ -0,0 +1,201 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.18/common-assets/switch/switch-on-selected.svg b/common/gnome-shell/3.18/common-assets/switch/switch-on-selected.svg new file mode 100644 index 0000000..7c2572d --- /dev/null +++ b/common/gnome-shell/3.18/common-assets/switch/switch-on-selected.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gnome-shell/3.18/dark-assets/menu/menu-hover.svg b/common/gnome-shell/3.18/dark-assets/menu/menu-hover.svg deleted file mode 100644 index a023a8e..0000000 --- a/common/gnome-shell/3.18/dark-assets/menu/menu-hover.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css index b89c1a4..62c88f5 100644 --- a/common/gnome-shell/3.18/gnome-shell-dark.css +++ b/common/gnome-shell/3.18/gnome-shell-dark.css @@ -130,6 +130,9 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; color: transparent; } + .popup-menu-item.selected .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } @@ -151,11 +154,14 @@ StScrollBar { .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("dark-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("dark-assets/switch/switch-on.svg"); } + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item.selected .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item.selected .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #a9caf1; } @@ -452,9 +458,9 @@ StScrollBar { box-shadow: none; border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { - color: #D3DAE3; + color: #ffffff; background-color: transparent; - border-image: url("dark-assets/menu/menu-hover.svg") 9 9 1 1; } + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(211, 218, 227, 0.5); background: none; } @@ -489,7 +495,7 @@ StScrollBar { .popup-separator-menu-item { height: 2px; - margin: 10px 0px; + margin: 10px 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css index 912c6f6..bf1cfb4 100644 --- a/common/gnome-shell/3.18/gnome-shell.css +++ b/common/gnome-shell/3.18/gnome-shell.css @@ -130,6 +130,9 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; color: transparent; } + .popup-menu-item.selected .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #ffffff; } .check-box StBoxLayout { spacing: .8em; } @@ -151,11 +154,14 @@ StScrollBar { .toggle-switch { width: 50px; height: 20px; - background-size: contain; } - .toggle-switch-us, .toggle-switch-intl { - background-image: url("light-assets/switch/switch-off.svg"); } - .toggle-switch-us:checked, .toggle-switch-intl:checked { - background-image: url("light-assets/switch/switch-on.svg"); } + background-size: contain; + background-image: url("light-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("light-assets/switch/switch-on.svg"); } + .popup-menu-item.selected .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item.selected .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } .shell-link { color: #2679db; } @@ -452,9 +458,9 @@ StScrollBar { box-shadow: none; border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { - color: #5c616c; + color: #ffffff; background-color: transparent; - border-image: url("light-assets/menu/menu-hover.svg") 9 9 1 1; } + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } .popup-menu .popup-menu-item:insensitive { color: rgba(92, 97, 108, 0.5); background: none; } @@ -489,7 +495,7 @@ StScrollBar { .popup-separator-menu-item { height: 2px; - margin: 10px 0px; + margin: 10px 0; background-color: transparent; border: none; border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } diff --git a/common/gnome-shell/3.18/light-assets/menu/menu-hover.svg b/common/gnome-shell/3.18/light-assets/menu/menu-hover.svg deleted file mode 100644 index 938245a..0000000 --- a/common/gnome-shell/3.18/light-assets/menu/menu-hover.svg +++ /dev/null @@ -1,97 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss index 9c5afa4..1fdf697 100644 --- a/common/gnome-shell/3.18/sass/_common.scss +++ b/common/gnome-shell/3.18/sass/_common.scss @@ -149,6 +149,11 @@ StScrollBar { border-right-width: 1px; border-left-width: 5px; color: transparent; + + .popup-menu-item.selected & { + -slider-background-color: transparentize(black, 0.8); + -slider-active-background-color: $selected_fg_color; + } } // @@ -178,11 +183,14 @@ StScrollBar { width: 50px; height: 20px; background-size: contain; + background-image: url("#{$asset_path}/switch/switch-off.svg"); - &-us, &-intl { - background-image: url("#{$asset_path}/switch/switch-off.svg"); + &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } - &:checked { background-image: url("#{$asset_path}/switch/switch-on.svg"); } + .popup-menu-item.selected & { + background-image: url("common-assets/switch/switch-off-selected.svg"); + + &:checked { background-image: url("common-assets/switch/switch-on-selected.svg"); } } } @@ -601,9 +609,9 @@ StScrollBar { } &:active, &.selected { - color: $fg_color; + color: $selected_fg_color; background-color: transparent; - border-image: url("#{$asset_path}/menu/menu-hover.svg") 9 9 1 1; + border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } &:insensitive { @@ -651,10 +659,10 @@ StScrollBar { .popup-separator-menu-item { //-margin-horizontal: 24px; height: 2px; //not really the whole box - margin: 10px 0px; + margin: 10px 0; background-color: transparent; border: none; - border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; + border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; } // Background menu -- cgit v1.2.3