diff --git a/data/Makefile.am b/data/Makefile.am index b5f902b74..8d0e79f33 100644 --- a/data/Makefile.am +++ b/data/Makefile.am @@ -30,6 +30,9 @@ dist_theme_DATA = \ theme/mosaic-view-active.svg \ theme/mosaic-view.svg \ theme/move-window-on-new.svg \ + theme/panel-button-border.svg \ + theme/panel-button-highlight-narrow.svg \ + theme/panel-button-highlight-wide.svg \ theme/process-working.png \ theme/running-indicator.svg \ theme/scroll-button-down-hover.png \ diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css index 7b8a699d7..4cb71aa89 100644 --- a/data/theme/gnome-shell.css +++ b/data/theme/gnome-shell.css @@ -183,6 +183,8 @@ StTooltip StLabel { #panel { color: #ffffff; background-color: black; + border: 0px solid #536272; + border-bottom-width: 1px; } #panelLeft, #panelCenter, #panelRight { @@ -209,26 +211,37 @@ StTooltip StLabel { .panel-button { padding: 0px 12px; - border-radius: 5px; - border-radius-bottomleft: 0px; - border-radius-bottomright: 0px; font-size: 14px; font-weight: bold; + color: #ccc; transition-duration: 100; } -.panel-button:active, .panel-button:checked, .panel-button:focus { - background-gradient-direction: vertical; - background-gradient-start: #3c3c3c; - background-gradient-end: #131313; +.panel-button:active, +.panel-button:checked, +.panel-button:focus { + border-image: url("panel-button-border.svg") 10 10 0 2; + background-image: url("panel-button-highlight-wide.svg"); + color: white; + text-shadow: black 0px 2px 2px; +} + +#statusTray > .panel-button:active, +#statusTray > .panel-button:checked, +#statusTray > .panel-button:focus { + background-image: url("panel-button-highlight-narrow.svg"); +} + +.panel-button:active > .system-status-icon, +.panel-button:checked > .system-status-icon, +.panel-button:focus > .system-status-icon { + icon-shadow: black 0px 2px 2px; } #panelActivities { - border-radius-topleft: 0px; } #panelStatus { - border-radius-topright: 0px; } #panelStatusMenu { diff --git a/data/theme/panel-button-border.svg b/data/theme/panel-button-border.svg new file mode 100644 index 000000000..0014fe812 --- /dev/null +++ b/data/theme/panel-button-border.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/data/theme/panel-button-highlight-narrow.svg b/data/theme/panel-button-highlight-narrow.svg new file mode 100644 index 000000000..430b24e7d --- /dev/null +++ b/data/theme/panel-button-highlight-narrow.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/data/theme/panel-button-highlight-wide.svg b/data/theme/panel-button-highlight-wide.svg new file mode 100644 index 000000000..24b0dd482 --- /dev/null +++ b/data/theme/panel-button-highlight-wide.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + +