From 535919edf0ab384ae1d311b5d4da60f32b720e52 Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Sun, 15 Mar 2015 01:42:35 -0400 Subject: [PATCH] Some shell theme refinements & bug fixes. --- Paper/gnome-shell/gnome-shell.css | 81 ++++++++++++++++++------------- 1 file changed, 47 insertions(+), 34 deletions(-) diff --git a/Paper/gnome-shell/gnome-shell.css b/Paper/gnome-shell/gnome-shell.css index 2494288..56ce456 100644 --- a/Paper/gnome-shell/gnome-shell.css +++ b/Paper/gnome-shell/gnome-shell.css @@ -126,9 +126,9 @@ StScrollBar { height: 1em; -slider-height: 4px; -slider-background-color: #323636; - -slider-border-color: rgba(0,0,0,0.2); + -slider-border-color: #454d50; -slider-active-background-color: #9FB0B9; - -slider-active-border-color: #8298a3; + -slider-active-border-color: #454d50; -slider-border-width: 1px; -slider-handle-radius: 6px; } @@ -269,7 +269,7 @@ StScrollBar { font-weight: bold; } .end-session-dialog-app-list-item-description { - color: #e2e2df; + color: rgba(255,255,255,0.7); font-size: 10pt; } /* ShellMountOperation Dialogs */ @@ -401,7 +401,7 @@ StScrollBar { min-width: 200px; } .popup-menu .popup-sub-menu { background-color: #394042; - fbackground-gradient-direction: none; + background-gradient-direction: none; border-width: 0px; box-shadow: none;} .popup-menu .popup-menu-content { @@ -443,16 +443,16 @@ StScrollBar { -arrow-border-radius: 6px; -arrow-background-color: #454d50; -arrow-border-width: 1px; - -arrow-border-color: #454d50; + -arrow-border-color: rgba(0,0,0,0.3); -arrow-base: 24px; -arrow-rise: 11px; -arrow-box-shadow: 0 1px 3px black; } .popup-separator-menu-item { height: 1px; - margin: 6px 64px; + margin: 6px 46px; background-color: transparent; - border-color: #454d50; + border-color: rgba(255,255,255,0.15); border-bottom-width: 1px; border-bottom-style: solid; } @@ -464,6 +464,7 @@ StScrollBar { - odd thing for styling App menu when apparently not running under shell. Light Adwaita styled app menu inside the main app window itself rather than the top bar */ + /* OSD */ .osd-window { text-align: center; @@ -665,10 +666,18 @@ StScrollBar { .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { + background-image: none; + background-gradient-direction: none; + box-shadow: none; + border: none; background-color: #454d50; } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { + background-image: none; + background-gradient-direction: none; + box-shadow: none; + border: none; color: white; background-color: #9FB0B9; } @@ -684,19 +693,20 @@ StScrollBar { spacing-rows: 0.4em; } .calendar-month-label { - color: #e2e2df; + color: rgba(255,255,255,0.7); font-weight: bold; padding: 8px 0; } +/* Calendar page buttons */ .pager-button { color: white; background-color: transparent; width: 32px; border-radius: 4px; } .pager-button:hover, .pager-button:focus { - background-color: rgba(238, 238, 236, 0.05); } + background-color: rgba(255, 255, 255, 0.15); } .pager-button:active { - background-color: rgba(69, 77, 80, 0.05); } + background-color: rgba(255, 255, 255, 0.4); } .calendar-change-month-back { background-image: url("assets/calendar-arrow-left.svg"); } @@ -715,9 +725,10 @@ StScrollBar { height: 2.4em; padding: 0.1em; margin: 2px; - border-radius: 1.4em; } + border-radius: 1.4em; + border: none; } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: #454d50; } + background-color: rgba(255,255,255,0.2); } .calendar-day-base:active { color: white; background-color: #9FB0B9; @@ -728,23 +739,24 @@ StScrollBar { font-size: 70%; } .calendar-day { - border-width: 0; } + border-width: 0px; } .calendar-day-top { - border-top-width: 1px; } + border-top-width: 0px; } .calendar-day-left { - border-left-width: 1px; } + border-left-width: 0px; } .calendar-nonwork-day { - color: #939695; } + color: rgba(255,255,255,0.3); } .calendar-today { font-weight: bold; - border: 1px solid rgba(28, 31, 31, 0.5); } + background-color: rgba(159, 176, 185, 0.3); + border: 0px solid rgba(0,0,0,0.2); } .calendar-day-with-events { - color: #e2e2df; + color: rgba(255,255,255,0.7); font-weight: bold; } .calendar-other-month-day { @@ -1033,9 +1045,9 @@ StScrollBar { padding: 4px 0; border: 1px solid rgba(255,255,255,0.1); border-left: 0px; - border-radius: 0px 9px 9px 0px; } + border-radius: 0px 4px 4px 0px; } #dash:rtl { - border-radius: 9px 0 0 9px; } + border-radius: 4px 0 0 4px; } #dash .placeholder { background-image: url("assets/dash-placeholder.svg"); background-size: contain; @@ -1068,32 +1080,33 @@ StScrollBar { .app-view-control { background-gradient-direction: none; - background-color: rgba(0,0,0,0); + background-color: rgba(255,255,255,0.1); padding: 4px 32px; border-width: 0px; - color: #fff; } + color: #dbdee0; } .app-view-control:hover { - color: #dbdee0; - background-color: rgba(255,255,255,0.1); + color: #fff; + background-gradient-direction: none; + background-color: rgba(255,255,255,0.2); border-color: rgba(0,0,0,0); border-width: 0px; } .app-view-control:checked { - color: #dbdee0; + color: #454d50; border-color: rgba(0,0,0,0); border-width: 0px; background-gradient-direction: none; - background-color: #454d50; + background-color: #fff; box-shadow: none; text-shadow: none; icon-shadow: none; - box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5); } + box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5); } .app-view-control:first-child { + background-gradient-direction: none; + border-radius: 2px 0 0 2px; } + .app-view-control:last-child { border-right-width: 0; background-gradient-direction: none; - border-radius: 2px; } - .app-view-control:last-child { - background-gradient-direction: none; - border-radius: 2px; } + border-radius: 0 2px 2px 0; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, @@ -1206,16 +1219,16 @@ StScrollBar { visible-width: 32px; spacing: 11px; padding: 8px; - border-radius: 9px 0 0 9px; + border-radius: 4px 0 0 4px; color: #dbdee0; background-color: #454d50; border: 1px solid rgba(255,255,255,0.1); } .workspace-thumbnails:rtl { - border-radius: 0 9px 9px 0; } + border-radius: 0 4px 4px 0; } .workspace-thumbnail-indicator { border: 3px solid #9FB0B9; - border-radius: 3px; + border-radius: 1px; padding: 1px; } .search-display > StBoxLayout,