diff --git a/colors.json b/colors.json index e22bf48..16735ab 100644 --- a/colors.json +++ b/colors.json @@ -147,6 +147,37 @@ } }, + "ACCENT-LOGIN-COLOR" : { + "_comment" : "Accent color for login screen user list", + + "light" : { + "s" : 65, + "l" : 65, + "a" : 1 + }, + + "dark" : { + "s" : 65, + "l" : 55, + "a" : 1 + } + }, + "ACCENT-LOGIN_HOVER" : { + "_comment" : "Hover color for login screen user list", + + "light" : { + "s" : 65, + "l" : 55, + "a" : 0.8 + }, + + "dark" : { + "s" : 65, + "l" : 55, + "a" : 0.8 + } + }, + "ACCENT-FILLED-COLOR" : { "_comment" : "Accent color but more vibrant", diff --git a/theme/gnome-shell_css/controls.css b/theme/gnome-shell_css/controls.css index 7edb00f..a4f58c7 100644 --- a/theme/gnome-shell_css/controls.css +++ b/theme/gnome-shell_css/controls.css @@ -81,6 +81,7 @@ .button:insensitive { box-shadow: none; color: TEXT-SECONDARY-COLOR; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; } .button:hover, @@ -104,12 +105,10 @@ .slider, .level { - height: 16px; -barlevel-height: 16px; -barlevel-background-color: ACCENT-DISABLED-COLOR; - box-shadow: inset 0 0 0 1px BORDER-SHADOW; - /* fill */ -barlevel-active-background-color: BUTTON-COLOR; + -barlevel-border-width: 0px; /* overfill */ -barlevel-overdrive-color: #c01c28; -barlevel-overdrive-separator-width: 2px; diff --git a/theme/gnome-shell_css/entries.css b/theme/gnome-shell_css/entries.css index ceb6a31..b654227 100644 --- a/theme/gnome-shell_css/entries.css +++ b/theme/gnome-shell_css/entries.css @@ -1,6 +1,7 @@ /* Entries */ -StEntry { +StEntry, +.search-entry { border-radius: 13px; padding: 8px; transition-duration: 100ms; @@ -31,14 +32,4 @@ StEntry:active { StEntry:focus { color: TEXT-PRIMARY-COLOR; -} - - -/* Entry in lock screen */ -.unlock-dialog StEntry { - border: none !important; -} - -.unlock-dialog StEntry:focus { - box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR; } \ No newline at end of file diff --git a/theme/gnome-shell_css/loginlock.css b/theme/gnome-shell_css/loginlock.css new file mode 100644 index 0000000..74da88d --- /dev/null +++ b/theme/gnome-shell_css/loginlock.css @@ -0,0 +1,179 @@ +/* Lock Screen / Login screen */ + +#lockDialogGroup { + background-color: #000; +} + +.login-dialog { + background-color: BACKGROUND-OPAQUE-COLOR; +} + + +.login-dialog .caps-lock-warning-label, +.login-dialog .login-dialog-message-warning, +.unlock-dialog .caps-lock-warning-label, +.unlock-dialog .login-dialog-message-warning { + color: TEXT-SECONDARY-COLOR; +} + + +/* not listed button */ +.login-dialog-not-listed-label { + color: TEXT-SECONDARY-COLOR; +} +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, +.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: TEXT-PRIMARY-COLOR; +} +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label { + text-decoration: underline; +} + + +/* users button */ +.login-dialog-user-list .login-dialog-user-list-item { + background-color: SECTION-COLOR; + border-radius: 20px; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item { + transition-duration: 200ms; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: ACCENT-LOGIN-COLOR; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:focus, +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: ACCENT-LOGIN-COLOR; + /* color: BUTTON-TEXT-COLOR; don't work*/ + box-shadow: inset 0 0 0 1px BORDER-MENU-SHADOW; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:focus:hover, +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover { + background-color: ACCENT-LOGIN_HOVER; +} + + +/* login buttons */ +.login-dialog-button.cancel-button, +.login-dialog-button.switch-user-button, +.login-dialog-button.login-dialog-session-list-button { + background-color: ACCENT-DISABLED-COLOR; + color: TEXT-PRIMARY-COLOR; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; + border-radius: 99px; + transition-duration: 100ms; +} + +.login-dialog-button.cancel-button:hover, +.login-dialog-button.switch-user-button:hover, +.login-dialog-button.login-dialog-session-list-button:hover { + background-color: ACCENT-DISABLED_HOVER; +} + +.login-dialog-button.cancel-button:focus, +.login-dialog-button.switch-user-button:focus, +.login-dialog-button.login-dialog-session-list-button:focus { + background-color: ACCENT-DISABLED_HOVER; + box-shadow: inset 0 0 0 2px ACCENT-SECONDARY-COLOR !important; +} + +.login-dialog-button.cancel-button:focus:active, +.login-dialog-button.switch-user-button:focus:active, +.login-dialog-button.login-dialog-session-list-button:focus:active, +.login-dialog-button.cancel-button:focus:hover, +.login-dialog-button.switch-user-button:focus:hover, +.login-dialog-button.login-dialog-session-list-button:focus:hover { + background-color: ACCENT-DISABLED_HOVER; + box-shadow: inset 0 0 0 1px ACCENT-SECONDARY-COLOR !important; +} + +.login-dialog-button.cancel-button:active, +.login-dialog-button.switch-user-button:active, +.login-dialog-button.login-dialog-session-list-button:active { + background-color: ACCENT-DISABLED_HOVER; +} + + +/* password */ +.login-dialog-prompt-entry { + background-color: ACCENT-DISABLED-COLOR; + border: none; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; +} + +.login-dialog-prompt-entry:focus { + background-color: ACCENT-DISABLED-COLOR !important; + border: none; + box-shadow: inset 0 0 0 1px TEXT-DISABLED-COLOR !important; + border-color: TEXT-DISABLED-COLOR; +} + +.login-dialog-prompt-entry:insensitive { + background-color: ACCENT-DISABLED-COLOR; + color: TEXT-DISABLED-COLOR; +} + + +/* Clock */ +.unlock-dialog-clock { + color: TEXT-PRIMARY-COLOR; + spacing: 1em; +} + +.unlock-dialog-clock .unlock-dialog-clock-time { + font-feature-settings: "normal"; + font-weight: 500; +} + +.unlock-dialog-clock .unlock-dialog-clock-date { + font-weight: 500; + font-size: 16pt; +} + +.unlock-dialog-clock .unlock-dialog-clock-hint { + margin-top: 1em; + font-weight: 600; + font-size: 10pt; + color: TEXT-SECONDARY-COLOR; +} + + +/* Notifications */ +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 16px; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; + background-color: ACCENT-DISABLED-COLOR; + color: TEXT-PRIMARY-COLOR; + border-radius: 16px; +} +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: ACCENT_HOVER; +} + +/* messages counter */ +.unlock-dialog-notification-count-text { + color: TEXT-SECONDARY-COLOR; + background-color: ACCENT-DISABLED-COLOR; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; + border-radius: 99px; +} + + +/* User widget */ +.user-widget .user-widget-label { + color: TEXT-PRIMARY-COLOR; +} + +.user-widget.horizontal .user-icon StIcon, +.user-widget.vertical .user-icon StIcon { + color: TEXT-PRIMARY-COLOR; + background-color: ACCENT-DISABLED-COLOR; + box-shadow: inset 0 0 0 1px BORDER-SHADOW; +} \ No newline at end of file diff --git a/theme/gnome-shell_css/messages.css b/theme/gnome-shell_css/messages.css index c9faeaa..4b4b947 100644 --- a/theme/gnome-shell_css/messages.css +++ b/theme/gnome-shell_css/messages.css @@ -2,8 +2,8 @@ /* datemenu message-list */ .message-list { - border: none; /* remove border between messages and calendar section */ - padding: 0; + border-color: transparent; /* remove border between messages and calendar section */ + padding: 0 !important; } /* "No Notifications" text */ diff --git a/theme/gnome-shell_css/overview.css b/theme/gnome-shell_css/overview.css index bb8806c..704a059 100644 --- a/theme/gnome-shell_css/overview.css +++ b/theme/gnome-shell_css/overview.css @@ -35,9 +35,8 @@ /* thumbnails on overview (workspaces list under search) */ .workspace-thumbnail { - border: none; /* because of impossibility round fullscreen apps */ - background-color: ACCENT-DISABLED-COLOR; - border: 1px solid BORDER-SHADOW; + background-color: ACCENT-DISABLED-COLOR !important; + border: 1px solid BORDER-SHADOW !important; } /* drag and drop indicator */ diff --git a/theme/gnome-shell_css/panel.css b/theme/gnome-shell_css/panel.css index 44af478..00ed913 100644 --- a/theme/gnome-shell_css/panel.css +++ b/theme/gnome-shell_css/panel.css @@ -20,7 +20,7 @@ .clock-display StIcon { /* DND / new messages icon */ color: TEXT-PRIMARY-COLOR; border-radius: 14px; - border: 4px solid transparent; + border: 4px solid transparent !important; background-color: ACCENT-DISABLED-COLOR; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } @@ -35,6 +35,7 @@ /* workspaces indicator in activities button (45+) */ #panel .workspace-dot { background-color: TEXT-PRIMARY-COLOR; + border-radius: 99px; } /* indicator for active */ diff --git a/theme/gnome-shell_css/popovers.css b/theme/gnome-shell_css/popovers.css index 360df9b..937dba2 100644 --- a/theme/gnome-shell_css/popovers.css +++ b/theme/gnome-shell_css/popovers.css @@ -13,6 +13,7 @@ .popup-menu-item, /* menu items */ .app-menu { /* right-click (and panel) app menu */ margin: 3px 0; + border-radius: 12px; transition-duration: 150ms; } @@ -64,6 +65,7 @@ margin: 0; color: TEXT-PRIMARY-COLOR; background-color: transparent; + border-radius: 0; } /* make rounded borders for last element */ diff --git a/theme/gnome-shell_css/quick-settings.css b/theme/gnome-shell_css/quick-settings.css index 881907b..3242ea8 100644 --- a/theme/gnome-shell_css/quick-settings.css +++ b/theme/gnome-shell_css/quick-settings.css @@ -12,6 +12,7 @@ background-color: ACCENT-DISABLED-COLOR; color: TEXT-PRIMARY-COLOR; transition-duration: 100ms; + border-radius: 99px; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } @@ -67,6 +68,7 @@ .quick-toggle:hover, .quick-menu-toggle .quick-toggle:hover, .quick-menu-toggle .quick-toggle-arrow:hover { + color: TEXT-PRIMARY-COLOR; background-color: ACCENT-DISABLED_HOVER; } @@ -81,16 +83,18 @@ .quick-toggle:checked:hover, .quick-menu-toggle .quick-toggle:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:hover { + color: BUTTON-TEXT-COLOR; background-color: BUTTON_HOVER; } /* quick slider section */ -/* fix margins in quick slider dection */ +/* fix margins in quick slider section */ .quick-slider .slider-bin { - padding: 2px 1px; + padding: 4px; margin: 0; color: BUTTON-TEXT-COLOR; + border-radius: 99px; } .quick-slider .slider-bin:focus { diff --git a/theme/gnome-shell_css/screenshot.css b/theme/gnome-shell_css/screenshot.css index 8e02201..b3e47c7 100644 --- a/theme/gnome-shell_css/screenshot.css +++ b/theme/gnome-shell_css/screenshot.css @@ -53,6 +53,10 @@ background-color: SECTION-COLOR; } +.screenshot-ui-window-selector-window-border { + border-radius: 16px; +} + /* window border when selecting */ .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { border-color: BUTTON-COLOR; @@ -63,10 +67,13 @@ background-color: ACCENT-OPACITY-COLOR; } +.screenshot-ui-window-selector-check { color: transparent; } + /* check icon when selected window */ .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { color: BUTTON-TEXT-COLOR; background-color: BUTTON-COLOR; + border-radius: 99px; } @@ -114,12 +121,14 @@ /* screenshot / screencast buttons section */ .screenshot-ui-shot-cast-container { background-color: ACCENT-DISABLED-COLOR; + border-radius: 99px; box-shadow: inset 0 0 0 1px BORDER-SHADOW; } /* screenshot / screencast buttons */ .screenshot-ui-shot-cast-button { background-color: transparent; + border-radius: 99px; transition-duration: 100ms; } @@ -135,6 +144,32 @@ color: TEXT-INVERTED-COLOR; } +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +/* screen selection borders */ +.screenshot-ui-area-selector-handle { + border-radius: 99px; + background-color: white; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05); +} + + +.screenshot-ui-screen-selector { + background-color: rgba(0, 0, 0, 0.5); +} +.screenshot-ui-screen-selector:hover { + background-color: rgba(0, 0, 0, 0.3); +} +.screenshot-ui-screen-selector:active { + background-color: rgba(0, 0, 0, 0.7); +} +.screenshot-ui-screen-selector:checked { + background-color: transparent; +} + + /* tooltip for elements */ .screenshot-ui-tooltip { @@ -152,6 +187,7 @@ background-color: BUTTON-CLOSE-COLOR; color: TEXT-PRIMARY-COLOR; border: 1px solid BORDER-SHADOW; + border-radius: 99px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); transition-duration: 100ms; }