PoliEcho/kaliish-orange-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gnome-Shell: improve background for hovered items in calendar popover

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-12-02 08:33:00 +01:00
parent c546d3d7c3
commit e042a6facb
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
3 changed files with 52 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
share/themes/Kali-Dark/gnome-shell/gnome-shell.css
View File

@ -2253,6 +2253,10 @@ StScrollBar {
.toggle-switch:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on-dark.svg"); } background-image: url("assets/toggle-on-dark.svg"); }
.popup-menu-item.selected, .popup-menu-item:active {
background-color: #3b3e46;
color: #eeeeec; }
/* App Switcher */ /* App Switcher */
.switcher-list .item-box:outlined { .switcher-list .item-box:outlined {
padding: 6px; padding: 6px;
@ -2408,12 +2412,20 @@ StScrollBar {
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
box-shadow: none; } box-shadow: none; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { .calendar .pager-button:hover, .calendar .pager-button:focus {
background-color: #3b3e46; }
.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus, .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec; color: #eeeeec;
background-color: #383d4b; } background-color: #3b3e46; }
.calendar .calendar-today:hover, .calendar .calendar-today:focus {
background-color: #3b3e46;
color: #eeeeec; }
.calendar .calendar-today:active, .calendar .calendar-today:selected { .calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff; background: #2777ff;
color: #ffffff; } color: #ffffff; }
.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
background-color: #3b3e46;
color: #eeeeec; }
/* Events */ /* Events */
.events-button { .events-button {

16
share/themes/Kali-Light/gnome-shell/gnome-shell.css
View File

@ -2248,6 +2248,10 @@ StScrollBar {
.toggle-switch:checked { .toggle-switch:checked {
background-image: url("assets/toggle-on.svg"); } background-image: url("assets/toggle-on.svg"); }
.popup-menu-item.selected, .popup-menu-item:active {
background-color: #eaebec;
color: #5c616c; }
/* App Switcher */ /* App Switcher */
.switcher-list .item-box:outlined { .switcher-list .item-box:outlined {
padding: 6px; padding: 6px;
@ -2403,12 +2407,20 @@ StScrollBar {
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
box-shadow: none; } box-shadow: none; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { .calendar .pager-button:hover, .calendar .pager-button:focus {
background-color: #eaebec; }
.calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus, .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c; color: #5c616c;
background-color: #e6e6e6; } background-color: #eaebec; }
.calendar .calendar-today:hover, .calendar .calendar-today:focus {
background-color: #eaebec;
color: #5c616c; }
.calendar .calendar-today:active, .calendar .calendar-today:selected { .calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff; background: #2777ff;
color: #ffffff; } color: #ffffff; }
.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
background-color: #eaebec;
color: #5c616c; }
/* Events */ /* Events */
.events-button { .events-button {

27
src/themes/Kali/sass/gnome-shell/_common-tweaks.scss
View File

@ -64,6 +64,14 @@ $_osd_color: if($variant=='light', black, $fg_color);
} }
} }
// menu items
.popup-menu-item {
&.selected, &:active {
background-color: $popover_hover_color;
color: $fg_color;
}
}
/* App Switcher */ /* App Switcher */
// switcher onscreen panel // switcher onscreen panel
.switcher-list { .switcher-list {
@ -242,17 +250,30 @@ $_osd_color: if($variant=='light', black, $fg_color);
.calendar { .calendar {
@include notification_bubble($flat: true); @include notification_bubble($flat: true);
.pager-button {
&:hover, &:focus { background-color: $popover_hover_color }
}
.calendar-day-base { .calendar-day-base {
&:active, &:selected { &:hover, &:focus,
&:active,&:selected {
color: $fg_color; color: $fg_color;
background-color: if($variant=='light', darken($bg_color, 10%), lighten($bg_color, 10%)); background-color: $popover_hover_color;
} }
} }
.calendar-today { .calendar-today {
&:active, &:selected { &:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
&:active,&:selected {
background: $selected_bg_color; background: $selected_bg_color;
color: $selected_fg_color; color: $selected_fg_color;
&:hover,&:focus {
background-color: $popover_hover_color;
color: $fg_color;
}
} }
} }
} }