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

Gnome-Shell: Make some widgets in the calendar popup more flat

Browse Source
This commit is contained in:
Daniel Ruiz de Alegría 2021-11-10 09:53:27 +01:00
parent fb3f23fb55
commit 0d22bf8fb6
No known key found for this signature in database
GPG Key ID: 59667A77E8BFCB6C
3 changed files with 113 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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;

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

@ -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;

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

@ -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;