diff --git a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css index ba0b8c6e..b47b9137 100644 --- a/share/themes/Kali-Dark/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Dark/gnome-shell/gnome-shell.css @@ -2342,9 +2342,40 @@ StScrollBar { .events-section-title { padding: 1em; } -.datemenu-today-button .date-label { - font-size: 1.5em; - font-weight: 300; } +.datemenu-today-button { + border-width: 1px; + border-style: solid; + border-radius: 10px; + margin: 4px; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + icon-shadow: none; } + .datemenu-today-button:focus { + color: #eeeeec; + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } + .datemenu-today-button:hover { + color: #eeeeec; + background-color: #2e313d; + border-color: #1a1c23; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); + text-shadow: 0 1px rgba(0, 0, 0, 0.2); + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: none; } + .datemenu-today-button:active { + color: #eeeeec; + background-color: #1c1e25; + border-color: #0b0b0e; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } + .datemenu-today-button .date-label { + font-size: 1.5em; + font-weight: 300; } .calendar { border-width: 1px; @@ -2368,7 +2399,8 @@ StScrollBar { border-color: #1a1c23; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.2); - icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: none; } .calendar:active { color: #eeeeec; background-color: #1c1e25; @@ -2406,7 +2438,8 @@ StScrollBar { border-color: #1a1c23; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.2); - icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: none; } .events-button:active { color: #eeeeec; background-color: #1c1e25; @@ -2438,7 +2471,8 @@ StScrollBar { border-color: #1a1c23; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.2); - icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: none; } .world-clocks-button:active { color: #eeeeec; background-color: #1c1e25; @@ -2469,7 +2503,8 @@ StScrollBar { border-color: #1a1c23; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.2); - icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } + icon-shadow: 0 1px rgba(0, 0, 0, 0.2); + box-shadow: none; } .weather-button:active { color: #eeeeec; background-color: #1c1e25; diff --git a/share/themes/Kali-Light/gnome-shell/gnome-shell.css b/share/themes/Kali-Light/gnome-shell/gnome-shell.css index 1c8af86e..ab4a0e98 100644 --- a/share/themes/Kali-Light/gnome-shell/gnome-shell.css +++ b/share/themes/Kali-Light/gnome-shell/gnome-shell.css @@ -2337,9 +2337,40 @@ StScrollBar { .events-section-title { padding: 1em; } -.datemenu-today-button .date-label { - font-size: 1.5em; - font-weight: 300; } +.datemenu-today-button { + border-width: 1px; + border-style: solid; + border-radius: 10px; + margin: 4px; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .datemenu-today-button:focus { + color: #5c616c; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } + .datemenu-today-button:hover { + color: #5c616c; + background-color: white; + border-color: #d1d1d1; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); + text-shadow: 0 1px rgba(255, 255, 255, 0.3); + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: none; } + .datemenu-today-button:active { + color: #5c616c; + background-color: #f7f7f7; + border-color: #d1d1d1; + text-shadow: none; + icon-shadow: none; + box-shadow: none; } + .datemenu-today-button .date-label { + font-size: 1.5em; + font-weight: 300; } .calendar { border-width: 1px; @@ -2363,7 +2394,8 @@ StScrollBar { border-color: #d1d1d1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); - icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: none; } .calendar:active { color: #5c616c; background-color: #f7f7f7; @@ -2401,7 +2433,8 @@ StScrollBar { border-color: #d1d1d1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); - icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: none; } .events-button:active { color: #5c616c; background-color: #f7f7f7; @@ -2433,7 +2466,8 @@ StScrollBar { border-color: #d1d1d1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); - icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: none; } .world-clocks-button:active { color: #5c616c; background-color: #f7f7f7; @@ -2464,7 +2498,8 @@ StScrollBar { border-color: #d1d1d1; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px rgba(255, 255, 255, 0.3); - icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } + icon-shadow: 0 1px rgba(255, 255, 255, 0.3); + box-shadow: none; } .weather-button:active { color: #5c616c; background-color: #f7f7f7; diff --git a/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss index cb07368b..39a6d44f 100644 --- a/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss +++ b/src/themes/Kali/sass/gnome-shell/_common-tweaks.scss @@ -194,6 +194,33 @@ $_osd_color: if($variant=='light', black, $fg_color); } /* Date/Time Menu */ +// notification styling +@mixin notification_bubble($flat: false) { + border-width: 1px; + border-style: solid; + border-radius: $base_border_radius + 2px; + margin: $base_margin; + + @if $flat { + @include button(undecorated); + } @else { + @include button(normal); + } + + &:focus { + @include button(focus); + } + + &:hover { + @include button(hover); + box-shadow: none; + } + + &:active { + @include button(active); + } +} + // overall menu #calendarArea { background-image: if($variant == 'light', url("assets/kali-dragon.svg"), @@ -204,6 +231,8 @@ $_osd_color: if($variant=='light', black, $fg_color); .events-section-title { padding: 1em; } .datemenu-today-button { + @include notification_bubble($flat: true); + .date-label { font-size: 1.5em; font-weight: 300;