diff --git a/theme/gnome-shell_css/apps.css b/theme/gnome-shell_css/apps.css index 0cd1c8e..5036a41 100644 --- a/theme/gnome-shell_css/apps.css +++ b/theme/gnome-shell_css/apps.css @@ -4,11 +4,22 @@ .app-well-app .overview-icon, .app-well-app.app-folder .overview-icon, .grid-search-result .overview-icon, -.app-folder.grid-search-result .overview-icon { +.app-folder.grid-search-result .overview-icon, +#dash .dash-item-container .overview-tile .overview-icon, +#dash .dash-item-container .show-apps .overview-icon, /* 46+ */ +.overview-tile { /* 46+ */ box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0); /* fix default dash focused box-shadow*/ transition-duration: 100ms; border-radius: 20px; color: TEXT-PRIMARY-COLOR; + background-color: transparent; +} + +#dash .dash-item-container .overview-tile:hover, +#dash .dash-item-container .overview-tile:focus, +#dash .dash-item-container .overview-tile:selected { + background-color: transparent; + box-shadow: none; } /* Show Apps icon */ @@ -17,7 +28,8 @@ } /* folders */ -.app-well-app.app-folder .overview-icon { +.app-well-app.app-folder .overview-icon, +.app-folder /* 46+ */ { background-color: ACCENT-DISABLED_HOVER; } @@ -26,18 +38,30 @@ .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, .app-well-app.app-folder .overview-icon, +.app-folder, /* 46+ */ .show-apps:hover .overview-icon, -.show-apps:focus .overview-icon { +.show-apps:focus .overview-icon, +.overview-tile:hover, +.overview-tile:focus, +.overview-tile:selected { box-shadow: inset 0 0 0 1px BORDER-SHADOW; background-color: ACCENT-DISABLED-COLOR; } +.overview-tile:focus { + box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; +} + /* app icons effects in dash */ #dash .app-well-app:hover .overview-icon, #dash .app-well-app:focus .overview-icon, #dash .app-well-app:selected .overview-icon, #dash .show-apps:hover .overview-icon, -#dash .show-apps:focus .overview-icon { +#dash .show-apps:focus .overview-icon, +#dash .dash-item-container .overview-tile:hover .overview-icon, /* 46+ */ +#dash .dash-item-container .overview-tile:focus .overview-icon, /* 46+ */ +#dash .dash-item-container .overview-tile:selected .overview-icon, /* 46+ */ +#dash .dash-item-container .show-apps:checked .overview-icon { box-shadow: inset 0 0 4px 1px WELL-APP-SELECTED; background-color: rgba(255, 255, 255, 0.1); } @@ -46,8 +70,9 @@ .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .app-well-app.app-folder:drop .overview-icon, -.app-folder.grid-search-result:drop .overview-icon { - border: 2px solid ACCENT-SECONDARY-COLOR; +.app-folder.grid-search-result:drop .overview-icon, +.overview-tile:drop { /* 46+ */ + box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR; background-color: ACCENT-OPACITY-COLOR; } @@ -75,25 +100,28 @@ .app-folder-dialog .folder-name-container .folder-name-entry { font-weight: 700; border: none; - box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; + box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important; background-color: ACCENT-DISABLED-COLOR; selection-background-color: ACCENT-COLOR; selected-color: TEXT-PRIMARY-COLOR; } /* edit folder name button */ -.app-folder-dialog .folder-name-container .edit-folder-button { +.app-folder-dialog .folder-name-container .edit-folder-button, +.app-folder-dialog .icon-button { /* 46+ */ border-radius: 12px; background-color: ACCENT-DISABLED-COLOR; color: TEXT-PRIMARY-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } -.app-folder-dialog .folder-name-container .edit-folder-button:hover { +.app-folder-dialog .folder-name-container .edit-folder-button:hover, +.app-folder-dialog .icon-button:hover { background-color: ACCENT-DISABLED_HOVER; } -.app-folder-dialog .folder-name-container .edit-folder-button:focus { +.app-folder-dialog .folder-name-container .edit-folder-button:focus, +.app-folder-dialog .icon-button:focus { box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; } @@ -108,6 +136,7 @@ border-radius: 15px; padding: 12px; transition-duration: 100ms; + background-color: transparent; } .page-navigation-arrow > StIcon { @@ -179,19 +208,25 @@ /* pill below if app is running */ -.app-well-app-running-dot { +.app-well-app-running-dot, +.app-grid-running-dot { /* 46+ */ width: 10px; height: 5px; border-radius: 5px; background: ACCENT-SECONDARY-COLOR; - transition-duration: 100ms; } -#dash .app-well-app:hover .app-well-app-running-dot { +#dash .app-grid-running-dot { + margin-bottom: 12px; +} + +#dash .app-well-app:hover .app-well-app-running-dot, +#dash .overview-tile:hover .app-grid-running-dot { /* 46+ */ width: 15px; } -#dashtodockContainer .app-well-app.focused .app-well-app-running-dot { +#dashtodockContainer .app-well-app.focused .app-well-app-running-dot, +#dashtodockContainer .overview-tile.focused .app-grid-running-dot { /* 46+ */ width: 20px; } diff --git a/theme/gnome-shell_css/datemenu.css b/theme/gnome-shell_css/datemenu.css index 1ea833c..5804168 100644 --- a/theme/gnome-shell_css/datemenu.css +++ b/theme/gnome-shell_css/datemenu.css @@ -58,25 +58,38 @@ } /* month header */ -.calendar-month-label { - color: TEXT-PRIMARY-COLOR; +.calendar-month-header .calendar-month-label { + color: TEXT-PRIMARY-COLOR !important; + padding: 0; + background-color: transparent; /* 46+ */ +} + +.calendar-month-header .pager-button { + height: 2.2em; + width: 2.2em; } /* day of week heading */ -.calendar-day.calendar-day-heading { +.calendar-day.calendar-day-heading, +.calendar .calendar-day-heading /* 46+ */ { color: TEXT-SECONDARY-COLOR; + background-color: transparent; } /* day buttons, prev/next month button */ .calendar-day, .calendar-month-header .pager-button { color: TEXT-PRIMARY-COLOR; + background-color: transparent; /* 46+ */ border-radius: 10px; + padding: 0; transition-duration: 100ms; } .calendar-day:hover, .calendar-day:selected:hover, +.calendar .calendar-day-heading:hover, /* 46+ */ +.calendar .calendar-day-heading:selected:hover, /* 46+ */ .calendar .calendar-month-header .pager-button:hover { background-color: ACCENT-DISABLED_HOVER; color: TEXT-PRIMARY-COLOR; @@ -84,12 +97,14 @@ } .calendar-day:focus, +.calendar .calendar-day-heading:focus, /* 46+ */ .calendar .calendar-month-header .pager-button:focus { background-color: ACCENT-OPACITY-COLOR; - box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; + box-shadow: inset 0 0 0 1.5px ACCENT-SECONDARY-COLOR !important; } -.calendar-day:selected { +.calendar-day:selected, +.calendar .calendar-day-heading:selected /* 46+ */ { background: ACCENT-DISABLED_HOVER; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } @@ -192,7 +207,9 @@ .events-button .event-time { color: TEXT-SECONDARY-COLOR; } - +.events-button .events-box .events-list .event-placeholder { /* if no events, 46+ */ + color: TEXT-DISABLED-COLOR; +} /* World clocks section */ .world-clocks-button .world-clocks-time { diff --git a/theme/gnome-shell_css/entries.css b/theme/gnome-shell_css/entries.css index b654227..bda7b69 100644 --- a/theme/gnome-shell_css/entries.css +++ b/theme/gnome-shell_css/entries.css @@ -27,7 +27,7 @@ StEntry:focus, StEntry:active { border: 1px solid TEXT-DISABLED-COLOR; background-color: ACCENT-DISABLED-COLOR; - box-shadow: none; + box-shadow: none !important; } StEntry:focus { diff --git a/theme/gnome-shell_css/messages.css b/theme/gnome-shell_css/messages.css index 4b4b947..e1e6758 100644 --- a/theme/gnome-shell_css/messages.css +++ b/theme/gnome-shell_css/messages.css @@ -58,21 +58,33 @@ color: TEXT-SECONDARY-COLOR; } +/* message title on 46+ */ +.message .message-header .message-source-icon, +.message .message-header .message-header-content .message-source-title, +.message .message-header .message-header-content .event-time { + color: TEXT-SECONDARY-COLOR; +} -/* close button */ -.message-close-button { - border-radius: 9px; + +/* close button, expand button (46+) */ +.message-close-button, +.message-expand-button { + border-radius: 99px; + padding: 5px; + margin: 0px; color: TEXT-PRIMARY-COLOR; background-color: ACCENT-DISABLED-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW; transition-duration: 100ms; } -.message-close-button:hover { +.message-close-button:hover, +.message-expand-button:hover { background-color: ACCENT-DISABLED_HOVER; } -.message-close-button:active { +.message-close-button:active, +.message-expand-button:active { color: TEXT-SECONDARY-COLOR; } @@ -80,8 +92,9 @@ /* Media Controls */ .message-media-control { border-radius: 12px; - padding: 0 14px; - margin: 20px 2px; + /* currently disabled because of 46 */ + /* padding: 0 14px; */ + /* margin: 20px 2px; */ color: TEXT-PRIMARY-COLOR; transition-duration: 100ms; } @@ -95,8 +108,9 @@ .message-media-control:insensitive { color: TEXT-DISABLED-COLOR; } /* fix margin for last button */ -.message-media-control:last-child:ltr { margin-right: 20px; } -.message-media-control:last-child:rtl { margin-left: 12px; } +/* currently disabled because of 46 */ +/* .message-media-control:last-child:ltr { margin-right: 20px; } +.message-media-control:last-child:rtl { margin-left: 12px; } */ /* album art */ diff --git a/theme/gnome-shell_css/overview.css b/theme/gnome-shell_css/overview.css index 704a059..2ed6737 100644 --- a/theme/gnome-shell_css/overview.css +++ b/theme/gnome-shell_css/overview.css @@ -30,6 +30,7 @@ .ripple-box { background-color: ACCENT-OPACITY-COLOR; box-shadow: 0 0 2px 2px ACCENT-OPACITY-COLOR; + border-radius: 0 0 99px 0; } diff --git a/theme/gnome-shell_css/screenshot.css b/theme/gnome-shell_css/screenshot.css index b3e47c7..04d3539 100644 --- a/theme/gnome-shell_css/screenshot.css +++ b/theme/gnome-shell_css/screenshot.css @@ -12,6 +12,7 @@ .screenshot-ui-show-pointer-button, /* show pointer */ .screenshot-ui-type-button { /* Selection / Screen / Window */ color: TEXT-PRIMARY-COLOR; + background-color: transparent; border-radius: 15px; transition-duration: 100ms; } diff --git a/theme/gnome-shell_css/search.css b/theme/gnome-shell_css/search.css index 9f97c1b..6aab9f6 100644 --- a/theme/gnome-shell_css/search.css +++ b/theme/gnome-shell_css/search.css @@ -11,7 +11,7 @@ /* founded results content section */ .search-section-content { box-shadow: inset 0 0 0 1px BORDER-SHADOW; - border-radius: 15px; + border-radius: 18px; border: none; background-color: SECTION-COLOR; color: TEXT-PRIMARY-COLOR; @@ -23,6 +23,12 @@ color: TEXT-PRIMARY-COLOR; } +.list-search-result, +.search-provider-icon { + background-color: transparent; + border-radius: 12px; +} + /* search result listitem -> item title (with leading icon) */ .list-search-result .list-search-result-title { color: TEXT-PRIMARY-COLOR; @@ -32,8 +38,6 @@ color: TEXT-SECONDARY-COLOR; } -.list-search-result:focus, -.search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, @@ -42,6 +46,13 @@ box-shadow: inset 0 0 0 1px BORDER-SHADOW; } +.list-search-result:focus, +.search-provider-icon:focus { + background-color: ACCENT-OPACITY-COLOR; + box-shadow: inset 0 0 0 1px ACCENT-SECONDARY-COLOR !important; + +} + .list-search-result:active, .search-provider-icon:active { background-color: ACCENT-DISABLED_HOVER;