Skip to content

Commit

Permalink
Fix top bar calendar contrast issue (fixes #165)
Browse files Browse the repository at this point in the history
  • Loading branch information
@daniruiz
daniruiz committed Nov 17, 2020
1 parent fe2adb1 commit 1601327
Show file tree
Hide file tree
Showing 30 changed files with 182 additions and 0 deletions.
6 changes: 6 additions & 0 deletions Flat-Remix-Blue-Dark-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Blue-Dark/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Blue-Darkest-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Blue-Darkest/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Blue-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Blue/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #2777ff;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Green-Dark-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #06a284;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Green-Dark/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #06a284;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Green-Darkest-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #06a284;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Green-Darkest/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #06a284;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Green-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #06a284;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Green/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #06a284;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Miami-Dark-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #220255; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #cf06f8;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Miami-Dark/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #220255; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #cf06f8;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Miami-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #350270; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #e90469;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Miami/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #350270; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #e90469;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Red-Dark-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ec0101;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Red-Dark/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ec0101;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Red-Darkest-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ec0101;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Red-Darkest/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ec0101;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Red-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ec0101;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Red/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ec0101;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Yellow-Dark-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ffd86e;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Yellow-Dark/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2357,6 +2357,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #383d4b; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ffd86e;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Yellow-Darkest-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ffd86e;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Yellow-Darkest/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #eeeeec;
background-color: #1f1f1f; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ffd86e;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Yellow-fullPanel/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ffd86e;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
6 changes: 6 additions & 0 deletions Flat-Remix-Yellow/gnome-shell/gnome-shell.css
View file
Expand Up @@ -2353,6 +2353,12 @@ StScrollBar {
box-shadow: none; }
.calendar .calendar-week-number {
padding: 0.7em 0 0; }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: #5c616c;
background-color: #e6e6e6; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background: #ffd86e;
color: #ffffff; }

/* Events */
.events-button {
Expand Down
Binary file modified src/gresource/gnome-shell-theme.gresource
View file
Binary file not shown.
14 changes: 14 additions & 0 deletions src/sass/gnome-shell-sass/_common-tweaks.scss
View file
Expand Up @@ -251,6 +251,20 @@ $_osd_color: if($variant=='light', black, $fg_color);
@include notification_bubble($flat: true);

.calendar-week-number { padding: 0.7em 0 0; } // REMOVE: GNOME <=3.36

.calendar-day-base {
&:active,&:selected {
color: $fg_color;
background-color: if($variant=='light', darken($bg_color, 10%), lighten($bg_color, 10%));
}
}

.calendar-today {
&:active,&:selected {
background: $selected_bg_color;
color: $selected_fg_color;
}
}
}

/* Events */
Expand Down

0 comments on commit 1601327

Please sign in to comment.