Chillcraft/Marble-shell-theme
3
0
Fork 0
mirror of https://github.com/imarkoff/Marble-shell-theme.git synced 2025-11-21 21:16:00 -08:00
Code Issues Packages Projects Releases Wiki Activity

Login screen support and various fixes when theme is set globally

Browse Source
This commit is contained in:
Vladyslav Hroshev
2023-12-16 18:10:58 +02:00
parent 407aa299e0
commit bd83e6ebf9
10 changed files with 264 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
colors.json
View File

@@ -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",

5
theme/gnome-shell_css/controls.css
View File

@@ -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;

13
theme/gnome-shell_css/entries.css
View File

@@ -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;
}

179
theme/gnome-shell_css/loginlock.css Normal file
View File

@@ -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;
}

4
theme/gnome-shell_css/messages.css
View File

@@ -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 */

5
theme/gnome-shell_css/overview.css
View File

@@ -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 */

3
theme/gnome-shell_css/panel.css
View File

@@ -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 */

2
theme/gnome-shell_css/popovers.css
View File

@@ -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 */

8
theme/gnome-shell_css/quick-settings.css
View File

@@ -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 {

36
theme/gnome-shell_css/screenshot.css
View File

@@ -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;
}