synced share directory with source files

This commit is contained in:
2024-04-11 14:02:59 +02:00
parent 65c6321233
commit e8028f6415
94 changed files with 1572 additions and 1572 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 706 B

After

Width:  |  Height:  |  Size: 711 B

+182 -182
View File
@@ -46,14 +46,14 @@ stage {
.app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .close-button:focus { .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .close-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .icon-button:focus:hover, .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-app-item .close-button:focus:hover { .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .icon-button:focus:hover, .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-app-item .close-button:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .icon-button:focus:active, .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, .background-app-item .close-button:focus:active { .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .icon-button:focus:active, .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, .background-app-item .close-button:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .close-button:hover { .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .close-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
@@ -76,21 +76,21 @@ stage {
background-color: #585b69; } background-color: #585b69; }
.app-folder-dialog .folder-name-container .default.edit-folder-button, .default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { .app-folder-dialog .folder-name-container .default.edit-folder-button, .default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:hover, .default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .default.edit-folder-button:hover, .default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:active, .default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { .app-folder-dialog .folder-name-container .default.edit-folder-button:active, .default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:insensitive, .default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { .app-folder-dialog .folder-name-container .default.edit-folder-button:insensitive, .default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); background-color: rgba(238, 238, 236, 0.05);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.app-folder-dialog .folder-name-container .flat.edit-folder-button, .calendar .app-folder-dialog .folder-name-container .calendar-day.edit-folder-button, .app-folder-dialog .folder-name-container .calendar .calendar-day.edit-folder-button, .flat.button, .calendar .button.calendar-day, .calendar .calendar-day.calendar-today, .calendar .flat.calendar-day, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .flat.icon-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .background-app-item .flat.close-button, .calendar .icon-button.calendar-day, .calendar .calendar-day.login-dialog-button.cancel-button, .calendar .calendar-day.login-dialog-button.switch-user-button, .calendar .calendar-day.login-dialog-button.login-dialog-session-list-button, .calendar .background-app-item .calendar-day.close-button, .background-app-item .calendar .calendar-day.close-button { .app-folder-dialog .folder-name-container .flat.edit-folder-button, .calendar .app-folder-dialog .folder-name-container .calendar-day.edit-folder-button, .app-folder-dialog .folder-name-container .calendar .calendar-day.edit-folder-button, .flat.button, .calendar .button.calendar-day, .calendar .calendar-day.calendar-today, .calendar .flat.calendar-day, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .flat.icon-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .background-app-item .flat.close-button, .calendar .icon-button.calendar-day, .calendar .calendar-day.login-dialog-button.cancel-button, .calendar .calendar-day.login-dialog-button.switch-user-button, .calendar .calendar-day.login-dialog-button.login-dialog-session-list-button, .calendar .background-app-item .calendar-day.close-button, .background-app-item .calendar .calendar-day.close-button {
transition-duration: 100ms; transition-duration: 100ms;
@@ -100,14 +100,14 @@ stage {
.app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .flat.icon-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .flat.close-button:focus { .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .flat.icon-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .flat.close-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .flat.icon-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .flat.close-button:focus:hover { .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .flat.icon-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .flat.close-button:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .flat.icon-button:focus:active, .flat.login-dialog-button.cancel-button:focus:active, .flat.login-dialog-button.switch-user-button:focus:active, .flat.login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .flat.close-button:focus:active { .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .flat.icon-button:focus:active, .flat.login-dialog-button.cancel-button:focus:active, .flat.login-dialog-button.switch-user-button:focus:active, .flat.login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .flat.close-button:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .flat.icon-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .flat.close-button:hover { .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .flat.icon-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .flat.close-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
@@ -130,27 +130,27 @@ stage {
background-color: #585b69; } background-color: #585b69; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button, .flat.default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button, .flat.default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:hover, .flat.default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:hover, .flat.default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:active, .flat.default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:active, .flat.default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:insensitive, .flat.default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:insensitive, .flat.default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); background-color: rgba(238, 238, 236, 0.05);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.login-dialog-prompt-entry, .search-entry, .lg-dialog StEntry, StEntry { .login-dialog-prompt-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px; border-radius: 8px;
padding: 9px 9px; padding: 9px 9px;
selection-background-color: #2777ff; selection-background-color: #ff9d1e;
selected-color: #ffffff; } selected-color: #ffffff; }
StEntry { StEntry {
@@ -162,8 +162,8 @@ StEntry {
background-color: rgba(238, 238, 236, 0.25); } background-color: rgba(238, 238, 236, 0.25); }
StEntry:focus { StEntry:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(184, 206, 241, 0.2875); background-color: rgba(243, 216, 181, 0.2875);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7);
color: #eeeeec; } color: #eeeeec; }
StEntry:insensitive { StEntry:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
@@ -189,14 +189,14 @@ StEntry {
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #3d475f; background-color: #524b48;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
background-color: #434e66; background-color: #585250;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
background-color: #49546e; background-color: #5f5857;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
@@ -291,8 +291,8 @@ StEntry {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.lg-dialog StEntry:focus { .lg-dialog StEntry:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(197, 218, 255, 0.2875); background-color: rgba(255, 229, 194, 0.2875);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7);
color: white; } color: white; }
.lg-dialog StEntry:insensitive { .lg-dialog StEntry:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
@@ -312,14 +312,14 @@ StEntry {
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { #LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
background-color: rgba(108, 163, 255, 0.19); background-color: rgba(255, 189, 102, 0.19);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { #LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(108, 163, 255, 0.19); background-color: rgba(255, 189, 102, 0.19);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
#LookingGlassDialog .notebook-tab:focus:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { #LookingGlassDialog .notebook-tab:focus:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
background-color: rgba(108, 163, 255, 0.19); background-color: rgba(255, 189, 102, 0.19);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { #LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
@@ -368,8 +368,8 @@ StEntry {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.login-dialog-prompt-entry:focus, .search-entry:focus { .login-dialog-prompt-entry:focus, .search-entry:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(197, 218, 255, 0.2875); background-color: rgba(255, 229, 194, 0.2875);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7);
color: white; } color: white; }
.login-dialog-prompt-entry:insensitive, .search-entry:insensitive { .login-dialog-prompt-entry:insensitive, .search-entry:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
@@ -389,14 +389,14 @@ StEntry {
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus { .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
background-color: #414d65; background-color: #57514f;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.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 { .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: #47536d; background-color: #5d5756;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !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:active, .login-dialog-button.switch-user-button:focus:active, .login-dialog-button.login-dialog-session-list-button:focus:active {
background-color: #4d5a74; background-color: #635e5e;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover { .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
@@ -416,9 +416,9 @@ StEntry {
/* WIDGETS */ /* WIDGETS */
.shell-link { .shell-link {
color: #8db7ff; } color: #ffc984; }
.shell-link:hover { .shell-link:hover {
color: #c0d7ff; } color: #ffe0b7; }
.lowres-icon { .lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
@@ -485,7 +485,7 @@ StEntry StLabel.hint-text {
-barlevel-background-color: rgba(238, 238, 236, 0.2); -barlevel-background-color: rgba(238, 238, 236, 0.2);
-barlevel-border-width: 2px; -barlevel-border-width: 2px;
-barlevel-border-color: transparent; -barlevel-border-color: transparent;
-barlevel-active-background-color: #2777ff; -barlevel-active-background-color: #ff9d1e;
-barlevel-active-border-color: transparent; -barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #a61414; -barlevel-overdrive-color: #a61414;
-barlevel-overdrive-border-color: transparent; -barlevel-overdrive-border-color: transparent;
@@ -695,14 +695,14 @@ StScrollBar {
.datemenu-today-button:focus { .datemenu-today-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.datemenu-today-button:focus:hover { .datemenu-today-button:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.datemenu-today-button:focus:active { .datemenu-today-button:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.datemenu-today-button:insensitive { .datemenu-today-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -735,14 +735,14 @@ StScrollBar {
.calendar:focus { .calendar:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.calendar:focus:hover { .calendar:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.calendar:focus:active { .calendar:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.calendar:insensitive { .calendar:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -817,14 +817,14 @@ StScrollBar {
.events-button:focus { .events-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.events-button:focus:hover { .events-button:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.events-button:focus:active { .events-button:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.events-button:insensitive { .events-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -858,14 +858,14 @@ StScrollBar {
.world-clocks-button:focus { .world-clocks-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.world-clocks-button:focus:hover { .world-clocks-button:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.world-clocks-button:focus:active { .world-clocks-button:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.world-clocks-button:insensitive { .world-clocks-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -905,14 +905,14 @@ StScrollBar {
.weather-button:focus { .weather-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.weather-button:focus:hover { .weather-button:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.weather-button:focus:active { .weather-button:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.weather-button:insensitive { .weather-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -978,7 +978,7 @@ StScrollBar {
border-radius: 32px; border-radius: 32px;
border-style: solid; } border-style: solid; }
.message-list-controls .dnd-button:focus { .message-list-controls .dnd-button:focus {
border-color: rgba(39, 119, 255, 0.6); } border-color: rgba(255, 157, 30, 0.6); }
.message { .message {
border-radius: 12px; border-radius: 12px;
@@ -997,14 +997,14 @@ StScrollBar {
.message:focus { .message:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.message:focus:hover { .message:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.message:focus:active { .message:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.message:insensitive { .message:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -1056,7 +1056,7 @@ StScrollBar {
color: #d6d6d1; } color: #d6d6d1; }
.url-highlighter { .url-highlighter {
link-color: #8db7ff; } link-color: #ffc984; }
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
@@ -1103,7 +1103,7 @@ StScrollBar {
padding: 6px 12px 6px 12px; padding: 6px 12px 6px 12px;
border-radius: 8px; } border-radius: 8px; }
.candidate-box:selected { .candidate-box:selected {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.candidate-box:hover { .candidate-box:hover {
background-color: #383d4b; background-color: #383d4b;
@@ -1147,7 +1147,7 @@ StScrollBar {
width: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px; -shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px; -shell-counter-overlap-y: 3px;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; color: #ffffff;
border: 2px solid #eeeeec; border: 2px solid #eeeeec;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -1294,7 +1294,7 @@ StScrollBar {
.audio-selection-device:hover, .audio-selection-device:focus { .audio-selection-device:hover, .audio-selection-device:focus {
background-color: #383d4b; } background-color: #383d4b; }
.audio-selection-device:active { .audio-selection-device:active {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.audio-selection-device-box { .audio-selection-device-box {
@@ -1397,8 +1397,8 @@ StScrollBar {
.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.switcher-list .item-box:drop { .switcher-list .item-box:drop {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.switcher-list .item-box:hover { .switcher-list .item-box:hover {
background: none; } background: none; }
.switcher-list .separator { .switcher-list .separator {
@@ -1424,7 +1424,7 @@ StScrollBar {
height: 96px; } height: 96px; }
.cycler-highlight { .cycler-highlight {
border: 5px solid #2777ff; } border: 5px solid #ff9d1e; }
/* Workspace Switcher */ /* Workspace Switcher */
.workspace-switcher { .workspace-switcher {
@@ -1559,15 +1559,15 @@ StScrollBar {
icon-size: 24px; } icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #0051da; } border-color: #d17600; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #2777ff; border-color: #ff9d1e;
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff; color: #ffffff;
background-color: #2777ff; } background-color: #ff9d1e; }
.screenshot-ui-screen-selector { .screenshot-ui-screen-selector {
transition-duration: 200ms; transition-duration: 200ms;
@@ -1817,21 +1817,21 @@ StScrollBar {
to extend to the border */ } to extend to the border */ }
.quick-toggle:checked { .quick-toggle:checked {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.quick-toggle:checked:focus { .quick-toggle:checked:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.quick-toggle:checked:hover, .quick-toggle:checked:focus { .quick-toggle:checked:hover, .quick-toggle:checked:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.quick-toggle:checked:active { .quick-toggle:checked:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.quick-toggle:checked:insensitive { .quick-toggle:checked:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); background-color: rgba(238, 238, 236, 0.05);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.quick-toggle > StBoxLayout { .quick-toggle > StBoxLayout {
spacing: 9px; } spacing: 9px; }
@@ -1873,22 +1873,22 @@ StScrollBar {
border-color: rgba(238, 238, 236, 0.25); } border-color: rgba(238, 238, 236, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked { .quick-menu-toggle .quick-toggle-arrow:checked {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; color: #ffffff;
border-color: #00348d; } border-color: #844b00; }
.quick-menu-toggle .quick-toggle-arrow:checked:focus { .quick-menu-toggle .quick-toggle-arrow:checked:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:focus { .quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.quick-menu-toggle .quick-toggle-arrow:checked:active { .quick-menu-toggle .quick-toggle-arrow:checked:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.quick-menu-toggle .quick-toggle-arrow:checked:insensitive { .quick-menu-toggle .quick-toggle-arrow:checked:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); background-color: rgba(238, 238, 236, 0.05);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.quick-menu-toggle .quick-toggle-arrow:ltr { .quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 99px 99px 0; border-radius: 0 99px 99px 0;
@@ -1910,14 +1910,14 @@ StScrollBar {
.quick-slider .slider-bin:focus { .quick-slider .slider-bin:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.quick-slider .slider-bin:focus:hover { .quick-slider .slider-bin:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-slider .slider-bin:focus:active { .quick-slider .slider-bin:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-toggle-menu { .quick-toggle-menu {
border-radius: 12px; border-radius: 12px;
@@ -1941,14 +1941,14 @@ StScrollBar {
.quick-toggle-menu:focus { .quick-toggle-menu:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.quick-toggle-menu:focus:hover { .quick-toggle-menu:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-toggle-menu:focus:active { .quick-toggle-menu:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-toggle-menu:insensitive { .quick-toggle-menu:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -1965,7 +1965,7 @@ StScrollBar {
padding: 9px; padding: 9px;
background-color: rgba(238, 238, 236, 0.2); } background-color: rgba(238, 238, 236, 0.2); }
.quick-toggle-menu .header .icon.active { .quick-toggle-menu .header .icon.active {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.quick-settings-system-item > StBoxLayout { .quick-settings-system-item > StBoxLayout {
@@ -2000,21 +2000,21 @@ StScrollBar {
spacing: 6px; } spacing: 6px; }
.keyboard-brightness-level .button:checked, .keyboard-brightness-level .icon-button:checked, .keyboard-brightness-level .login-dialog-button.cancel-button:checked, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked, .keyboard-brightness-level .background-app-item .close-button:checked, .background-app-item .keyboard-brightness-level .close-button:checked, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked, .keyboard-brightness-level .calendar .calendar-day:checked, .calendar .keyboard-brightness-level .calendar-day:checked { .keyboard-brightness-level .button:checked, .keyboard-brightness-level .icon-button:checked, .keyboard-brightness-level .login-dialog-button.cancel-button:checked, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked, .keyboard-brightness-level .background-app-item .close-button:checked, .background-app-item .keyboard-brightness-level .close-button:checked, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked, .keyboard-brightness-level .calendar .calendar-day:checked, .calendar .keyboard-brightness-level .calendar-day:checked {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.keyboard-brightness-level .button:checked:hover, .keyboard-brightness-level .icon-button:checked:hover, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:hover, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:hover, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:hover, .keyboard-brightness-level .background-app-item .close-button:checked:hover, .background-app-item .keyboard-brightness-level .close-button:checked:hover, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:hover, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:hover, .keyboard-brightness-level .calendar .calendar-day:checked:hover, .calendar .keyboard-brightness-level .calendar-day:checked:hover, .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { .keyboard-brightness-level .button:checked:hover, .keyboard-brightness-level .icon-button:checked:hover, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:hover, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:hover, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:hover, .keyboard-brightness-level .background-app-item .close-button:checked:hover, .background-app-item .keyboard-brightness-level .close-button:checked:hover, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:hover, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:hover, .keyboard-brightness-level .calendar .calendar-day:checked:hover, .calendar .keyboard-brightness-level .calendar-day:checked:hover, .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.keyboard-brightness-level .button:checked:active, .keyboard-brightness-level .icon-button:checked:active, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:active, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:active, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:active, .keyboard-brightness-level .background-app-item .close-button:checked:active, .background-app-item .keyboard-brightness-level .close-button:checked:active, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:active, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:active, .keyboard-brightness-level .calendar .calendar-day:checked:active, .calendar .keyboard-brightness-level .calendar-day:checked:active { .keyboard-brightness-level .button:checked:active, .keyboard-brightness-level .icon-button:checked:active, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:active, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:active, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:active, .keyboard-brightness-level .background-app-item .close-button:checked:active, .background-app-item .keyboard-brightness-level .close-button:checked:active, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:active, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:active, .keyboard-brightness-level .calendar .calendar-day:checked:active, .calendar .keyboard-brightness-level .calendar-day:checked:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.keyboard-brightness-level .button:checked:insensitive, .keyboard-brightness-level .icon-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:insensitive, .keyboard-brightness-level .background-app-item .close-button:checked:insensitive, .background-app-item .keyboard-brightness-level .close-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:insensitive, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-day:checked:insensitive, .calendar .keyboard-brightness-level .calendar-day:checked:insensitive { .keyboard-brightness-level .button:checked:insensitive, .keyboard-brightness-level .icon-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:insensitive, .keyboard-brightness-level .background-app-item .close-button:checked:insensitive, .background-app-item .keyboard-brightness-level .close-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:insensitive, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-day:checked:insensitive, .calendar .keyboard-brightness-level .calendar-day:checked:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
background-color: rgba(238, 238, 236, 0.05); background-color: rgba(238, 238, 236, 0.05);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.background-apps-quick-toggle { .background-apps-quick-toggle {
@@ -2121,8 +2121,8 @@ StScrollBar {
.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.list-search-result:drop, .search-provider-icon:drop { .list-search-result:drop, .search-provider-icon:drop {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.search-statustext { .search-statustext {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
@@ -2209,8 +2209,8 @@ StScrollBar {
.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.dash-item-container .show-apps:drop .overview-icon { .dash-item-container .show-apps:drop .overview-icon {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; padding-bottom: 12px;
@@ -2258,8 +2258,8 @@ StScrollBar {
.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.app-well-app .overview-icon, .grid-search-result .overview-icon { .app-well-app .overview-icon, .grid-search-result .overview-icon {
padding: 12px; padding: 12px;
border-radius: 24px; border-radius: 24px;
@@ -2288,8 +2288,8 @@ StScrollBar {
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.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 rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.app-folder-dialog { .app-folder-dialog {
border-radius: 64px; border-radius: 64px;
@@ -2418,31 +2418,31 @@ StScrollBar {
width: 18px; } width: 18px; }
.workspace-thumbnail-indicator { .workspace-thumbnail-indicator {
border: 3px solid #2777ff; border: 3px solid #ff9d1e;
border-radius: 8px; } border-radius: 8px; }
.ripple-pointer-location { .ripple-pointer-location {
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius: 25px; border-radius: 25px;
background-color: rgba(192, 215, 255, 0.3); background-color: rgba(255, 224, 183, 0.3);
box-shadow: 0 0 2px 2px #8db7ff; } box-shadow: 0 0 2px 2px #ffc984; }
.pie-timer { .pie-timer {
width: 60px; width: 60px;
height: 60px; height: 60px;
-pie-border-width: 3px; -pie-border-width: 3px;
-pie-border-color: #2777ff; -pie-border-color: #ff9d1e;
-pie-background-color: rgba(243, 247, 255, 0.3); } -pie-background-color: rgba(255, 246, 234, 0.3); }
.magnifier-zoom-region { .magnifier-zoom-region {
border: 2px solid #2777ff; } border: 2px solid #ff9d1e; }
.magnifier-zoom-region.full-screen { .magnifier-zoom-region.full-screen {
border-width: 0; } border-width: 0; }
.select-area-rubberband { .select-area-rubberband {
background-color: rgba(39, 119, 255, 0.3); background-color: rgba(255, 157, 30, 0.3);
border: 1px solid #2777ff; } border: 1px solid #ff9d1e; }
.user-icon { .user-icon {
background-size: contain; background-size: contain;
@@ -2478,8 +2478,8 @@ StScrollBar {
/* Tiled window previews */ /* Tiled window previews */
.tile-preview { .tile-preview {
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
border: 1px solid #2777ff; } border: 1px solid #ff9d1e; }
/* On-screen Keyboard */ /* On-screen Keyboard */
#keyboard { #keyboard {
@@ -2508,14 +2508,14 @@ StScrollBar {
background-color: #363a48; } background-color: #363a48; }
.keyboard-key:focus { .keyboard-key:focus {
color: white; color: white;
background-color: #35415b; background-color: #4a4444;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6); }
.keyboard-key:focus:hover { .keyboard-key:focus:hover {
background-color: #3f4b68; background-color: #544f51;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-key:focus:active { .keyboard-key:focus:active {
background-color: #434f6d; background-color: #585357;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-key:hover { .keyboard-key:hover {
color: white; color: white;
background-color: #3f4454; } background-color: #3f4454; }
@@ -2543,22 +2543,22 @@ StScrollBar {
color: white; color: white;
background-color: #666e89; } background-color: #666e89; }
.keyboard-key.default-key:latched { .keyboard-key.default-key:latched {
border-color: #4187ff; border-color: #ffa838;
background-color: #2777ff; } background-color: #ff9d1e; }
.keyboard-key.enter-key { .keyboard-key.enter-key {
color: #ffffff; color: #ffffff;
background-color: #3681ff; background-color: #ffa42d;
border-radius: 12px; border-radius: 12px;
color: white; } color: white; }
.keyboard-key.enter-key:hover { .keyboard-key.enter-key:hover {
color: #ffffff; color: #ffffff;
background-color: #4b8eff; } background-color: #ffad42; }
.keyboard-key.enter-key:active { .keyboard-key.enter-key:active {
color: #ffffff; color: #ffffff;
background-color: #5a97ff; } background-color: #ffb351; }
.keyboard-key.enter-key:checked { .keyboard-key.enter-key:checked {
color: #ffffff; color: #ffffff;
background-color: #74a7ff; } background-color: #ffbe6b; }
.keyboard-key.shift-key-uppercase { .keyboard-key.shift-key-uppercase {
background-color: #5b627a; background-color: #5b627a;
color: #303340; } color: #303340; }
@@ -2583,14 +2583,14 @@ StScrollBar {
border-radius: 12px; } border-radius: 12px; }
.keyboard-subkeys .keyboard-key:focus { .keyboard-subkeys .keyboard-key:focus {
color: white; color: white;
background-color: #35415b; background-color: #4a4444;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6); }
.keyboard-subkeys .keyboard-key:focus:hover { .keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3f4b68; background-color: #544f51;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-subkeys .keyboard-key:focus:active { .keyboard-subkeys .keyboard-key:focus:active {
background-color: #434f6d; background-color: #585357;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-subkeys .keyboard-key:hover { .keyboard-subkeys .keyboard-key:hover {
color: white; color: white;
background-color: #3f4454; } background-color: #3f4454; }
@@ -2607,8 +2607,8 @@ StScrollBar {
color: initial; } color: initial; }
.emoji-panel .keyboard-key:latched { .emoji-panel .keyboard-key:latched {
border-color: #4187ff; border-color: #ffa838;
background-color: #2777ff; } background-color: #ff9d1e; }
.word-suggestions { .word-suggestions {
font-size: 11pt; font-size: 11pt;
@@ -2625,14 +2625,14 @@ StScrollBar {
background-image: none; } background-image: none; }
.word-suggestions StButton:focus { .word-suggestions StButton:focus {
color: white; color: white;
background-color: #35415b; background-color: #4a4444;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6); }
.word-suggestions StButton:focus:hover { .word-suggestions StButton:focus:hover {
background-color: #3f4b68; background-color: #544f51;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.word-suggestions StButton:focus:active { .word-suggestions StButton:focus:active {
background-color: #434f6d; background-color: #585357;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.word-suggestions StButton:hover { .word-suggestions StButton:hover {
color: white; color: white;
background-color: #3f4454; } background-color: #3f4454; }
@@ -2681,11 +2681,11 @@ StScrollBar {
min-height: 22px; } min-height: 22px; }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #8db7ff; } color: #ffc984; }
.lg-dialog .shell-link:hover { .lg-dialog .shell-link:hover {
color: #c0d7ff; } color: #ffe0b7; }
.lg-dialog .shell-link:active { .lg-dialog .shell-link:active {
color: #5a97ff; } color: #ffb351; }
.lg-dialog .actor-link { .lg-dialog .actor-link {
color: #888a8d; } color: #888a8d; }
@@ -2734,14 +2734,14 @@ StScrollBar {
.lg-extension:focus { .lg-extension:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #eeeeec; color: #eeeeec;
background-color: #343d52; background-color: #49413c;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.lg-extension:focus:hover { .lg-extension:focus:hover {
background-color: #3a445a; background-color: #4f4843;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.lg-extension:focus:active { .lg-extension:focus:active {
background-color: #404a61; background-color: #564e4b;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.lg-extension:insensitive { .lg-extension:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(238, 238, 236, 0.5); color: rgba(238, 238, 236, 0.5);
@@ -2826,7 +2826,7 @@ StScrollBar {
padding: 4px; padding: 4px;
color: #b3b3b3; } color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.login-dialog-auth-list-label { .login-dialog-auth-list-label {
@@ -2866,12 +2866,12 @@ StScrollBar {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
color: white; } color: white; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { .login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover { .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover {
background-color: #4187ff; } background-color: #ffa838; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in .user-widget .user-icon { .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in .user-widget .user-icon {
border-color: #2777ff; } border-color: #ff9d1e; }
.login-dialog-prompt-layout { .login-dialog-prompt-layout {
spacing: 12px; spacing: 12px;
@@ -2912,7 +2912,7 @@ StScrollBar {
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(35, 37, 46, 0.5); } background-color: rgba(35, 37, 46, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(39, 119, 255, 0.5); } background-color: rgba(255, 157, 30, 0.5); }
.unlock-dialog-notifications-container { .unlock-dialog-notifications-container {
margin: 12px; margin: 12px;
@@ -3127,8 +3127,8 @@ StScrollBar {
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.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 rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.app-folder-dialog { .app-folder-dialog {
background: black; background: black;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 359 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 399 B

After

Width:  |  Height:  |  Size: 401 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 268 B

After

Width:  |  Height:  |  Size: 267 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 335 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 B

After

Width:  |  Height:  |  Size: 172 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 208 B

After

Width:  |  Height:  |  Size: 218 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 215 B

After

Width:  |  Height:  |  Size: 205 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 B

After

Width:  |  Height:  |  Size: 80 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 B

After

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 185 B

After

Width:  |  Height:  |  Size: 173 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 197 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 B

After

Width:  |  Height:  |  Size: 139 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 147 B

After

Width:  |  Height:  |  Size: 140 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 486 B

After

Width:  |  Height:  |  Size: 483 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 489 B

After

Width:  |  Height:  |  Size: 497 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 504 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 525 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 167 B

After

Width:  |  Height:  |  Size: 159 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 539 B

After

Width:  |  Height:  |  Size: 539 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 164 B

After

Width:  |  Height:  |  Size: 157 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 175 B

After

Width:  |  Height:  |  Size: 175 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 B

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 174 B

After

Width:  |  Height:  |  Size: 174 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 632 B

After

Width:  |  Height:  |  Size: 631 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 688 B

After

Width:  |  Height:  |  Size: 688 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 637 B

After

Width:  |  Height:  |  Size: 637 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 694 B

After

Width:  |  Height:  |  Size: 684 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 595 B

After

Width:  |  Height:  |  Size: 596 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 736 B

After

Width:  |  Height:  |  Size: 736 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 593 B

After

Width:  |  Height:  |  Size: 589 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 736 B

After

Width:  |  Height:  |  Size: 739 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 751 B

After

Width:  |  Height:  |  Size: 752 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 691 B

After

Width:  |  Height:  |  Size: 690 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 703 B

After

Width:  |  Height:  |  Size: 708 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 651 B

After

Width:  |  Height:  |  Size: 650 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

File diff suppressed because it is too large Load Diff
+138 -138
View File
@@ -50,7 +50,7 @@ iconview {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
iconview:focus:focus-visible { iconview:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
iconview:drop(active) { iconview:drop(active) {
@@ -58,12 +58,12 @@ iconview {
iconview > dndtarget:drop(active) { iconview > dndtarget:drop(active) {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-color: #00348d; } border-color: #844b00; }
rubberband, .content-view > rubberband, columnview.view > rubberband, rubberband, .content-view > rubberband, columnview.view > rubberband,
treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
border: 1px solid #005af3; border: 1px solid #ea8400;
background-color: rgba(0, 90, 243, 0.2); } background-color: rgba(234, 132, 0, 0.2); }
flowbox > flowboxchild { flowbox > flowboxchild {
padding: 3px; padding: 3px;
@@ -75,7 +75,7 @@ flowbox > flowboxchild {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
flowbox > flowboxchild:focus:focus-visible { flowbox > flowboxchild:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
flowbox > flowboxchild:selected { flowbox > flowboxchild:selected {
@@ -91,7 +91,7 @@ gridview > child {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
gridview > child:focus:focus-visible { gridview > child:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
gridview > child:selected { gridview > child:selected {
@@ -113,11 +113,11 @@ label {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
label:focus:focus-visible { label:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
label > selection { label > selection {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
label:disabled { label:disabled {
color: #888a8d; } color: #888a8d; }
@@ -242,7 +242,7 @@ entry {
outline-offset: 4px; } outline-offset: 4px; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within { entry:focus-within {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left,
@@ -318,7 +318,7 @@ entry {
color: #eeeeec; } color: #eeeeec; }
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active,
entry > image:active { entry > image:active {
color: #2777ff; } color: #ff9d1e; }
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator,
entry.password image.caps-lock-indicator { entry.password image.caps-lock-indicator {
color: #75777c; } color: #75777c; }
@@ -336,7 +336,7 @@ entry {
-gtk-icon-shadow: 0 1px black; } -gtk-icon-shadow: 0 1px black; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within {
color: white; color: white;
border-color: #2777ff; border-color: #ff9d1e;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box; } background-clip: padding-box; }
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
@@ -355,7 +355,7 @@ entry progress > trough > progress {
background-image: none; background-image: none;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #2777ff; border-color: #ff9d1e;
border-style: solid; border-style: solid;
box-shadow: none; } box-shadow: none; }
@@ -414,7 +414,7 @@ treeview entry.flat, treeview entry {
background-image: none; background-image: none;
background-color: #272a34; } background-color: #272a34; }
treeview entry.flat:focus-within, treeview entry:focus-within { treeview entry.flat:focus-within, treeview entry:focus-within {
border-color: #2777ff; } border-color: #ff9d1e; }
/******************* /*******************
* Editable Labels * * Editable Labels *
@@ -429,9 +429,9 @@ editablelabel > stack > text {
***********/ ***********/
@keyframes needs_attention { @keyframes needs_attention {
from { from {
background-image: radial-gradient(farthest-side, #74a7ff 0%, rgba(116, 167, 255, 0) 0%); } background-image: radial-gradient(farthest-side, #ffbe6b 0%, rgba(255, 190, 107, 0) 0%); }
to { to {
background-image: radial-gradient(farthest-side, #74a7ff 95%, rgba(116, 167, 255, 0)); } } background-image: radial-gradient(farthest-side, #ffbe6b 95%, rgba(255, 190, 107, 0)); } }
notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow, windowcontrols button,
button { button {
@@ -442,7 +442,7 @@ button {
border-radius: 4px; border-radius: 4px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
@@ -455,7 +455,7 @@ button {
outline-offset: 4px; } outline-offset: 4px; }
notebook > header > tabs > arrow:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible,
button:focus:focus-visible { button:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:hover,
@@ -605,7 +605,7 @@ button.osd {
color: white; color: white;
border-radius: 5px; border-radius: 5px;
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -643,7 +643,7 @@ button.osd {
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { .app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -701,9 +701,9 @@ button.osd {
button.suggested-action { button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0047c0; border-color: #b76700;
background-image: image(#4187ff); background-image: image(#ffa838);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
transition-duration: 300ms; transition-duration: 300ms;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
@@ -722,19 +722,19 @@ button.suggested-action {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
color: #2777ff; } color: #ff9d1e; }
button.suggested-action:hover { button.suggested-action:hover {
color: white; color: white;
border-color: #0051da; border-color: #d17600;
background-image: linear-gradient(to top, #136aff 20%, #186eff 90%); background-image: linear-gradient(to top, #ff940a 20%, #ff960f 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action:active, button.suggested-action:active,
button.suggested-action:checked { button.suggested-action:checked {
color: white; color: white;
border-color: #0051da; border-color: #d17600;
background-image: image(#005cf8); background-image: image(#ef8700);
box-shadow: none; } box-shadow: none; }
button.suggested-action.flat:disabled { button.suggested-action.flat:disabled {
@@ -742,7 +742,7 @@ button.suggested-action {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
color: rgba(39, 119, 255, 0.8); } color: rgba(255, 157, 30, 0.8); }
button.suggested-action:disabled { button.suggested-action:disabled {
color: #888a8d; color: #888a8d;
@@ -751,28 +751,28 @@ button.suggested-action {
button.suggested-action:disabled:active, button.suggested-action:disabled:active,
button.suggested-action:disabled:checked { button.suggested-action:disabled:checked {
color: #a4bfeb; color: #e8caa4;
border-color: #0051da; border-color: #d17600;
background-image: image(#1c5ecd); background-image: image(#c57b1c);
box-shadow: none; } box-shadow: none; }
.osd button.suggested-action { .osd button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5)); background-image: image(rgba(255, 157, 30, 0.5));
background-clip: padding-box; } background-clip: padding-box; }
.osd button.suggested-action:hover { .osd button.suggested-action:hover {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.7)); background-image: image(rgba(255, 157, 30, 0.7));
background-clip: padding-box; } background-clip: padding-box; }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#2777ff); background-image: image(#ff9d1e);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; } box-shadow: none; }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
@@ -900,7 +900,7 @@ button.circular {
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image { stackswitcher > button.needs-attention > image {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: radial-gradient(farthest-side, #74a7ff 96%, rgba(116, 167, 255, 0)); background-image: radial-gradient(farthest-side, #ffbe6b 96%, rgba(255, 190, 107, 0));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
@@ -1054,9 +1054,9 @@ list > row button.image-button:not(.flat) {
list > row button.image-button:not(.flat).suggested-action { list > row button.image-button:not(.flat).suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0047c0; border-color: #b76700;
background-image: image(#4187ff); background-image: image(#ffa838);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
transition-duration: 300ms; transition-duration: 300ms;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
@@ -1094,29 +1094,29 @@ list > row button.image-button:not(.flat) {
*********/ *********/
button.link, button.link,
link { link {
color: #8db7ff; color: #ffc984;
text-decoration: underline; } text-decoration: underline; }
button.link:visited, button.link:visited,
link:visited { link:visited {
color: #5a97ff; } color: #ffb351; }
*:selected button.link:visited, *:selected link:visited { *:selected button.link:visited, *:selected link:visited {
color: #bdd5ff; } color: #ffe1b9; }
button.link:hover, button.link:hover,
link:hover { link:hover {
color: #c0d7ff; } color: #ffe0b7; }
*:selected button.link:hover, *:selected link:hover { *:selected button.link:hover, *:selected link:hover {
color: #f9fbff; } color: #fffcf8; }
button.link:active, button.link:active,
link:active { link:active {
color: #8db7ff; } color: #ffc984; }
*:selected button.link:active, *:selected link:active { *:selected button.link:active, *:selected link:active {
color: #e8f1ff; } color: #fff4e6; }
button.link:disabled, button.link:disabled,
link:disabled { link:disabled {
color: rgba(198, 198, 198, 0.8); } color: rgba(194, 194, 194, 0.8); }
button.link:selected, *:selected button.link, button.link:selected, *:selected button.link,
link:selected, *:selected link { link:selected, *:selected link {
color: #e8f1ff; } color: #fff4e6; }
link { link {
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
@@ -1126,7 +1126,7 @@ link {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
link:focus:focus-visible { link:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
@@ -1258,7 +1258,7 @@ spinbutton {
border-top-right-radius: 0; } border-top-right-radius: 0; }
.osd spinbutton.vertical > button:first-child { .osd spinbutton.vertical > button:first-child {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -1390,11 +1390,11 @@ infobar > revealer > box {
border-spacing: 12px; } border-spacing: 12px; }
infobar.action:hover > revealer > box { infobar.action:hover > revealer > box {
background-color: #010101; } background-color: #040507; }
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box {
border-bottom: 1px solid #181a20; border-bottom: 1px solid #181a20;
background-color: #080604; } background-color: #070a0e; }
infobar .close, infobar .close,
searchbar .close { searchbar .close {
@@ -1542,7 +1542,7 @@ window.csd > .titlebar:not(headerbar) {
background-color: #0d0e11; } background-color: #0d0e11; }
window.devel headerbar.titlebar { window.devel headerbar.titlebar {
background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 157, 30, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); }
window.devel headerbar.titlebar:backdrop { window.devel headerbar.titlebar:backdrop {
background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e);
/* background-color would flash */ } /* background-color would flash */ }
@@ -1588,7 +1588,7 @@ treeview.view {
outline-offset: 4px; } outline-offset: 4px; }
columnview.view:focus:focus-visible, columnview.view:focus:focus-visible,
treeview.view:focus:focus-visible { treeview.view:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
columnview.view:selected:focus, columnview.view:selected, columnview.view:selected:focus, columnview.view:selected,
@@ -1601,10 +1601,10 @@ treeview.view {
color: #888a8d; } color: #888a8d; }
columnview.view:disabled:selected, columnview.view:disabled:selected,
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #7dadff; } color: #ffc478; }
columnview.view:disabled:selected:backdrop, columnview.view:disabled:selected:backdrop,
treeview.view:disabled:selected:backdrop { treeview.view:disabled:selected:backdrop {
color: #5b93f3; } color: #f2ae56; }
columnview.view.separator, columnview.view.separator,
treeview.view.separator { treeview.view.separator {
min-height: 2px; min-height: 2px;
@@ -1620,7 +1620,7 @@ treeview.view {
treeview.view > dndtarget:drop(active) { treeview.view > dndtarget:drop(active) {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
border-color: #00348d; } border-color: #844b00; }
columnview.view > dndtarget:drop(active).after, columnview.view > dndtarget:drop(active).after,
treeview.view > dndtarget:drop(active).after { treeview.view > dndtarget:drop(active).after {
border-top-style: none; } border-top-style: none; }
@@ -1641,7 +1641,7 @@ treeview.view {
color: white; } color: white; }
columnview.view.expander:selected, columnview.view.expander:selected,
treeview.view.expander:selected { treeview.view.expander:selected {
color: #bed6ff; } color: #ffe2bc; }
columnview.view.expander:selected:hover, columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover { treeview.view.expander:selected:hover {
color: #ffffff; } color: #ffffff; }
@@ -1650,8 +1650,8 @@ treeview.view {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
columnview.view.progressbar, columnview.view.progressbar,
treeview.view.progressbar { treeview.view.progressbar {
background-color: #2777ff; background-color: #ff9d1e;
background-image: image(#2777ff); background-image: image(#ff9d1e);
box-shadow: none; } box-shadow: none; }
columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected,
treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected:focus,
@@ -1668,7 +1668,7 @@ treeview.view {
columnview.view.trough:selected:focus, columnview.view.trough:selected, columnview.view.trough:selected:focus, columnview.view.trough:selected,
treeview.view.trough:selected:focus, treeview.view.trough:selected:focus,
treeview.view.trough:selected { treeview.view.trough:selected {
background-color: #005af3; } background-color: #ea8400; }
columnview.view > header > button, columnview.view > header > button,
treeview.view > header > button { treeview.view > header > button {
color: #8b8c90; color: #8b8c90;
@@ -1711,7 +1711,7 @@ treeview.view {
padding: 0 6px; padding: 0 6px;
color: #272a34; color: #272a34;
background-image: none; background-image: none;
background-color: #2777ff; background-color: #ff9d1e;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
box-shadow: inset 0 0 0 1px #272a34; box-shadow: inset 0 0 0 1px #272a34;
@@ -1719,7 +1719,7 @@ treeview.view {
transition: none; } transition: none; }
columnview.view acceleditor > label, columnview.view acceleditor > label,
treeview.view acceleditor > label { treeview.view acceleditor > label {
background-color: #2777ff; } background-color: #ff9d1e; }
columnview.view > header > button, columnview.view > header > button,
treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button, columnview.view > header > button:hover,
@@ -1874,8 +1874,8 @@ menubar {
min-height: 16px; min-height: 16px;
padding: 4px 8px; } padding: 4px 8px; }
menubar > item:selected { menubar > item:selected {
box-shadow: inset 0 -3px #2777ff; box-shadow: inset 0 -3px #ff9d1e;
color: #8db7ff; } color: #ffc984; }
menubar > item:disabled { menubar > item:disabled {
color: #888a8d; color: #888a8d;
box-shadow: none; } box-shadow: none; }
@@ -1898,7 +1898,7 @@ notebook {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
notebook:focus:focus-visible > header > tabs > tab:checked { notebook:focus:focus-visible > header > tabs > tab:checked {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
notebook > header { notebook > header {
@@ -1915,7 +1915,7 @@ notebook {
notebook > header.top > tabs > tab:hover { notebook > header.top > tabs > tab:hover {
box-shadow: inset 0 -4px #0d0e11; } box-shadow: inset 0 -4px #0d0e11; }
notebook > header.top > tabs > tab:checked { notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -4px #2777ff; } box-shadow: inset 0 -4px #ff9d1e; }
notebook > header.bottom { notebook > header.bottom {
border-top-style: solid; } border-top-style: solid; }
notebook > header.bottom > tabs { notebook > header.bottom > tabs {
@@ -1923,7 +1923,7 @@ notebook {
notebook > header.bottom > tabs > tab:hover { notebook > header.bottom > tabs > tab:hover {
box-shadow: inset 0 4px #0d0e11; } box-shadow: inset 0 4px #0d0e11; }
notebook > header.bottom > tabs > tab:checked { notebook > header.bottom > tabs > tab:checked {
box-shadow: inset 0 4px #2777ff; } box-shadow: inset 0 4px #ff9d1e; }
notebook > header.left { notebook > header.left {
border-right-style: solid; } border-right-style: solid; }
notebook > header.left > tabs { notebook > header.left > tabs {
@@ -1931,7 +1931,7 @@ notebook {
notebook > header.left > tabs > tab:hover { notebook > header.left > tabs > tab:hover {
box-shadow: inset -4px 0 #0d0e11; } box-shadow: inset -4px 0 #0d0e11; }
notebook > header.left > tabs > tab:checked { notebook > header.left > tabs > tab:checked {
box-shadow: inset -4px 0 #2777ff; } box-shadow: inset -4px 0 #ff9d1e; }
notebook > header.right { notebook > header.right {
border-left-style: solid; } border-left-style: solid; }
notebook > header.right > tabs { notebook > header.right > tabs {
@@ -1939,7 +1939,7 @@ notebook {
notebook > header.right > tabs > tab:hover { notebook > header.right > tabs > tab:hover {
box-shadow: inset 4px 0 #0d0e11; } box-shadow: inset 4px 0 #0d0e11; }
notebook > header.right > tabs > tab:checked { notebook > header.right > tabs > tab:checked {
box-shadow: inset 4px 0 #2777ff; } box-shadow: inset 4px 0 #ff9d1e; }
notebook > header.top > tabs > arrow { notebook > header.top > tabs > arrow {
border-top-style: none; } border-top-style: none; }
notebook > header.bottom > tabs > arrow { notebook > header.bottom > tabs > arrow {
@@ -2083,7 +2083,7 @@ scrollbar {
scrollbar > range > trough > slider:hover { scrollbar > range > trough > slider:hover {
background-color: #c5c6c6; } background-color: #c5c6c6; }
scrollbar > range > trough > slider:hover:active { scrollbar > range > trough > slider:hover:active {
background-color: #2777ff; } background-color: #ff9d1e; }
scrollbar > range > trough > slider:disabled { scrollbar > range > trough > slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar > range.fine-tune > trough > slider { scrollbar > range.fine-tune > trough > slider {
@@ -2140,15 +2140,15 @@ switch {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
switch:focus:focus-visible { switch:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: 0; } outline-offset: 0; }
headerbar switch { headerbar switch {
background-color: #0a0a0d; } background-color: #0a0a0d; }
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #00348d; border-color: #844b00;
background-color: #2777ff; } background-color: #ff9d1e; }
switch:disabled { switch:disabled {
color: #888a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
@@ -2156,7 +2156,7 @@ switch {
text-shadow: none; } text-shadow: none; }
switch > slider { switch > slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
@@ -2175,7 +2175,7 @@ switch {
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #00348d; } border: 1px solid #844b00; }
switch:disabled > slider { switch:disabled > slider {
color: #888a8d; color: #888a8d;
border-color: #17191f; border-color: #17191f;
@@ -2192,7 +2192,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2207,7 +2207,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2222,7 +2222,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2237,7 +2237,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #939393; background-color: #8f8f8f;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2252,7 +2252,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2267,7 +2267,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2282,7 +2282,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2297,7 +2297,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: #939393; background-color: #8f8f8f;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2317,7 +2317,7 @@ checkbutton {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
checkbutton:focus:focus-visible { checkbutton:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
checkbutton.text-button { checkbutton.text-button {
@@ -2350,17 +2350,17 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #ffa838 20%, #ff9d1e 90%);
border-color: #00215a; border-color: #512e00;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #ffb14c 10%, #ffa632 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px black; box-shadow: inset 0 1px black;
background-image: image(#0e67ff); } background-image: image(#ff9205); }
check:checked:disabled, check:checked:disabled,
radio:checked:disabled { radio:checked:disabled {
box-shadow: none; box-shadow: none;
@@ -2368,31 +2368,31 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #ffa838 20%, #ff9d1e 90%);
border-color: #00215a; border-color: #512e00;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #ffb14c 10%, #ffa632 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px black; box-shadow: inset 0 1px black;
background-image: image(#0e67ff); } background-image: image(#ff9205); }
check:indeterminate:disabled, check:indeterminate:disabled,
radio:indeterminate:disabled { radio:indeterminate:disabled {
box-shadow: none; box-shadow: none;
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
.osd check, .osd radio { .osd check, .osd radio {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
background-clip: padding-box; } background-clip: padding-box; }
.osd check:hover, .osd radio:hover { .osd check:hover, .osd radio:hover {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -2452,7 +2452,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
border-color: #17191f; } border-color: #17191f; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #00348d; } border-color: #844b00; }
.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough {
border-color: black; border-color: black;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
@@ -2460,14 +2460,14 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: rgba(68, 72, 83, 0.5); } background-color: rgba(68, 72, 83, 0.5); }
progressbar > trough > progress, scale > trough > highlight { progressbar > trough > progress, scale > trough > highlight {
border: 1px solid #2777ff; border: 1px solid #ff9d1e;
border-radius: 3px; border-radius: 3px;
background-color: #2777ff; } background-color: #ff9d1e; }
progressbar > trough > progress:disabled, scale > trough > highlight:disabled { progressbar > trough > progress:disabled, scale > trough > highlight:disabled {
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
row:selected progressbar > trough > progress, row:selected scale > trough > highlight { row:selected progressbar > trough > progress, row:selected scale > trough > highlight {
border-color: #00348d; } border-color: #844b00; }
.osd progressbar > trough > progress, .osd scale > trough > highlight { .osd progressbar > trough > progress, .osd scale > trough > highlight {
border-color: black; } border-color: black; }
.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled {
@@ -2484,7 +2484,7 @@ scale {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 16px; } outline-offset: 16px; }
scale:focus:focus-visible > trough { scale:focus:focus-visible > trough {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: 10px; } outline-offset: 10px; }
scale > trough { scale > trough {
@@ -2520,7 +2520,7 @@ scale {
background-color: transparent; } background-color: transparent; }
scale > trough > slider { scale > trough > slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
@@ -2535,16 +2535,16 @@ scale {
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
scale > trough > slider:active { scale > trough > slider:active {
border-color: #00348d; } border-color: #844b00; }
scale > trough > slider:disabled { scale > trough > slider:disabled {
color: #888a8d; color: #888a8d;
border-color: #17191f; border-color: #17191f;
background-image: image(#242731); } background-image: image(#242731); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #00348d; } border-color: #844b00; }
.osd scale > trough > slider { .osd scale > trough > slider {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -3011,8 +3011,8 @@ levelbar > trough > block {
border-color: #fd7d00; border-color: #fd7d00;
background-color: #fd7d00; } background-color: #fd7d00; }
levelbar > trough > block.high, levelbar > trough > block:not(.empty) { levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
border-color: #2777ff; border-color: #ff9d1e;
background-color: #2777ff; } background-color: #ff9d1e; }
levelbar > trough > block.full { levelbar > trough > block.full {
border-color: #308e63; border-color: #308e63;
background-color: #308e63; } background-color: #308e63; }
@@ -3138,7 +3138,7 @@ row {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
row:focus:focus-visible { row:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@@ -3148,7 +3148,7 @@ row {
row.activatable:selected:active { row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable:selected.has-open-popup, row.activatable:selected:hover { row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #3b83fd; } background-color: #fda533; }
row:selected { row:selected {
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
@@ -3175,14 +3175,14 @@ treeexpander {
* https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 *
********************************************************/ ********************************************************/
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
outline: 2px solid rgba(39, 119, 255, 0.7); } outline: 2px solid rgba(255, 157, 30, 0.7); }
columnview row:not(:selected) cell editablelabel.editing:focus-within { columnview row:not(:selected) cell editablelabel.editing:focus-within {
outline: 2px solid #2777ff; } outline: 2px solid #ff9d1e; }
columnview row:not(:selected) cell editablelabel.editing text selection { columnview row:not(:selected) cell editablelabel.editing text selection {
color: #ffffff; color: #ffffff;
background-color: #2777ff; } background-color: #ff9d1e; }
/******************************************************* /*******************************************************
* Rich Lists * * Rich Lists *
@@ -3233,7 +3233,7 @@ expander-widget {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
expander-widget:focus:focus-visible > box > title { expander-widget:focus:focus-visible > box > title {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
expander-widget > box > title { expander-widget > box > title {
@@ -3271,7 +3271,7 @@ calendar {
calendar > grid > label.today:selected { calendar > grid > label.today:selected {
box-shadow: none; } box-shadow: none; }
calendar > grid > label:focus { calendar > grid > label:focus {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-offset: -2px; outline-offset: -2px;
outline-width: 2px; outline-width: 2px;
outline-style: solid; } outline-style: solid; }
@@ -3358,7 +3358,7 @@ stacksidebar row {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
stacksidebar row:focus:focus-visible { stacksidebar row:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
stacksidebar row > label { stacksidebar row > label {
@@ -3397,7 +3397,7 @@ separator.sidebar {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
.navigation-sidebar > row:focus-visible:focus-within { .navigation-sidebar > row:focus-visible:focus-within {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
.navigation-sidebar > row:hover { .navigation-sidebar > row:hover {
@@ -3446,7 +3446,7 @@ placessidebar .navigation-sidebar > row {
background-image: image(#19a187); background-image: image(#19a187);
background-clip: content-box; } background-clip: content-box; }
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
color: #2777ff; } color: #ff9d1e; }
placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
color: #19a187; color: #19a187;
box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
@@ -3477,7 +3477,7 @@ paned > separator {
background-image: image(#0d0e11); background-image: image(#0d0e11);
background-size: 1px 1px; } background-size: 1px 1px; }
paned > separator:selected { paned > separator:selected {
background-image: image(#2777ff); } background-image: image(#ff9d1e); }
paned > separator.wide { paned > separator.wide {
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
@@ -3549,7 +3549,7 @@ colorswatch {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 6px; } outline-offset: 6px; }
colorswatch:focus:focus-visible { colorswatch:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 4px; outline-width: 4px;
outline-offset: -2px; } outline-offset: -2px; }
colorswatch:drop(active), colorswatch { colorswatch:drop(active), colorswatch {
@@ -3604,7 +3604,7 @@ colorswatch {
border-radius: 5px; } border-radius: 5px; }
colorswatch#add-color-button > overlay { colorswatch#add-color-button > overlay {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
@@ -3634,7 +3634,7 @@ plane {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 6px; } outline-offset: 6px; }
plane:focus:focus-visible { plane:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: 2px; } outline-offset: 2px; }
@@ -3654,7 +3654,7 @@ colorchooser .popover.osd {
border-radius: 0; border-radius: 0;
padding: 0; } padding: 0; }
.content-view .tile:active, .content-view .tile:selected { .content-view .tile:active, .content-view .tile:selected {
background-color: #2777ff; } background-color: #ff9d1e; }
.content-view .tile:disabled { .content-view .tile:disabled {
background-color: #242731; } background-color: #242731; }
@@ -3715,7 +3715,7 @@ textview > text:selected, textview > text > selection:focus, textview > text > s
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
treeview.view:selected:focus, treeview.view:selected:focus,
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
background-color: #2777ff; } background-color: #ff9d1e; }
label:selected, .view:selected:focus, .view:selected, label:selected, .view:selected:focus, .view:selected,
textview > text:selected:focus, textview > text:selected:focus,
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
@@ -3728,7 +3728,7 @@ treeview.view:selected, row:selected, calendar > grid > label.day-number:selecte
textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected,
entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected,
treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected {
color: #93bbff; } color: #ffce8f; }
.monospace { .monospace {
font-family: monospace; } font-family: monospace; }
@@ -3850,14 +3850,14 @@ button.emoji-section {
button.emoji-section:hover { button.emoji-section:hover {
border-color: rgba(238, 238, 236, 0.1); } border-color: rgba(238, 238, 236, 0.1); }
button.emoji-section:checked { button.emoji-section:checked {
border-color: #2777ff; } border-color: #ff9d1e; }
popover.emoji-picker emoji { popover.emoji-picker emoji {
font-size: x-large; font-size: x-large;
padding: 6px; padding: 6px;
border-radius: 6px; } border-radius: 6px; }
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
background: #2777ff; } background: #ff9d1e; }
emoji-completion-row > box { emoji-completion-row > box {
border-spacing: 10px; border-spacing: 10px;
@@ -3865,7 +3865,7 @@ emoji-completion-row > box {
emoji-completion-row:focus, emoji-completion-row:focus,
emoji-completion-row:hover { emoji-completion-row:hover {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
emoji-completion-row emoji:focus, emoji-completion-row emoji:focus,
@@ -3927,7 +3927,7 @@ row.expander {
row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
-gtk-icon-transform: rotate(0.25turn); } -gtk-icon-transform: rotate(0.25turn); }
row.expander:checked image.expander-row-arrow:not(:disabled) { row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #2777ff; } color: #ff9d1e; }
row.expander image.expander-row-arrow:disabled { row.expander image.expander-row-arrow:disabled {
color: #888a8d; } color: #888a8d; }
@@ -4327,10 +4327,10 @@ tabbar undershoot {
background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
tabbar .needs-attention-left undershoot.left { tabbar .needs-attention-left undershoot.left {
background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } background: linear-gradient(to right, rgba(255, 157, 30, 0.7), rgba(255, 157, 30, 0.5) 1px, rgba(255, 157, 30, 0) 20px); }
tabbar .needs-attention-right undershoot.right { tabbar .needs-attention-right undershoot.right {
background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } background: linear-gradient(to left, rgba(255, 157, 30, 0.7), rgba(255, 157, 30, 0.5) 1px, rgba(255, 157, 30, 0) 20px); }
tabbar tab { tabbar tab {
border-style: solid; border-style: solid;
@@ -4390,7 +4390,7 @@ tabbar tab,
padding: 6px; } padding: 6px; }
tabbar tab.needs-attention, tabbar tab.needs-attention,
.tab-drag-icon tab.needs-attention { .tab-drag-icon tab.needs-attention {
background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 157, 30, 0.2) 15%, rgba(255, 157, 30, 0) 15%); }
tabbar tab .tab-close-button, tabbar tab .tab-close-button,
tabbar tab .tab-indicator, tabbar tab .tab-indicator,
.tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-close-button,
@@ -4529,8 +4529,8 @@ radio {
check:checked, check:indeterminate, check:checked, check:indeterminate,
radio:checked, radio:checked,
radio:indeterminate { radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); background-image: linear-gradient(to bottom, #ff9d1e 20%, #ff9914 90%);
border-color: #00348d; border-color: #844b00;
color: #ffffff; } color: #ffffff; }
check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, check:checked, check:checked:active, check:indeterminate, check:indeterminate:active,
radio:checked, radio:checked,
@@ -4541,7 +4541,7 @@ radio {
check:checked:backdrop, check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#2777ff); background-image: image(#ff9d1e);
box-shadow: none; } box-shadow: none; }
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate,
radio:disabled, radio:disabled,
@@ -4585,7 +4585,7 @@ scale slider {
switch:hover slider, switch slider:active, switch:hover slider, switch slider:active,
scale slider:active { scale slider:active {
background-image: image(#0f1014); background-image: image(#0f1014);
border-color: #2777ff; } border-color: #ff9d1e; }
switch slider:backdrop, switch slider:disabled, switch slider:backdrop, switch slider:disabled,
scale slider:backdrop, scale slider:backdrop,
scale slider:disabled { scale slider:disabled {
@@ -4620,11 +4620,11 @@ windowcontrols {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); }
windowcontrols button.close { windowcontrols button.close {
color: black; color: black;
background: #2777ff; background: #ff9d1e;
border-color: transparent; } border-color: transparent; }
windowcontrols button.close:hover { windowcontrols button.close:hover {
color: white; color: white;
background: #3d85ff; } background: #ffa735; }
windowcontrols button:backdrop, windowcontrols button:backdrop:hover { windowcontrols button:backdrop, windowcontrols button:backdrop:hover {
color: transparent; color: transparent;
background: transparent; background: transparent;
@@ -4841,7 +4841,7 @@ text widgets and the like base background color */
@define-color theme_base_color #272a34; @define-color theme_base_color #272a34;
/* /*
base background color of selections */ base background color of selections */
@define-color theme_selected_bg_color #2777ff; @define-color theme_selected_bg_color #ff9d1e;
/* /*
text/foreground color of selections */ text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff; @define-color theme_selected_fg_color #ffffff;
@@ -4868,7 +4868,7 @@ text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #292c37; @define-color theme_unfocused_base_color #292c37;
/* /*
base background color of selections on backdrop windows */ base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #2777ff; @define-color theme_unfocused_selected_bg_color #ff9d1e;
/* /*
text/foreground color of selections on backdrop windows */ text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff; @define-color theme_unfocused_selected_fg_color #ffffff;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 660 B

After

Width:  |  Height:  |  Size: 686 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 717 B

After

Width:  |  Height:  |  Size: 719 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 421 B

After

Width:  |  Height:  |  Size: 418 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 733 B

After

Width:  |  Height:  |  Size: 737 B

@@ -46,14 +46,14 @@ stage {
.app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .close-button:focus { .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .icon-button:focus, .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .close-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .icon-button:focus:hover, .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-app-item .close-button:focus:hover { .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .icon-button:focus:hover, .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-app-item .close-button:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .icon-button:focus:active, .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, .background-app-item .close-button:focus:active { .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .icon-button:focus:active, .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, .background-app-item .close-button:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .close-button:hover { .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .icon-button:hover, .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .close-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
@@ -76,21 +76,21 @@ stage {
background-color: white; } background-color: white; }
.app-folder-dialog .folder-name-container .default.edit-folder-button, .default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { .app-folder-dialog .folder-name-container .default.edit-folder-button, .default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:hover, .default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .default.edit-folder-button:hover, .default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .default.edit-folder-button:focus, .default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:active, .default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { .app-folder-dialog .folder-name-container .default.edit-folder-button:active, .default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.app-folder-dialog .folder-name-container .default.edit-folder-button:insensitive, .default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { .app-folder-dialog .folder-name-container .default.edit-folder-button:insensitive, .default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
background-color: rgba(92, 97, 108, 0.1); background-color: rgba(92, 97, 108, 0.1);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.app-folder-dialog .folder-name-container .flat.edit-folder-button, .calendar .app-folder-dialog .folder-name-container .calendar-day.edit-folder-button, .app-folder-dialog .folder-name-container .calendar .calendar-day.edit-folder-button, .flat.button, .calendar .button.calendar-day, .calendar .calendar-day.calendar-today, .calendar .flat.calendar-day, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .flat.icon-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .background-app-item .flat.close-button, .calendar .icon-button.calendar-day, .calendar .calendar-day.login-dialog-button.cancel-button, .calendar .calendar-day.login-dialog-button.switch-user-button, .calendar .calendar-day.login-dialog-button.login-dialog-session-list-button, .calendar .background-app-item .calendar-day.close-button, .background-app-item .calendar .calendar-day.close-button { .app-folder-dialog .folder-name-container .flat.edit-folder-button, .calendar .app-folder-dialog .folder-name-container .calendar-day.edit-folder-button, .app-folder-dialog .folder-name-container .calendar .calendar-day.edit-folder-button, .flat.button, .calendar .button.calendar-day, .calendar .calendar-day.calendar-today, .calendar .flat.calendar-day, .calendar .calendar-day, .calendar .calendar-month-header .pager-button, .flat.icon-button, .flat.login-dialog-button.cancel-button, .flat.login-dialog-button.switch-user-button, .flat.login-dialog-button.login-dialog-session-list-button, .background-app-item .flat.close-button, .calendar .icon-button.calendar-day, .calendar .calendar-day.login-dialog-button.cancel-button, .calendar .calendar-day.login-dialog-button.switch-user-button, .calendar .calendar-day.login-dialog-button.login-dialog-session-list-button, .calendar .background-app-item .calendar-day.close-button, .background-app-item .calendar .calendar-day.close-button {
transition-duration: 100ms; transition-duration: 100ms;
@@ -100,14 +100,14 @@ stage {
.app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .flat.icon-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .flat.close-button:focus { .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus, .flat.button:focus, .calendar .calendar-day:focus, .calendar .calendar-month-header .pager-button:focus, .flat.icon-button:focus, .flat.login-dialog-button.cancel-button:focus, .flat.login-dialog-button.switch-user-button:focus, .flat.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .flat.close-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .flat.icon-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .flat.close-button:focus:hover { .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:hover, .flat.button:focus:hover, .calendar .calendar-day:focus:hover, .calendar .calendar-month-header .pager-button:focus:hover, .flat.icon-button:focus:hover, .flat.login-dialog-button.cancel-button:focus:hover, .flat.login-dialog-button.switch-user-button:focus:hover, .flat.login-dialog-button.login-dialog-session-list-button:focus:hover, .background-app-item .flat.close-button:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .flat.icon-button:focus:active, .flat.login-dialog-button.cancel-button:focus:active, .flat.login-dialog-button.switch-user-button:focus:active, .flat.login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .flat.close-button:focus:active { .app-folder-dialog .folder-name-container .flat.edit-folder-button:focus:active, .flat.button:focus:active, .calendar .calendar-day:focus:active, .calendar .calendar-month-header .pager-button:focus:active, .flat.icon-button:focus:active, .flat.login-dialog-button.cancel-button:focus:active, .flat.login-dialog-button.switch-user-button:focus:active, .flat.login-dialog-button.login-dialog-session-list-button:focus:active, .background-app-item .flat.close-button:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .flat.icon-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .flat.close-button:hover { .app-folder-dialog .folder-name-container .flat.edit-folder-button:hover, .flat.button:hover, .calendar .calendar-day:hover, .calendar .calendar-month-header .pager-button:hover, .flat.icon-button:hover, .flat.login-dialog-button.cancel-button:hover, .flat.login-dialog-button.switch-user-button:hover, .flat.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .flat.close-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
@@ -130,27 +130,27 @@ stage {
background-color: white; } background-color: white; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button, .flat.default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button, .flat.default.button, .calendar .default.calendar-day, .calendar .calendar-day.calendar-today, .calendar .calendar-month-header .default.pager-button, .default.icon-button, .default.login-dialog-button.cancel-button, .default.login-dialog-button.switch-user-button, .default.login-dialog-button.login-dialog-session-list-button, .background-app-item .default.close-button {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:hover, .flat.default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:hover, .flat.default.button:hover, .calendar .default.calendar-day:hover, .calendar .calendar-day.calendar-today:hover, .calendar .calendar-month-header .default.pager-button:hover, .default.icon-button:hover, .default.login-dialog-button.cancel-button:hover, .default.login-dialog-button.switch-user-button:hover, .default.login-dialog-button.login-dialog-session-list-button:hover, .background-app-item .default.close-button:hover, .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:focus, .flat.default.button:focus, .calendar .default.calendar-day:focus, .calendar .calendar-day.calendar-today:focus, .calendar .calendar-month-header .default.pager-button:focus, .default.icon-button:focus, .default.login-dialog-button.cancel-button:focus, .default.login-dialog-button.switch-user-button:focus, .default.login-dialog-button.login-dialog-session-list-button:focus, .background-app-item .default.close-button:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:active, .flat.default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:active, .flat.default.button:active, .calendar .default.calendar-day:active, .calendar .calendar-day.calendar-today:active, .calendar .calendar-month-header .default.pager-button:active, .default.icon-button:active, .default.login-dialog-button.cancel-button:active, .default.login-dialog-button.switch-user-button:active, .default.login-dialog-button.login-dialog-session-list-button:active, .background-app-item .default.close-button:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.app-folder-dialog .folder-name-container .flat.default.edit-folder-button:insensitive, .flat.default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive { .app-folder-dialog .folder-name-container .flat.default.edit-folder-button:insensitive, .flat.default.button:insensitive, .calendar .default.calendar-day:insensitive, .calendar .calendar-day.calendar-today:insensitive, .calendar .calendar-month-header .default.pager-button:insensitive, .default.icon-button:insensitive, .default.login-dialog-button.cancel-button:insensitive, .default.login-dialog-button.switch-user-button:insensitive, .default.login-dialog-button.login-dialog-session-list-button:insensitive, .background-app-item .default.close-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
background-color: rgba(92, 97, 108, 0.1); background-color: rgba(92, 97, 108, 0.1);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.login-dialog-prompt-entry, .search-entry, .lg-dialog StEntry, StEntry { .login-dialog-prompt-entry, .search-entry, .lg-dialog StEntry, StEntry {
border-radius: 8px; border-radius: 8px;
padding: 9px 9px; padding: 9px 9px;
selection-background-color: #2777ff; selection-background-color: #ff9d1e;
selected-color: #ffffff; } selected-color: #ffffff; }
StEntry { StEntry {
@@ -162,8 +162,8 @@ StEntry {
background-color: rgba(92, 97, 108, 0.25); } background-color: rgba(92, 97, 108, 0.25); }
StEntry:focus { StEntry:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(78, 103, 148, 0.2875); background-color: rgba(136, 113, 87, 0.2875);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7);
color: #5c616c; } color: #5c616c; }
StEntry:insensitive { StEntry:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
@@ -189,14 +189,14 @@ StEntry {
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus { .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #cdd5e3; background-color: #e2d8cd;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover { .modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
background-color: #d4dcea; background-color: #e9dfd3;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active { .modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
background-color: #dbe3f1; background-color: #f0e6da;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover { .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
@@ -291,8 +291,8 @@ StEntry {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.lg-dialog StEntry:focus { .lg-dialog StEntry:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(197, 218, 255, 0.2875); background-color: rgba(255, 229, 194, 0.2875);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7);
color: white; } color: white; }
.lg-dialog StEntry:insensitive { .lg-dialog StEntry:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
@@ -312,14 +312,14 @@ StEntry {
#LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { #LookingGlassDialog .notebook-tab:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
background-color: rgba(108, 163, 255, 0.19); background-color: rgba(255, 189, 102, 0.19);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
#LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover { #LookingGlassDialog .notebook-tab:focus:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: rgba(108, 163, 255, 0.19); background-color: rgba(255, 189, 102, 0.19);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
#LookingGlassDialog .notebook-tab:focus:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active { #LookingGlassDialog .notebook-tab:focus:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
background-color: rgba(108, 163, 255, 0.19); background-color: rgba(255, 189, 102, 0.19);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
#LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { #LookingGlassDialog .notebook-tab:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
@@ -368,8 +368,8 @@ StEntry {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.login-dialog-prompt-entry:focus, .search-entry:focus { .login-dialog-prompt-entry:focus, .search-entry:focus {
transition-duration: 100ms; transition-duration: 100ms;
background-color: rgba(197, 218, 255, 0.2875); background-color: rgba(255, 229, 194, 0.2875);
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7);
color: white; } color: white; }
.login-dialog-prompt-entry:insensitive, .search-entry:insensitive { .login-dialog-prompt-entry:insensitive, .search-entry:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
@@ -389,14 +389,14 @@ StEntry {
.login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus { .login-dialog-button.cancel-button:focus, .login-dialog-button.switch-user-button:focus, .login-dialog-button.login-dialog-session-list-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
background-color: #434f66; background-color: #595250;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.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 { .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: #49556e; background-color: #5f5957;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !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:active, .login-dialog-button.switch-user-button:focus:active, .login-dialog-button.login-dialog-session-list-button:focus:active {
background-color: #4f5c75; background-color: #655f5f;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover { .login-dialog-button.cancel-button:hover, .login-dialog-button.switch-user-button:hover, .login-dialog-button.login-dialog-session-list-button:hover {
transition-duration: 100ms; transition-duration: 100ms;
color: white; color: white;
@@ -416,9 +416,9 @@ StEntry {
/* WIDGETS */ /* WIDGETS */
.shell-link { .shell-link {
color: #005af3; } color: #ea8400; }
.shell-link:hover { .shell-link:hover {
color: #2777ff; } color: #ff9d1e; }
.lowres-icon { .lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
@@ -485,7 +485,7 @@ StEntry StLabel.hint-text {
-barlevel-background-color: rgba(92, 97, 108, 0.2); -barlevel-background-color: rgba(92, 97, 108, 0.2);
-barlevel-border-width: 2px; -barlevel-border-width: 2px;
-barlevel-border-color: transparent; -barlevel-border-color: transparent;
-barlevel-active-background-color: #2777ff; -barlevel-active-background-color: #ff9d1e;
-barlevel-active-border-color: transparent; -barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #d41919; -barlevel-overdrive-color: #d41919;
-barlevel-overdrive-border-color: transparent; -barlevel-overdrive-border-color: transparent;
@@ -695,14 +695,14 @@ StScrollBar {
.datemenu-today-button:focus { .datemenu-today-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.datemenu-today-button:focus:hover { .datemenu-today-button:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.datemenu-today-button:focus:active { .datemenu-today-button:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.datemenu-today-button:insensitive { .datemenu-today-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -735,14 +735,14 @@ StScrollBar {
.calendar:focus { .calendar:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.calendar:focus:hover { .calendar:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.calendar:focus:active { .calendar:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.calendar:insensitive { .calendar:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -817,14 +817,14 @@ StScrollBar {
.events-button:focus { .events-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.events-button:focus:hover { .events-button:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.events-button:focus:active { .events-button:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.events-button:insensitive { .events-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -858,14 +858,14 @@ StScrollBar {
.world-clocks-button:focus { .world-clocks-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.world-clocks-button:focus:hover { .world-clocks-button:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.world-clocks-button:focus:active { .world-clocks-button:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.world-clocks-button:insensitive { .world-clocks-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -905,14 +905,14 @@ StScrollBar {
.weather-button:focus { .weather-button:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.weather-button:focus:hover { .weather-button:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.weather-button:focus:active { .weather-button:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.weather-button:insensitive { .weather-button:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -978,7 +978,7 @@ StScrollBar {
border-radius: 32px; border-radius: 32px;
border-style: solid; } border-style: solid; }
.message-list-controls .dnd-button:focus { .message-list-controls .dnd-button:focus {
border-color: rgba(39, 119, 255, 0.6); } border-color: rgba(255, 157, 30, 0.6); }
.message { .message {
border-radius: 12px; border-radius: 12px;
@@ -997,14 +997,14 @@ StScrollBar {
.message:focus { .message:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.message:focus:hover { .message:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.message:focus:active { .message:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.message:insensitive { .message:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -1056,7 +1056,7 @@ StScrollBar {
color: #454850; } color: #454850; }
.url-highlighter { .url-highlighter {
link-color: #005af3; } link-color: #ea8400; }
/* Media Controls */ /* Media Controls */
.message-media-control { .message-media-control {
@@ -1103,7 +1103,7 @@ StScrollBar {
padding: 6px 12px 6px 12px; padding: 6px 12px 6px 12px;
border-radius: 8px; } border-radius: 8px; }
.candidate-box:selected { .candidate-box:selected {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.candidate-box:hover { .candidate-box:hover {
background-color: #e8e8e8; background-color: #e8e8e8;
@@ -1147,7 +1147,7 @@ StScrollBar {
width: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px; -shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px; -shell-counter-overlap-y: 3px;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; color: #ffffff;
border: 2px solid #5c616c; border: 2px solid #5c616c;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
@@ -1294,7 +1294,7 @@ StScrollBar {
.audio-selection-device:hover, .audio-selection-device:focus { .audio-selection-device:hover, .audio-selection-device:focus {
background-color: #e8e8e8; } background-color: #e8e8e8; }
.audio-selection-device:active { .audio-selection-device:active {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.audio-selection-device-box { .audio-selection-device-box {
@@ -1397,8 +1397,8 @@ StScrollBar {
.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover { .switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.switcher-list .item-box:drop { .switcher-list .item-box:drop {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.switcher-list .item-box:hover { .switcher-list .item-box:hover {
background: none; } background: none; }
.switcher-list .separator { .switcher-list .separator {
@@ -1424,7 +1424,7 @@ StScrollBar {
height: 96px; } height: 96px; }
.cycler-highlight { .cycler-highlight {
border: 5px solid #2777ff; } border: 5px solid #ff9d1e; }
/* Workspace Switcher */ /* Workspace Switcher */
.workspace-switcher { .workspace-switcher {
@@ -1559,15 +1559,15 @@ StScrollBar {
icon-size: 24px; } icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #0051da; } border-color: #d17600; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #2777ff; border-color: #ff9d1e;
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { .screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff; color: #ffffff;
background-color: #2777ff; } background-color: #ff9d1e; }
.screenshot-ui-screen-selector { .screenshot-ui-screen-selector {
transition-duration: 200ms; transition-duration: 200ms;
@@ -1817,21 +1817,21 @@ StScrollBar {
to extend to the border */ } to extend to the border */ }
.quick-toggle:checked { .quick-toggle:checked {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.quick-toggle:checked:focus { .quick-toggle:checked:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.quick-toggle:checked:hover, .quick-toggle:checked:focus { .quick-toggle:checked:hover, .quick-toggle:checked:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.quick-toggle:checked:active { .quick-toggle:checked:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.quick-toggle:checked:insensitive { .quick-toggle:checked:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
background-color: rgba(92, 97, 108, 0.1); background-color: rgba(92, 97, 108, 0.1);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.quick-toggle > StBoxLayout { .quick-toggle > StBoxLayout {
spacing: 9px; } spacing: 9px; }
@@ -1873,22 +1873,22 @@ StScrollBar {
border-color: rgba(92, 97, 108, 0.25); } border-color: rgba(92, 97, 108, 0.25); }
.quick-menu-toggle .quick-toggle-arrow:checked { .quick-menu-toggle .quick-toggle-arrow:checked {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; color: #ffffff;
border-color: #0051da; } border-color: #d17600; }
.quick-menu-toggle .quick-toggle-arrow:checked:focus { .quick-menu-toggle .quick-toggle-arrow:checked:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:focus { .quick-menu-toggle .quick-toggle-arrow:checked:hover, .quick-menu-toggle .quick-toggle-arrow:checked:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.quick-menu-toggle .quick-toggle-arrow:checked:active { .quick-menu-toggle .quick-toggle-arrow:checked:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.quick-menu-toggle .quick-toggle-arrow:checked:insensitive { .quick-menu-toggle .quick-toggle-arrow:checked:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
background-color: rgba(92, 97, 108, 0.1); background-color: rgba(92, 97, 108, 0.1);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.quick-menu-toggle .quick-toggle-arrow:ltr { .quick-menu-toggle .quick-toggle-arrow:ltr {
border-radius: 0 99px 99px 0; border-radius: 0 99px 99px 0;
@@ -1910,14 +1910,14 @@ StScrollBar {
.quick-slider .slider-bin:focus { .quick-slider .slider-bin:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.quick-slider .slider-bin:focus:hover { .quick-slider .slider-bin:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-slider .slider-bin:focus:active { .quick-slider .slider-bin:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-toggle-menu { .quick-toggle-menu {
border-radius: 12px; border-radius: 12px;
@@ -1941,14 +1941,14 @@ StScrollBar {
.quick-toggle-menu:focus { .quick-toggle-menu:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.quick-toggle-menu:focus:hover { .quick-toggle-menu:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-toggle-menu:focus:active { .quick-toggle-menu:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.quick-toggle-menu:insensitive { .quick-toggle-menu:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -1965,7 +1965,7 @@ StScrollBar {
padding: 9px; padding: 9px;
background-color: rgba(92, 97, 108, 0.2); } background-color: rgba(92, 97, 108, 0.2); }
.quick-toggle-menu .header .icon.active { .quick-toggle-menu .header .icon.active {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.quick-settings-system-item > StBoxLayout { .quick-settings-system-item > StBoxLayout {
@@ -2000,21 +2000,21 @@ StScrollBar {
spacing: 6px; } spacing: 6px; }
.keyboard-brightness-level .button:checked, .keyboard-brightness-level .icon-button:checked, .keyboard-brightness-level .login-dialog-button.cancel-button:checked, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked, .keyboard-brightness-level .background-app-item .close-button:checked, .background-app-item .keyboard-brightness-level .close-button:checked, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked, .keyboard-brightness-level .calendar .calendar-day:checked, .calendar .keyboard-brightness-level .calendar-day:checked { .keyboard-brightness-level .button:checked, .keyboard-brightness-level .icon-button:checked, .keyboard-brightness-level .login-dialog-button.cancel-button:checked, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked, .keyboard-brightness-level .background-app-item .close-button:checked, .background-app-item .keyboard-brightness-level .close-button:checked, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked, .keyboard-brightness-level .calendar .calendar-day:checked, .calendar .keyboard-brightness-level .calendar-day:checked {
transition-duration: 100ms; transition-duration: 100ms;
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) !important; }
.keyboard-brightness-level .button:checked:hover, .keyboard-brightness-level .icon-button:checked:hover, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:hover, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:hover, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:hover, .keyboard-brightness-level .background-app-item .close-button:checked:hover, .background-app-item .keyboard-brightness-level .close-button:checked:hover, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:hover, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:hover, .keyboard-brightness-level .calendar .calendar-day:checked:hover, .calendar .keyboard-brightness-level .calendar-day:checked:hover, .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus { .keyboard-brightness-level .button:checked:hover, .keyboard-brightness-level .icon-button:checked:hover, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:hover, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:hover, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:hover, .keyboard-brightness-level .background-app-item .close-button:checked:hover, .background-app-item .keyboard-brightness-level .close-button:checked:hover, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:hover, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:hover, .keyboard-brightness-level .calendar .calendar-day:checked:hover, .calendar .keyboard-brightness-level .calendar-day:checked:hover, .keyboard-brightness-level .button:checked:focus, .keyboard-brightness-level .icon-button:checked:focus, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:focus, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:focus, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:focus, .keyboard-brightness-level .background-app-item .close-button:checked:focus, .background-app-item .keyboard-brightness-level .close-button:checked:focus, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:focus, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:focus, .keyboard-brightness-level .calendar .calendar-day:checked:focus, .calendar .keyboard-brightness-level .calendar-day:checked:focus {
background-color: #4187ff; background-color: #ffa838;
color: white; } color: white; }
.keyboard-brightness-level .button:checked:active, .keyboard-brightness-level .icon-button:checked:active, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:active, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:active, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:active, .keyboard-brightness-level .background-app-item .close-button:checked:active, .background-app-item .keyboard-brightness-level .close-button:checked:active, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:active, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:active, .keyboard-brightness-level .calendar .calendar-day:checked:active, .calendar .keyboard-brightness-level .calendar-day:checked:active { .keyboard-brightness-level .button:checked:active, .keyboard-brightness-level .icon-button:checked:active, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:active, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:active, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:active, .keyboard-brightness-level .background-app-item .close-button:checked:active, .background-app-item .keyboard-brightness-level .close-button:checked:active, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:active, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:active, .keyboard-brightness-level .calendar .calendar-day:checked:active, .calendar .keyboard-brightness-level .calendar-day:checked:active {
background-color: #0361ff; background-color: #f98d00;
color: #ededed; } color: #ededed; }
.keyboard-brightness-level .button:checked:insensitive, .keyboard-brightness-level .icon-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:insensitive, .keyboard-brightness-level .background-app-item .close-button:checked:insensitive, .background-app-item .keyboard-brightness-level .close-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:insensitive, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-day:checked:insensitive, .calendar .keyboard-brightness-level .calendar-day:checked:insensitive { .keyboard-brightness-level .button:checked:insensitive, .keyboard-brightness-level .icon-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.cancel-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.switch-user-button:checked:insensitive, .keyboard-brightness-level .login-dialog-button.login-dialog-session-list-button:checked:insensitive, .keyboard-brightness-level .background-app-item .close-button:checked:insensitive, .background-app-item .keyboard-brightness-level .close-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-month-header .pager-button:checked:insensitive, .calendar .calendar-month-header .keyboard-brightness-level .pager-button:checked:insensitive, .keyboard-brightness-level .calendar .calendar-day:checked:insensitive, .calendar .keyboard-brightness-level .calendar-day:checked:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
background-color: rgba(92, 97, 108, 0.1); background-color: rgba(92, 97, 108, 0.1);
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
color: rgba(255, 255, 255, 0.5); } color: rgba(255, 255, 255, 0.5); }
.background-apps-quick-toggle { .background-apps-quick-toggle {
@@ -2121,8 +2121,8 @@ StScrollBar {
.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover { .list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.list-search-result:drop, .search-provider-icon:drop { .list-search-result:drop, .search-provider-icon:drop {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.search-statustext { .search-statustext {
color: rgba(255, 255, 255, 0.8); } color: rgba(255, 255, 255, 0.8); }
@@ -2209,8 +2209,8 @@ StScrollBar {
.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon { .dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.dash-item-container .show-apps:drop .overview-icon { .dash-item-container .show-apps:drop .overview-icon {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result { .dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; padding-bottom: 12px;
@@ -2258,8 +2258,8 @@ StScrollBar {
.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon { .app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon { .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
border: 2px solid rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.app-well-app .overview-icon, .grid-search-result .overview-icon { .app-well-app .overview-icon, .grid-search-result .overview-icon {
padding: 12px; padding: 12px;
border-radius: 24px; border-radius: 24px;
@@ -2288,8 +2288,8 @@ StScrollBar {
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.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 rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.app-folder-dialog { .app-folder-dialog {
border-radius: 64px; border-radius: 64px;
@@ -2418,31 +2418,31 @@ StScrollBar {
width: 18px; } width: 18px; }
.workspace-thumbnail-indicator { .workspace-thumbnail-indicator {
border: 3px solid #2777ff; border: 3px solid #ff9d1e;
border-radius: 8px; } border-radius: 8px; }
.ripple-pointer-location { .ripple-pointer-location {
width: 50px; width: 50px;
height: 50px; height: 50px;
border-radius: 25px; border-radius: 25px;
background-color: rgba(192, 215, 255, 0.3); background-color: rgba(255, 224, 183, 0.3);
box-shadow: 0 0 2px 2px #8db7ff; } box-shadow: 0 0 2px 2px #ffc984; }
.pie-timer { .pie-timer {
width: 60px; width: 60px;
height: 60px; height: 60px;
-pie-border-width: 3px; -pie-border-width: 3px;
-pie-border-color: #2777ff; -pie-border-color: #ff9d1e;
-pie-background-color: rgba(243, 247, 255, 0.3); } -pie-background-color: rgba(255, 246, 234, 0.3); }
.magnifier-zoom-region { .magnifier-zoom-region {
border: 2px solid #2777ff; } border: 2px solid #ff9d1e; }
.magnifier-zoom-region.full-screen { .magnifier-zoom-region.full-screen {
border-width: 0; } border-width: 0; }
.select-area-rubberband { .select-area-rubberband {
background-color: rgba(39, 119, 255, 0.3); background-color: rgba(255, 157, 30, 0.3);
border: 1px solid #2777ff; } border: 1px solid #ff9d1e; }
.user-icon { .user-icon {
background-size: contain; background-size: contain;
@@ -2478,8 +2478,8 @@ StScrollBar {
/* Tiled window previews */ /* Tiled window previews */
.tile-preview { .tile-preview {
background-color: rgba(39, 119, 255, 0.5); background-color: rgba(255, 157, 30, 0.5);
border: 1px solid #2777ff; } border: 1px solid #ff9d1e; }
/* On-screen Keyboard */ /* On-screen Keyboard */
#keyboard { #keyboard {
@@ -2508,14 +2508,14 @@ StScrollBar {
background-color: #363a48; } background-color: #363a48; }
.keyboard-key:focus { .keyboard-key:focus {
color: white; color: white;
background-color: #35415b; background-color: #4a4444;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6); }
.keyboard-key:focus:hover { .keyboard-key:focus:hover {
background-color: #3f4b68; background-color: #544f51;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-key:focus:active { .keyboard-key:focus:active {
background-color: #434f6d; background-color: #585357;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-key:hover { .keyboard-key:hover {
color: white; color: white;
background-color: #3f4454; } background-color: #3f4454; }
@@ -2543,22 +2543,22 @@ StScrollBar {
color: white; color: white;
background-color: #666e89; } background-color: #666e89; }
.keyboard-key.default-key:latched { .keyboard-key.default-key:latched {
border-color: #4187ff; border-color: #ffa838;
background-color: #2777ff; } background-color: #ff9d1e; }
.keyboard-key.enter-key { .keyboard-key.enter-key {
color: #ffffff; color: #ffffff;
background-color: #3681ff; background-color: #ffa42d;
border-radius: 12px; border-radius: 12px;
color: white; } color: white; }
.keyboard-key.enter-key:hover { .keyboard-key.enter-key:hover {
color: #ffffff; color: #ffffff;
background-color: #4b8eff; } background-color: #ffad42; }
.keyboard-key.enter-key:active { .keyboard-key.enter-key:active {
color: #ffffff; color: #ffffff;
background-color: #5a97ff; } background-color: #ffb351; }
.keyboard-key.enter-key:checked { .keyboard-key.enter-key:checked {
color: #ffffff; color: #ffffff;
background-color: #74a7ff; } background-color: #ffbe6b; }
.keyboard-key.shift-key-uppercase { .keyboard-key.shift-key-uppercase {
background-color: #5b627a; background-color: #5b627a;
color: #303340; } color: #303340; }
@@ -2583,14 +2583,14 @@ StScrollBar {
border-radius: 12px; } border-radius: 12px; }
.keyboard-subkeys .keyboard-key:focus { .keyboard-subkeys .keyboard-key:focus {
color: white; color: white;
background-color: #35415b; background-color: #4a4444;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6); }
.keyboard-subkeys .keyboard-key:focus:hover { .keyboard-subkeys .keyboard-key:focus:hover {
background-color: #3f4b68; background-color: #544f51;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-subkeys .keyboard-key:focus:active { .keyboard-subkeys .keyboard-key:focus:active {
background-color: #434f6d; background-color: #585357;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.keyboard-subkeys .keyboard-key:hover { .keyboard-subkeys .keyboard-key:hover {
color: white; color: white;
background-color: #3f4454; } background-color: #3f4454; }
@@ -2607,8 +2607,8 @@ StScrollBar {
color: initial; } color: initial; }
.emoji-panel .keyboard-key:latched { .emoji-panel .keyboard-key:latched {
border-color: #4187ff; border-color: #ffa838;
background-color: #2777ff; } background-color: #ff9d1e; }
.word-suggestions { .word-suggestions {
font-size: 11pt; font-size: 11pt;
@@ -2625,14 +2625,14 @@ StScrollBar {
background-image: none; } background-image: none; }
.word-suggestions StButton:focus { .word-suggestions StButton:focus {
color: white; color: white;
background-color: #35415b; background-color: #4a4444;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6); }
.word-suggestions StButton:focus:hover { .word-suggestions StButton:focus:hover {
background-color: #3f4b68; background-color: #544f51;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.word-suggestions StButton:focus:active { .word-suggestions StButton:focus:active {
background-color: #434f6d; background-color: #585357;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7); } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7); }
.word-suggestions StButton:hover { .word-suggestions StButton:hover {
color: white; color: white;
background-color: #3f4454; } background-color: #3f4454; }
@@ -2681,11 +2681,11 @@ StScrollBar {
min-height: 22px; } min-height: 22px; }
.lg-dialog .shell-link { .lg-dialog .shell-link {
color: #005af3; } color: #ea8400; }
.lg-dialog .shell-link:hover { .lg-dialog .shell-link:hover {
color: #2777ff; } color: #ff9d1e; }
.lg-dialog .shell-link:active { .lg-dialog .shell-link:active {
color: #0047c0; } color: #b76700; }
.lg-dialog .actor-link { .lg-dialog .actor-link {
color: #9da0a7; } color: #9da0a7; }
@@ -2734,14 +2734,14 @@ StScrollBar {
.lg-extension:focus { .lg-extension:focus {
transition-duration: 100ms; transition-duration: 100ms;
color: #5c616c; color: #5c616c;
background-color: #dbe3f2; background-color: #f1e7db;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.6) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.6) !important; }
.lg-extension:focus:hover { .lg-extension:focus:hover {
background-color: #e2eaf8; background-color: #f8eee2;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.lg-extension:focus:active { .lg-extension:focus:active {
background-color: #e9f1ff; background-color: #fff5e8;
box-shadow: inset 0 0 0 2px rgba(39, 119, 255, 0.7) !important; } box-shadow: inset 0 0 0 2px rgba(255, 157, 30, 0.7) !important; }
.lg-extension:insensitive { .lg-extension:insensitive {
transition-duration: 100ms; transition-duration: 100ms;
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4);
@@ -2826,7 +2826,7 @@ StScrollBar {
padding: 4px; padding: 4px;
color: #b3b3b3; } color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected { .login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.login-dialog-auth-list-label { .login-dialog-auth-list-label {
@@ -2866,12 +2866,12 @@ StScrollBar {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
color: white; } color: white; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { .login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover { .login-dialog-user-list:expanded .login-dialog-user-list-item:selected:hover {
background-color: #4187ff; } background-color: #ffa838; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in .user-widget .user-icon { .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in .user-widget .user-icon {
border-color: #2777ff; } border-color: #ff9d1e; }
.login-dialog-prompt-layout { .login-dialog-prompt-layout {
spacing: 12px; spacing: 12px;
@@ -2912,7 +2912,7 @@ StScrollBar {
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(255, 255, 255, 0.5); } background-color: rgba(255, 255, 255, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(39, 119, 255, 0.5); } background-color: rgba(255, 157, 30, 0.5); }
.unlock-dialog-notifications-container { .unlock-dialog-notifications-container {
margin: 12px; margin: 12px;
@@ -3127,8 +3127,8 @@ StScrollBar {
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon { .app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); } background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.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 rgba(39, 119, 255, 0.8); border: 2px solid rgba(255, 157, 30, 0.8);
background-color: rgba(39, 119, 255, 0.2); } background-color: rgba(255, 157, 30, 0.2); }
.app-folder-dialog { .app-folder-dialog {
background: black; background: black;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 359 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 399 B

After

Width:  |  Height:  |  Size: 401 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 268 B

After

Width:  |  Height:  |  Size: 267 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 336 B

After

Width:  |  Height:  |  Size: 335 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 170 B

After

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 194 B

After

Width:  |  Height:  |  Size: 190 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 B

After

Width:  |  Height:  |  Size: 194 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 B

After

Width:  |  Height:  |  Size: 80 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 B

After

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 167 B

After

Width:  |  Height:  |  Size: 167 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 188 B

After

Width:  |  Height:  |  Size: 194 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 133 B

After

Width:  |  Height:  |  Size: 141 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 137 B

After

Width:  |  Height:  |  Size: 140 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 531 B

After

Width:  |  Height:  |  Size: 524 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 489 B

After

Width:  |  Height:  |  Size: 497 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 507 B

After

Width:  |  Height:  |  Size: 504 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 502 B

After

Width:  |  Height:  |  Size: 525 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 164 B

After

Width:  |  Height:  |  Size: 160 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 607 B

After

Width:  |  Height:  |  Size: 607 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 161 B

After

Width:  |  Height:  |  Size: 157 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 175 B

After

Width:  |  Height:  |  Size: 175 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 180 B

After

Width:  |  Height:  |  Size: 180 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 174 B

After

Width:  |  Height:  |  Size: 174 B

File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+138 -138
View File
@@ -50,7 +50,7 @@ iconview {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
iconview:focus:focus-visible { iconview:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
iconview:drop(active) { iconview:drop(active) {
@@ -58,12 +58,12 @@ iconview {
iconview > dndtarget:drop(active) { iconview > dndtarget:drop(active) {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-color: #00348d; } border-color: #844b00; }
rubberband, .content-view > rubberband, columnview.view > rubberband, rubberband, .content-view > rubberband, columnview.view > rubberband,
treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
border: 1px solid #005af3; border: 1px solid #ea8400;
background-color: rgba(0, 90, 243, 0.2); } background-color: rgba(234, 132, 0, 0.2); }
flowbox > flowboxchild { flowbox > flowboxchild {
padding: 3px; padding: 3px;
@@ -75,7 +75,7 @@ flowbox > flowboxchild {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
flowbox > flowboxchild:focus:focus-visible { flowbox > flowboxchild:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
flowbox > flowboxchild:selected { flowbox > flowboxchild:selected {
@@ -91,7 +91,7 @@ gridview > child {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
gridview > child:focus:focus-visible { gridview > child:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
gridview > child:selected { gridview > child:selected {
@@ -113,11 +113,11 @@ label {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
label:focus:focus-visible { label:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
label > selection { label > selection {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
label:disabled { label:disabled {
color: #888a8d; } color: #888a8d; }
@@ -242,7 +242,7 @@ entry {
outline-offset: 4px; } outline-offset: 4px; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within { entry:focus-within {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left,
@@ -318,7 +318,7 @@ entry {
color: #eeeeec; } color: #eeeeec; }
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active,
entry > image:active { entry > image:active {
color: #2777ff; } color: #ff9d1e; }
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator,
entry.password image.caps-lock-indicator { entry.password image.caps-lock-indicator {
color: #75777c; } color: #75777c; }
@@ -336,7 +336,7 @@ entry {
-gtk-icon-shadow: 0 1px black; } -gtk-icon-shadow: 0 1px black; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within {
color: white; color: white;
border-color: #2777ff; border-color: #ff9d1e;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box; } background-clip: padding-box; }
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
@@ -355,7 +355,7 @@ entry progress > trough > progress {
background-image: none; background-image: none;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #2777ff; border-color: #ff9d1e;
border-style: solid; border-style: solid;
box-shadow: none; } box-shadow: none; }
@@ -414,7 +414,7 @@ treeview entry.flat, treeview entry {
background-image: none; background-image: none;
background-color: #272a34; } background-color: #272a34; }
treeview entry.flat:focus-within, treeview entry:focus-within { treeview entry.flat:focus-within, treeview entry:focus-within {
border-color: #2777ff; } border-color: #ff9d1e; }
/******************* /*******************
* Editable Labels * * Editable Labels *
@@ -429,9 +429,9 @@ editablelabel > stack > text {
***********/ ***********/
@keyframes needs_attention { @keyframes needs_attention {
from { from {
background-image: radial-gradient(farthest-side, #74a7ff 0%, rgba(116, 167, 255, 0) 0%); } background-image: radial-gradient(farthest-side, #ffbe6b 0%, rgba(255, 190, 107, 0) 0%); }
to { to {
background-image: radial-gradient(farthest-side, #74a7ff 95%, rgba(116, 167, 255, 0)); } } background-image: radial-gradient(farthest-side, #ffbe6b 95%, rgba(255, 190, 107, 0)); } }
notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow, windowcontrols button,
button { button {
@@ -442,7 +442,7 @@ button {
border-radius: 4px; border-radius: 4px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
@@ -455,7 +455,7 @@ button {
outline-offset: 4px; } outline-offset: 4px; }
notebook > header > tabs > arrow:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible,
button:focus:focus-visible { button:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:hover,
@@ -605,7 +605,7 @@ button.osd {
color: white; color: white;
border-radius: 5px; border-radius: 5px;
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -643,7 +643,7 @@ button.osd {
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { .app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -701,9 +701,9 @@ button.osd {
button.suggested-action { button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0047c0; border-color: #b76700;
background-image: image(#4187ff); background-image: image(#ffa838);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
transition-duration: 300ms; transition-duration: 300ms;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
@@ -722,19 +722,19 @@ button.suggested-action {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
color: #2777ff; } color: #ff9d1e; }
button.suggested-action:hover { button.suggested-action:hover {
color: white; color: white;
border-color: #0051da; border-color: #d17600;
background-image: linear-gradient(to top, #136aff 20%, #186eff 90%); background-image: linear-gradient(to top, #ff940a 20%, #ff960f 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
button.suggested-action:active, button.suggested-action:active,
button.suggested-action:checked { button.suggested-action:checked {
color: white; color: white;
border-color: #0051da; border-color: #d17600;
background-image: image(#005cf8); background-image: image(#ef8700);
box-shadow: none; } box-shadow: none; }
button.suggested-action.flat:disabled { button.suggested-action.flat:disabled {
@@ -742,7 +742,7 @@ button.suggested-action {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
color: rgba(39, 119, 255, 0.8); } color: rgba(255, 157, 30, 0.8); }
button.suggested-action:disabled { button.suggested-action:disabled {
color: #888a8d; color: #888a8d;
@@ -751,28 +751,28 @@ button.suggested-action {
button.suggested-action:disabled:active, button.suggested-action:disabled:active,
button.suggested-action:disabled:checked { button.suggested-action:disabled:checked {
color: #a4bfeb; color: #e8caa4;
border-color: #0051da; border-color: #d17600;
background-image: image(#1c5ecd); background-image: image(#c57b1c);
box-shadow: none; } box-shadow: none; }
.osd button.suggested-action { .osd button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5)); background-image: image(rgba(255, 157, 30, 0.5));
background-clip: padding-box; } background-clip: padding-box; }
.osd button.suggested-action:hover { .osd button.suggested-action:hover {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.7)); background-image: image(rgba(255, 157, 30, 0.7));
background-clip: padding-box; } background-clip: padding-box; }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#2777ff); background-image: image(#ff9d1e);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; } box-shadow: none; }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
@@ -900,7 +900,7 @@ button.circular {
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image { stackswitcher > button.needs-attention > image {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: radial-gradient(farthest-side, #74a7ff 96%, rgba(116, 167, 255, 0)); background-image: radial-gradient(farthest-side, #ffbe6b 96%, rgba(255, 190, 107, 0));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
@@ -1054,9 +1054,9 @@ list > row button.image-button:not(.flat) {
list > row button.image-button:not(.flat).suggested-action { list > row button.image-button:not(.flat).suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #0047c0; border-color: #b76700;
background-image: image(#4187ff); background-image: image(#ffa838);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
transition-duration: 300ms; transition-duration: 300ms;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
@@ -1094,29 +1094,29 @@ list > row button.image-button:not(.flat) {
*********/ *********/
button.link, button.link,
link { link {
color: #8db7ff; color: #ffc984;
text-decoration: underline; } text-decoration: underline; }
button.link:visited, button.link:visited,
link:visited { link:visited {
color: #5a97ff; } color: #ffb351; }
*:selected button.link:visited, *:selected link:visited { *:selected button.link:visited, *:selected link:visited {
color: #bdd5ff; } color: #ffe1b9; }
button.link:hover, button.link:hover,
link:hover { link:hover {
color: #c0d7ff; } color: #ffe0b7; }
*:selected button.link:hover, *:selected link:hover { *:selected button.link:hover, *:selected link:hover {
color: #f9fbff; } color: #fffcf8; }
button.link:active, button.link:active,
link:active { link:active {
color: #8db7ff; } color: #ffc984; }
*:selected button.link:active, *:selected link:active { *:selected button.link:active, *:selected link:active {
color: #e8f1ff; } color: #fff4e6; }
button.link:disabled, button.link:disabled,
link:disabled { link:disabled {
color: rgba(198, 198, 198, 0.8); } color: rgba(194, 194, 194, 0.8); }
button.link:selected, *:selected button.link, button.link:selected, *:selected button.link,
link:selected, *:selected link { link:selected, *:selected link {
color: #e8f1ff; } color: #fff4e6; }
link { link {
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
@@ -1126,7 +1126,7 @@ link {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
link:focus:focus-visible { link:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
@@ -1258,7 +1258,7 @@ spinbutton {
border-top-right-radius: 0; } border-top-right-radius: 0; }
.osd spinbutton.vertical > button:first-child { .osd spinbutton.vertical > button:first-child {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -1390,11 +1390,11 @@ infobar > revealer > box {
border-spacing: 12px; } border-spacing: 12px; }
infobar.action:hover > revealer > box { infobar.action:hover > revealer > box {
background-color: #010101; } background-color: #040507; }
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box {
border-bottom: 1px solid #181a20; border-bottom: 1px solid #181a20;
background-color: #080604; } background-color: #070a0e; }
infobar .close, infobar .close,
searchbar .close { searchbar .close {
@@ -1542,7 +1542,7 @@ window.csd > .titlebar:not(headerbar) {
background-color: #0d0e11; } background-color: #0d0e11; }
window.devel headerbar.titlebar { window.devel headerbar.titlebar {
background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); } background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 157, 30, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); }
window.devel headerbar.titlebar:backdrop { window.devel headerbar.titlebar:backdrop {
background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e); background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e);
/* background-color would flash */ } /* background-color would flash */ }
@@ -1588,7 +1588,7 @@ treeview.view {
outline-offset: 4px; } outline-offset: 4px; }
columnview.view:focus:focus-visible, columnview.view:focus:focus-visible,
treeview.view:focus:focus-visible { treeview.view:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
columnview.view:selected:focus, columnview.view:selected, columnview.view:selected:focus, columnview.view:selected,
@@ -1601,10 +1601,10 @@ treeview.view {
color: #888a8d; } color: #888a8d; }
columnview.view:disabled:selected, columnview.view:disabled:selected,
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #7dadff; } color: #ffc478; }
columnview.view:disabled:selected:backdrop, columnview.view:disabled:selected:backdrop,
treeview.view:disabled:selected:backdrop { treeview.view:disabled:selected:backdrop {
color: #5b93f3; } color: #f2ae56; }
columnview.view.separator, columnview.view.separator,
treeview.view.separator { treeview.view.separator {
min-height: 2px; min-height: 2px;
@@ -1620,7 +1620,7 @@ treeview.view {
treeview.view > dndtarget:drop(active) { treeview.view > dndtarget:drop(active) {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
border-color: #00348d; } border-color: #844b00; }
columnview.view > dndtarget:drop(active).after, columnview.view > dndtarget:drop(active).after,
treeview.view > dndtarget:drop(active).after { treeview.view > dndtarget:drop(active).after {
border-top-style: none; } border-top-style: none; }
@@ -1641,7 +1641,7 @@ treeview.view {
color: white; } color: white; }
columnview.view.expander:selected, columnview.view.expander:selected,
treeview.view.expander:selected { treeview.view.expander:selected {
color: #bed6ff; } color: #ffe2bc; }
columnview.view.expander:selected:hover, columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover { treeview.view.expander:selected:hover {
color: #ffffff; } color: #ffffff; }
@@ -1650,8 +1650,8 @@ treeview.view {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
columnview.view.progressbar, columnview.view.progressbar,
treeview.view.progressbar { treeview.view.progressbar {
background-color: #2777ff; background-color: #ff9d1e;
background-image: image(#2777ff); background-image: image(#ff9d1e);
box-shadow: none; } box-shadow: none; }
columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected,
treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected:focus,
@@ -1668,7 +1668,7 @@ treeview.view {
columnview.view.trough:selected:focus, columnview.view.trough:selected, columnview.view.trough:selected:focus, columnview.view.trough:selected,
treeview.view.trough:selected:focus, treeview.view.trough:selected:focus,
treeview.view.trough:selected { treeview.view.trough:selected {
background-color: #005af3; } background-color: #ea8400; }
columnview.view > header > button, columnview.view > header > button,
treeview.view > header > button { treeview.view > header > button {
color: #8b8c90; color: #8b8c90;
@@ -1711,7 +1711,7 @@ treeview.view {
padding: 0 6px; padding: 0 6px;
color: #272a34; color: #272a34;
background-image: none; background-image: none;
background-color: #2777ff; background-color: #ff9d1e;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
box-shadow: inset 0 0 0 1px #272a34; box-shadow: inset 0 0 0 1px #272a34;
@@ -1719,7 +1719,7 @@ treeview.view {
transition: none; } transition: none; }
columnview.view acceleditor > label, columnview.view acceleditor > label,
treeview.view acceleditor > label { treeview.view acceleditor > label {
background-color: #2777ff; } background-color: #ff9d1e; }
columnview.view > header > button, columnview.view > header > button,
treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button, columnview.view > header > button:hover,
@@ -1874,8 +1874,8 @@ menubar {
min-height: 16px; min-height: 16px;
padding: 4px 8px; } padding: 4px 8px; }
menubar > item:selected { menubar > item:selected {
box-shadow: inset 0 -3px #2777ff; box-shadow: inset 0 -3px #ff9d1e;
color: #8db7ff; } color: #ffc984; }
menubar > item:disabled { menubar > item:disabled {
color: #888a8d; color: #888a8d;
box-shadow: none; } box-shadow: none; }
@@ -1898,7 +1898,7 @@ notebook {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
notebook:focus:focus-visible > header > tabs > tab:checked { notebook:focus:focus-visible > header > tabs > tab:checked {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
notebook > header { notebook > header {
@@ -1915,7 +1915,7 @@ notebook {
notebook > header.top > tabs > tab:hover { notebook > header.top > tabs > tab:hover {
box-shadow: inset 0 -4px #0d0e11; } box-shadow: inset 0 -4px #0d0e11; }
notebook > header.top > tabs > tab:checked { notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -4px #2777ff; } box-shadow: inset 0 -4px #ff9d1e; }
notebook > header.bottom { notebook > header.bottom {
border-top-style: solid; } border-top-style: solid; }
notebook > header.bottom > tabs { notebook > header.bottom > tabs {
@@ -1923,7 +1923,7 @@ notebook {
notebook > header.bottom > tabs > tab:hover { notebook > header.bottom > tabs > tab:hover {
box-shadow: inset 0 4px #0d0e11; } box-shadow: inset 0 4px #0d0e11; }
notebook > header.bottom > tabs > tab:checked { notebook > header.bottom > tabs > tab:checked {
box-shadow: inset 0 4px #2777ff; } box-shadow: inset 0 4px #ff9d1e; }
notebook > header.left { notebook > header.left {
border-right-style: solid; } border-right-style: solid; }
notebook > header.left > tabs { notebook > header.left > tabs {
@@ -1931,7 +1931,7 @@ notebook {
notebook > header.left > tabs > tab:hover { notebook > header.left > tabs > tab:hover {
box-shadow: inset -4px 0 #0d0e11; } box-shadow: inset -4px 0 #0d0e11; }
notebook > header.left > tabs > tab:checked { notebook > header.left > tabs > tab:checked {
box-shadow: inset -4px 0 #2777ff; } box-shadow: inset -4px 0 #ff9d1e; }
notebook > header.right { notebook > header.right {
border-left-style: solid; } border-left-style: solid; }
notebook > header.right > tabs { notebook > header.right > tabs {
@@ -1939,7 +1939,7 @@ notebook {
notebook > header.right > tabs > tab:hover { notebook > header.right > tabs > tab:hover {
box-shadow: inset 4px 0 #0d0e11; } box-shadow: inset 4px 0 #0d0e11; }
notebook > header.right > tabs > tab:checked { notebook > header.right > tabs > tab:checked {
box-shadow: inset 4px 0 #2777ff; } box-shadow: inset 4px 0 #ff9d1e; }
notebook > header.top > tabs > arrow { notebook > header.top > tabs > arrow {
border-top-style: none; } border-top-style: none; }
notebook > header.bottom > tabs > arrow { notebook > header.bottom > tabs > arrow {
@@ -2083,7 +2083,7 @@ scrollbar {
scrollbar > range > trough > slider:hover { scrollbar > range > trough > slider:hover {
background-color: #c5c6c6; } background-color: #c5c6c6; }
scrollbar > range > trough > slider:hover:active { scrollbar > range > trough > slider:hover:active {
background-color: #2777ff; } background-color: #ff9d1e; }
scrollbar > range > trough > slider:disabled { scrollbar > range > trough > slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar > range.fine-tune > trough > slider { scrollbar > range.fine-tune > trough > slider {
@@ -2140,15 +2140,15 @@ switch {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
switch:focus:focus-visible { switch:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: 0; } outline-offset: 0; }
headerbar switch { headerbar switch {
background-color: #0a0a0d; } background-color: #0a0a0d; }
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #00348d; border-color: #844b00;
background-color: #2777ff; } background-color: #ff9d1e; }
switch:disabled { switch:disabled {
color: #888a8d; color: #888a8d;
border-color: #0d0e11; border-color: #0d0e11;
@@ -2156,7 +2156,7 @@ switch {
text-shadow: none; } text-shadow: none; }
switch > slider { switch > slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
@@ -2175,7 +2175,7 @@ switch {
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #00348d; } border: 1px solid #844b00; }
switch:disabled > slider { switch:disabled > slider {
color: #888a8d; color: #888a8d;
border-color: #17191f; border-color: #17191f;
@@ -2192,7 +2192,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2207,7 +2207,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2222,7 +2222,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2237,7 +2237,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #939393; background-color: #8f8f8f;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2252,7 +2252,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2267,7 +2267,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2282,7 +2282,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2297,7 +2297,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: #939393; background-color: #8f8f8f;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2317,7 +2317,7 @@ checkbutton {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
checkbutton:focus:focus-visible { checkbutton:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
checkbutton.text-button { checkbutton.text-button {
@@ -2350,17 +2350,17 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #ffa838 20%, #ff9d1e 90%);
border-color: #00215a; border-color: #512e00;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #ffb14c 10%, #ffa632 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px black; box-shadow: inset 0 1px black;
background-image: image(#0e67ff); } background-image: image(#ff9205); }
check:checked:disabled, check:checked:disabled,
radio:checked:disabled { radio:checked:disabled {
box-shadow: none; box-shadow: none;
@@ -2368,31 +2368,31 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #ffa838 20%, #ff9d1e 90%);
border-color: #00215a; border-color: #512e00;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #ffb14c 10%, #ffa632 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px black; box-shadow: inset 0 1px black;
background-image: image(#0e67ff); } background-image: image(#ff9205); }
check:indeterminate:disabled, check:indeterminate:disabled,
radio:indeterminate:disabled { radio:indeterminate:disabled {
box-shadow: none; box-shadow: none;
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
.osd check, .osd radio { .osd check, .osd radio {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
background-clip: padding-box; } background-clip: padding-box; }
.osd check:hover, .osd radio:hover { .osd check:hover, .osd radio:hover {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -2452,7 +2452,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
border-color: #17191f; } border-color: #17191f; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: #00348d; } border-color: #844b00; }
.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough {
border-color: black; border-color: black;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
@@ -2460,14 +2460,14 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: rgba(68, 72, 83, 0.5); } background-color: rgba(68, 72, 83, 0.5); }
progressbar > trough > progress, scale > trough > highlight { progressbar > trough > progress, scale > trough > highlight {
border: 1px solid #2777ff; border: 1px solid #ff9d1e;
border-radius: 3px; border-radius: 3px;
background-color: #2777ff; } background-color: #ff9d1e; }
progressbar > trough > progress:disabled, scale > trough > highlight:disabled { progressbar > trough > progress:disabled, scale > trough > highlight:disabled {
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
row:selected progressbar > trough > progress, row:selected scale > trough > highlight { row:selected progressbar > trough > progress, row:selected scale > trough > highlight {
border-color: #00348d; } border-color: #844b00; }
.osd progressbar > trough > progress, .osd scale > trough > highlight { .osd progressbar > trough > progress, .osd scale > trough > highlight {
border-color: black; } border-color: black; }
.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled {
@@ -2484,7 +2484,7 @@ scale {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 16px; } outline-offset: 16px; }
scale:focus:focus-visible > trough { scale:focus:focus-visible > trough {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: 10px; } outline-offset: 10px; }
scale > trough { scale > trough {
@@ -2520,7 +2520,7 @@ scale {
background-color: transparent; } background-color: transparent; }
scale > trough > slider { scale > trough > slider {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27);
@@ -2535,16 +2535,16 @@ scale {
background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%); background-image: linear-gradient(to top, #1e2128 20%, #20232b 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
scale > trough > slider:active { scale > trough > slider:active {
border-color: #00348d; } border-color: #844b00; }
scale > trough > slider:disabled { scale > trough > slider:disabled {
color: #888a8d; color: #888a8d;
border-color: #17191f; border-color: #17191f;
background-image: image(#242731); } background-image: image(#242731); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #00348d; } border-color: #844b00; }
.osd scale > trough > slider { .osd scale > trough > slider {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -3011,8 +3011,8 @@ levelbar > trough > block {
border-color: #fd7d00; border-color: #fd7d00;
background-color: #fd7d00; } background-color: #fd7d00; }
levelbar > trough > block.high, levelbar > trough > block:not(.empty) { levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
border-color: #2777ff; border-color: #ff9d1e;
background-color: #2777ff; } background-color: #ff9d1e; }
levelbar > trough > block.full { levelbar > trough > block.full {
border-color: #308e63; border-color: #308e63;
background-color: #308e63; } background-color: #308e63; }
@@ -3138,7 +3138,7 @@ row {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
row:focus:focus-visible { row:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@@ -3148,7 +3148,7 @@ row {
row.activatable:selected:active { row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable:selected.has-open-popup, row.activatable:selected:hover { row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #3b83fd; } background-color: #fda533; }
row:selected { row:selected {
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
@@ -3175,14 +3175,14 @@ treeexpander {
* https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 *
********************************************************/ ********************************************************/
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
outline: 2px solid rgba(39, 119, 255, 0.7); } outline: 2px solid rgba(255, 157, 30, 0.7); }
columnview row:not(:selected) cell editablelabel.editing:focus-within { columnview row:not(:selected) cell editablelabel.editing:focus-within {
outline: 2px solid #2777ff; } outline: 2px solid #ff9d1e; }
columnview row:not(:selected) cell editablelabel.editing text selection { columnview row:not(:selected) cell editablelabel.editing text selection {
color: #ffffff; color: #ffffff;
background-color: #2777ff; } background-color: #ff9d1e; }
/******************************************************* /*******************************************************
* Rich Lists * * Rich Lists *
@@ -3233,7 +3233,7 @@ expander-widget {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
expander-widget:focus:focus-visible > box > title { expander-widget:focus:focus-visible > box > title {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
expander-widget > box > title { expander-widget > box > title {
@@ -3271,7 +3271,7 @@ calendar {
calendar > grid > label.today:selected { calendar > grid > label.today:selected {
box-shadow: none; } box-shadow: none; }
calendar > grid > label:focus { calendar > grid > label:focus {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-offset: -2px; outline-offset: -2px;
outline-width: 2px; outline-width: 2px;
outline-style: solid; } outline-style: solid; }
@@ -3358,7 +3358,7 @@ stacksidebar row {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
stacksidebar row:focus:focus-visible { stacksidebar row:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
stacksidebar row > label { stacksidebar row > label {
@@ -3397,7 +3397,7 @@ separator.sidebar {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
.navigation-sidebar > row:focus-visible:focus-within { .navigation-sidebar > row:focus-visible:focus-within {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
.navigation-sidebar > row:hover { .navigation-sidebar > row:hover {
@@ -3446,7 +3446,7 @@ placessidebar .navigation-sidebar > row {
background-image: image(#19a187); background-image: image(#19a187);
background-clip: content-box; } background-clip: content-box; }
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
color: #2777ff; } color: #ff9d1e; }
placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
color: #19a187; color: #19a187;
box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
@@ -3477,7 +3477,7 @@ paned > separator {
background-image: image(#0d0e11); background-image: image(#0d0e11);
background-size: 1px 1px; } background-size: 1px 1px; }
paned > separator:selected { paned > separator:selected {
background-image: image(#2777ff); } background-image: image(#ff9d1e); }
paned > separator.wide { paned > separator.wide {
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
@@ -3549,7 +3549,7 @@ colorswatch {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 6px; } outline-offset: 6px; }
colorswatch:focus:focus-visible { colorswatch:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 4px; outline-width: 4px;
outline-offset: -2px; } outline-offset: -2px; }
colorswatch:drop(active), colorswatch { colorswatch:drop(active), colorswatch {
@@ -3604,7 +3604,7 @@ colorswatch {
border-radius: 5px; } border-radius: 5px; }
colorswatch#add-color-button > overlay { colorswatch#add-color-button > overlay {
color: #eeeeec; color: #eeeeec;
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
border-color: #0d0e11; border-color: #0d0e11;
background-image: image(#323643); background-image: image(#323643);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(6, 7, 8, 0.75), 0 1px 2px rgba(0, 0, 0, 0.27); }
@@ -3634,7 +3634,7 @@ plane {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 6px; } outline-offset: 6px; }
plane:focus:focus-visible { plane:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.7); outline-color: rgba(255, 157, 30, 0.7);
outline-width: 2px; outline-width: 2px;
outline-offset: 2px; } outline-offset: 2px; }
@@ -3654,7 +3654,7 @@ colorchooser .popover.osd {
border-radius: 0; border-radius: 0;
padding: 0; } padding: 0; }
.content-view .tile:active, .content-view .tile:selected { .content-view .tile:active, .content-view .tile:selected {
background-color: #2777ff; } background-color: #ff9d1e; }
.content-view .tile:disabled { .content-view .tile:disabled {
background-color: #242731; } background-color: #242731; }
@@ -3715,7 +3715,7 @@ textview > text:selected, textview > text > selection:focus, textview > text > s
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
treeview.view:selected:focus, treeview.view:selected:focus,
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
background-color: #2777ff; } background-color: #ff9d1e; }
label:selected, .view:selected:focus, .view:selected, label:selected, .view:selected:focus, .view:selected,
textview > text:selected:focus, textview > text:selected:focus,
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
@@ -3728,7 +3728,7 @@ treeview.view:selected, row:selected, calendar > grid > label.day-number:selecte
textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected,
entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected,
treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected {
color: #93bbff; } color: #ffce8f; }
.monospace { .monospace {
font-family: monospace; } font-family: monospace; }
@@ -3850,14 +3850,14 @@ button.emoji-section {
button.emoji-section:hover { button.emoji-section:hover {
border-color: rgba(238, 238, 236, 0.1); } border-color: rgba(238, 238, 236, 0.1); }
button.emoji-section:checked { button.emoji-section:checked {
border-color: #2777ff; } border-color: #ff9d1e; }
popover.emoji-picker emoji { popover.emoji-picker emoji {
font-size: x-large; font-size: x-large;
padding: 6px; padding: 6px;
border-radius: 6px; } border-radius: 6px; }
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
background: #2777ff; } background: #ff9d1e; }
emoji-completion-row > box { emoji-completion-row > box {
border-spacing: 10px; border-spacing: 10px;
@@ -3865,7 +3865,7 @@ emoji-completion-row > box {
emoji-completion-row:focus, emoji-completion-row:focus,
emoji-completion-row:hover { emoji-completion-row:hover {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
emoji-completion-row emoji:focus, emoji-completion-row emoji:focus,
@@ -3927,7 +3927,7 @@ row.expander {
row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
-gtk-icon-transform: rotate(0.25turn); } -gtk-icon-transform: rotate(0.25turn); }
row.expander:checked image.expander-row-arrow:not(:disabled) { row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #2777ff; } color: #ff9d1e; }
row.expander image.expander-row-arrow:disabled { row.expander image.expander-row-arrow:disabled {
color: #888a8d; } color: #888a8d; }
@@ -4327,10 +4327,10 @@ tabbar undershoot {
background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); } background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
tabbar .needs-attention-left undershoot.left { tabbar .needs-attention-left undershoot.left {
background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } background: linear-gradient(to right, rgba(255, 157, 30, 0.7), rgba(255, 157, 30, 0.5) 1px, rgba(255, 157, 30, 0) 20px); }
tabbar .needs-attention-right undershoot.right { tabbar .needs-attention-right undershoot.right {
background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } background: linear-gradient(to left, rgba(255, 157, 30, 0.7), rgba(255, 157, 30, 0.5) 1px, rgba(255, 157, 30, 0) 20px); }
tabbar tab { tabbar tab {
border-style: solid; border-style: solid;
@@ -4390,7 +4390,7 @@ tabbar tab,
padding: 6px; } padding: 6px; }
tabbar tab.needs-attention, tabbar tab.needs-attention,
.tab-drag-icon tab.needs-attention { .tab-drag-icon tab.needs-attention {
background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 157, 30, 0.2) 15%, rgba(255, 157, 30, 0) 15%); }
tabbar tab .tab-close-button, tabbar tab .tab-close-button,
tabbar tab .tab-indicator, tabbar tab .tab-indicator,
.tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-close-button,
@@ -4529,8 +4529,8 @@ radio {
check:checked, check:indeterminate, check:checked, check:indeterminate,
radio:checked, radio:checked,
radio:indeterminate { radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); background-image: linear-gradient(to bottom, #ff9d1e 20%, #ff9914 90%);
border-color: #00348d; border-color: #844b00;
color: #ffffff; } color: #ffffff; }
check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, check:checked, check:checked:active, check:indeterminate, check:indeterminate:active,
radio:checked, radio:checked,
@@ -4541,7 +4541,7 @@ radio {
check:checked:backdrop, check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#2777ff); background-image: image(#ff9d1e);
box-shadow: none; } box-shadow: none; }
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate,
radio:disabled, radio:disabled,
@@ -4585,7 +4585,7 @@ scale slider {
switch:hover slider, switch slider:active, switch:hover slider, switch slider:active,
scale slider:active { scale slider:active {
background-image: image(#0f1014); background-image: image(#0f1014);
border-color: #2777ff; } border-color: #ff9d1e; }
switch slider:backdrop, switch slider:disabled, switch slider:backdrop, switch slider:disabled,
scale slider:backdrop, scale slider:backdrop,
scale slider:disabled { scale slider:disabled {
@@ -4620,11 +4620,11 @@ windowcontrols {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); }
windowcontrols button.close { windowcontrols button.close {
color: black; color: black;
background: #2777ff; background: #ff9d1e;
border-color: transparent; } border-color: transparent; }
windowcontrols button.close:hover { windowcontrols button.close:hover {
color: white; color: white;
background: #3d85ff; } background: #ffa735; }
windowcontrols button:backdrop, windowcontrols button:backdrop:hover { windowcontrols button:backdrop, windowcontrols button:backdrop:hover {
color: transparent; color: transparent;
background: transparent; background: transparent;
@@ -4841,7 +4841,7 @@ text widgets and the like base background color */
@define-color theme_base_color #272a34; @define-color theme_base_color #272a34;
/* /*
base background color of selections */ base background color of selections */
@define-color theme_selected_bg_color #2777ff; @define-color theme_selected_bg_color #ff9d1e;
/* /*
text/foreground color of selections */ text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff; @define-color theme_selected_fg_color #ffffff;
@@ -4868,7 +4868,7 @@ text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #292c37; @define-color theme_unfocused_base_color #292c37;
/* /*
base background color of selections on backdrop windows */ base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #2777ff; @define-color theme_unfocused_selected_bg_color #ff9d1e;
/* /*
text/foreground color of selections on backdrop windows */ text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff; @define-color theme_unfocused_selected_fg_color #ffffff;
+145 -145
View File
@@ -50,7 +50,7 @@ iconview {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
iconview:focus:focus-visible { iconview:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
iconview:drop(active) { iconview:drop(active) {
@@ -58,12 +58,12 @@ iconview {
iconview > dndtarget:drop(active) { iconview > dndtarget:drop(active) {
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-color: #0051da; } border-color: #d17600; }
rubberband, .content-view > rubberband, columnview.view > rubberband, rubberband, .content-view > rubberband, columnview.view > rubberband,
treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
border: 1px solid #005af3; border: 1px solid #ea8400;
background-color: rgba(0, 90, 243, 0.2); } background-color: rgba(234, 132, 0, 0.2); }
flowbox > flowboxchild { flowbox > flowboxchild {
padding: 3px; padding: 3px;
@@ -75,7 +75,7 @@ flowbox > flowboxchild {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
flowbox > flowboxchild:focus:focus-visible { flowbox > flowboxchild:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
flowbox > flowboxchild:selected { flowbox > flowboxchild:selected {
@@ -91,7 +91,7 @@ gridview > child {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
gridview > child:focus:focus-visible { gridview > child:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
gridview > child:selected { gridview > child:selected {
@@ -113,11 +113,11 @@ label {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
label:focus:focus-visible { label:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
label > selection { label > selection {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
label:disabled { label:disabled {
color: #9da0a7; } color: #9da0a7; }
@@ -242,7 +242,7 @@ entry {
outline-offset: 4px; } outline-offset: 4px; }
spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical),
entry:focus-within { entry:focus-within {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left,
@@ -318,7 +318,7 @@ entry {
color: #5c616c; } color: #5c616c; }
spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active,
entry > image:active { entry > image:active {
color: #2777ff; } color: #ff9d1e; }
spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator,
entry.password image.caps-lock-indicator { entry.password image.caps-lock-indicator {
color: #bdbec3; } color: #bdbec3; }
@@ -336,7 +336,7 @@ entry {
-gtk-icon-shadow: 0 1px black; } -gtk-icon-shadow: 0 1px black; }
.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within {
color: white; color: white;
border-color: #2777ff; border-color: #ff9d1e;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box; } background-clip: padding-box; }
.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
@@ -355,7 +355,7 @@ entry progress > trough > progress {
background-image: none; background-image: none;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #2777ff; border-color: #ff9d1e;
border-style: solid; border-style: solid;
box-shadow: none; } box-shadow: none; }
@@ -414,7 +414,7 @@ treeview entry.flat, treeview entry {
background-image: none; background-image: none;
background-color: #fafafa; } background-color: #fafafa; }
treeview entry.flat:focus-within, treeview entry:focus-within { treeview entry.flat:focus-within, treeview entry:focus-within {
border-color: #2777ff; } border-color: #ff9d1e; }
/******************* /*******************
* Editable Labels * * Editable Labels *
@@ -429,9 +429,9 @@ editablelabel > stack > text {
***********/ ***********/
@keyframes needs_attention { @keyframes needs_attention {
from { from {
background-image: radial-gradient(farthest-side, #2777ff 0%, rgba(39, 119, 255, 0) 0%); } background-image: radial-gradient(farthest-side, #ff9d1e 0%, rgba(255, 157, 30, 0) 0%); }
to { to {
background-image: radial-gradient(farthest-side, #2777ff 95%, rgba(39, 119, 255, 0)); } } background-image: radial-gradient(farthest-side, #ff9d1e 95%, rgba(255, 157, 30, 0)); } }
notebook > header > tabs > arrow, windowcontrols button, notebook > header > tabs > arrow, windowcontrols button,
button { button {
@@ -442,7 +442,7 @@ button {
border-radius: 4px; border-radius: 4px;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: #5c616c; color: #5c616c;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: #d9d9d9; border-color: #d9d9d9;
background-image: image(white); background-image: image(white);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
@@ -455,7 +455,7 @@ button {
outline-offset: 4px; } outline-offset: 4px; }
notebook > header > tabs > arrow:focus:focus-visible, notebook > header > tabs > arrow:focus:focus-visible,
button:focus:focus-visible { button:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
notebook > header > tabs > arrow:hover, notebook > header > tabs > arrow:hover,
@@ -593,7 +593,7 @@ button {
box-shadow: inset 0 0 0 1px #19a187; } box-shadow: inset 0 0 0 1px #19a187; }
row:selected button { row:selected button {
border-color: #0051da; } border-color: #d17600; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
color: #ffffff; color: #ffffff;
@@ -608,7 +608,7 @@ button.osd {
color: white; color: white;
border-radius: 5px; border-radius: 5px;
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -646,7 +646,7 @@ button.osd {
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { .app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -704,9 +704,9 @@ button.osd {
button.suggested-action { button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.8); outline-color: rgba(255, 255, 255, 0.8);
border-color: #0047c0; border-color: #b76700;
background-image: image(#4187ff); background-image: image(#ffa838);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
transition-duration: 300ms; transition-duration: 300ms;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
@@ -725,19 +725,19 @@ button.suggested-action {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
color: #2777ff; } color: #ff9d1e; }
button.suggested-action:hover { button.suggested-action:hover {
color: white; color: white;
border-color: #0051da; border-color: #d17600;
background-image: linear-gradient(to top, #004fd4, #005efd 1px); background-image: linear-gradient(to top, #cb7300, #f48a00 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
button.suggested-action:active, button.suggested-action:active,
button.suggested-action:checked { button.suggested-action:checked {
color: white; color: white;
border-color: #0051da; border-color: #d17600;
background-image: image(#0053df); background-image: image(#d67900);
box-shadow: none; } box-shadow: none; }
button.suggested-action.flat:disabled { button.suggested-action.flat:disabled {
@@ -745,7 +745,7 @@ button.suggested-action {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
color: rgba(39, 119, 255, 0.8); } color: rgba(255, 157, 30, 0.8); }
button.suggested-action:disabled { button.suggested-action:disabled {
color: #9da0a7; color: #9da0a7;
@@ -754,28 +754,28 @@ button.suggested-action {
button.suggested-action:disabled:active, button.suggested-action:disabled:active,
button.suggested-action:disabled:checked { button.suggested-action:disabled:checked {
color: #a5c6ff; color: #ffd6a2;
border-color: #0051da; border-color: #d17600;
background-image: image(#1e71fe); background-image: image(#fe9916);
box-shadow: none; } box-shadow: none; }
.osd button.suggested-action { .osd button.suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.8); outline-color: rgba(255, 255, 255, 0.8);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.5)); background-image: image(rgba(255, 157, 30, 0.5));
background-clip: padding-box; } background-clip: padding-box; }
.osd button.suggested-action:hover { .osd button.suggested-action:hover {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(39, 119, 255, 0.7)); background-image: image(rgba(255, 157, 30, 0.7));
background-clip: padding-box; } background-clip: padding-box; }
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#2777ff); background-image: image(#ff9d1e);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; } box-shadow: none; }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
@@ -903,7 +903,7 @@ button.circular {
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image { stackswitcher > button.needs-attention > image {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: radial-gradient(farthest-side, #2777ff 96%, rgba(39, 119, 255, 0)); background-image: radial-gradient(farthest-side, #ff9d1e 96%, rgba(255, 157, 30, 0));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 4px; } background-position: right 3px, right 4px; }
@@ -1063,9 +1063,9 @@ list > row button.image-button:not(.flat) {
list > row button.image-button:not(.flat).suggested-action { list > row button.image-button:not(.flat).suggested-action {
color: white; color: white;
outline-color: rgba(255, 255, 255, 0.8); outline-color: rgba(255, 255, 255, 0.8);
border-color: #0047c0; border-color: #b76700;
background-image: image(#4187ff); background-image: image(#ffa838);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(0, 81, 218, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(209, 118, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
transition-duration: 300ms; transition-duration: 300ms;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
@@ -1103,29 +1103,29 @@ list > row button.image-button:not(.flat) {
*********/ *********/
button.link, button.link,
link { link {
color: #005af3; color: #ea8400;
text-decoration: underline; } text-decoration: underline; }
button.link:visited, button.link:visited,
link:visited { link:visited {
color: #0047c0; } color: #b76700; }
*:selected button.link:visited, *:selected link:visited { *:selected button.link:visited, *:selected link:visited {
color: #99b5e6; } color: #e2c299; }
button.link:hover, button.link:hover,
link:hover { link:hover {
color: #2777ff; } color: #ff9d1e; }
*:selected button.link:hover, *:selected link:hover { *:selected button.link:hover, *:selected link:hover {
color: #e9f1ff; } color: #fff5e9; }
button.link:active, button.link:active,
link:active { link:active {
color: #005af3; } color: #ea8400; }
*:selected button.link:active, *:selected link:active { *:selected button.link:active, *:selected link:active {
color: #ccdefd; } color: #fbe6cc; }
button.link:disabled, button.link:disabled,
link:disabled { link:disabled {
color: rgba(122, 122, 122, 0.8); } color: rgba(117, 117, 117, 0.8); }
button.link:selected, *:selected button.link, button.link:selected, *:selected button.link,
link:selected, *:selected link { link:selected, *:selected link {
color: #ccdefd; } color: #fbe6cc; }
link { link {
transition-property: outline, outline-width, outline-offset, outline-color; transition-property: outline, outline-width, outline-offset, outline-color;
@@ -1135,7 +1135,7 @@ link {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
link:focus:focus-visible { link:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
@@ -1267,7 +1267,7 @@ spinbutton {
border-top-right-radius: 0; } border-top-right-radius: 0; }
.osd spinbutton.vertical > button:first-child { .osd spinbutton.vertical > button:first-child {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -1399,11 +1399,11 @@ infobar > revealer > box {
border-spacing: 12px; } border-spacing: 12px; }
infobar.action:hover > revealer > box { infobar.action:hover > revealer > box {
background-color: #f7e9d1; } background-color: #d8e6f8; }
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box {
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
background-color: #f5e5c8; } background-color: #d0e1f7; }
infobar .close, infobar .close,
searchbar .close { searchbar .close {
@@ -1551,7 +1551,7 @@ window.csd > .titlebar:not(headerbar) {
background-color: #d9d9d9; } background-color: #d9d9d9; }
window.devel headerbar.titlebar { window.devel headerbar.titlebar {
background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(39, 119, 255, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); } background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(255, 157, 30, 0.2)), linear-gradient(to top, #dedede, #e6e6e6 3px, whitesmoke); }
window.devel headerbar.titlebar:backdrop { window.devel headerbar.titlebar:backdrop {
background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff); background: #ffffff cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#ffffff);
/* background-color would flash */ } /* background-color would flash */ }
@@ -1597,7 +1597,7 @@ treeview.view {
outline-offset: 4px; } outline-offset: 4px; }
columnview.view:focus:focus-visible, columnview.view:focus:focus-visible,
treeview.view:focus:focus-visible { treeview.view:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
columnview.view:selected:focus, columnview.view:selected, columnview.view:selected:focus, columnview.view:selected,
@@ -1610,10 +1610,10 @@ treeview.view {
color: #9da0a7; } color: #9da0a7; }
columnview.view:disabled:selected, columnview.view:disabled:selected,
treeview.view:disabled:selected { treeview.view:disabled:selected {
color: #7dadff; } color: #ffc478; }
columnview.view:disabled:selected:backdrop, columnview.view:disabled:selected:backdrop,
treeview.view:disabled:selected:backdrop { treeview.view:disabled:selected:backdrop {
color: #669efd; } color: #fdb85f; }
columnview.view.separator, columnview.view.separator,
treeview.view.separator { treeview.view.separator {
min-height: 2px; min-height: 2px;
@@ -1629,7 +1629,7 @@ treeview.view {
treeview.view > dndtarget:drop(active) { treeview.view > dndtarget:drop(active) {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
border-color: #0051da; } border-color: #d17600; }
columnview.view > dndtarget:drop(active).after, columnview.view > dndtarget:drop(active).after,
treeview.view > dndtarget:drop(active).after { treeview.view > dndtarget:drop(active).after {
border-top-style: none; } border-top-style: none; }
@@ -1650,7 +1650,7 @@ treeview.view {
color: black; } color: black; }
columnview.view.expander:selected, columnview.view.expander:selected,
treeview.view.expander:selected { treeview.view.expander:selected {
color: #bed6ff; } color: #ffe2bc; }
columnview.view.expander:selected:hover, columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover { treeview.view.expander:selected:hover {
color: #ffffff; } color: #ffffff; }
@@ -1660,18 +1660,18 @@ treeview.view {
columnview.view.progressbar, columnview.view.progressbar,
treeview.view.progressbar { treeview.view.progressbar {
color: #fafafa; color: #fafafa;
background-color: #2777ff; background-color: #ff9d1e;
background-image: image(#2777ff); background-image: image(#ff9d1e);
box-shadow: none; } box-shadow: none; }
columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected,
treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected:focus,
treeview.view.progressbar:selected { treeview.view.progressbar:selected {
color: #2777ff; color: #ff9d1e;
background-image: image(#fafafa); } background-image: image(#fafafa); }
columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop,
treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:focus:backdrop,
treeview.view.progressbar:selected:backdrop { treeview.view.progressbar:selected:backdrop {
color: #2777ff; color: #ff9d1e;
background-color: #f7f7f7; } background-color: #f7f7f7; }
columnview.view.trough, columnview.view.trough,
treeview.view.trough { treeview.view.trough {
@@ -1722,7 +1722,7 @@ treeview.view {
padding: 0 6px; padding: 0 6px;
color: #fafafa; color: #fafafa;
background-image: none; background-image: none;
background-color: #2777ff; background-color: #ff9d1e;
border-style: none; border-style: none;
border-radius: 0; border-radius: 0;
box-shadow: inset 0 0 0 1px #fafafa; box-shadow: inset 0 0 0 1px #fafafa;
@@ -1730,7 +1730,7 @@ treeview.view {
transition: none; } transition: none; }
columnview.view acceleditor > label, columnview.view acceleditor > label,
treeview.view acceleditor > label { treeview.view acceleditor > label {
background-color: #2777ff; } background-color: #ff9d1e; }
columnview.view > header > button, columnview.view > header > button,
treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button, columnview.view > header > button:hover,
@@ -1885,8 +1885,8 @@ menubar {
min-height: 16px; min-height: 16px;
padding: 4px 8px; } padding: 4px 8px; }
menubar > item:selected { menubar > item:selected {
box-shadow: inset 0 -3px #2777ff; box-shadow: inset 0 -3px #ff9d1e;
color: #005af3; } color: #ea8400; }
menubar > item:disabled { menubar > item:disabled {
color: #9da0a7; color: #9da0a7;
box-shadow: none; } box-shadow: none; }
@@ -1909,7 +1909,7 @@ notebook {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
notebook:focus:focus-visible > header > tabs > tab:checked { notebook:focus:focus-visible > header > tabs > tab:checked {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
notebook > header { notebook > header {
@@ -1926,7 +1926,7 @@ notebook {
notebook > header.top > tabs > tab:hover { notebook > header.top > tabs > tab:hover {
box-shadow: inset 0 -4px #d9d9d9; } box-shadow: inset 0 -4px #d9d9d9; }
notebook > header.top > tabs > tab:checked { notebook > header.top > tabs > tab:checked {
box-shadow: inset 0 -4px #2777ff; } box-shadow: inset 0 -4px #ff9d1e; }
notebook > header.bottom { notebook > header.bottom {
border-top-style: solid; } border-top-style: solid; }
notebook > header.bottom > tabs { notebook > header.bottom > tabs {
@@ -1934,7 +1934,7 @@ notebook {
notebook > header.bottom > tabs > tab:hover { notebook > header.bottom > tabs > tab:hover {
box-shadow: inset 0 4px #d9d9d9; } box-shadow: inset 0 4px #d9d9d9; }
notebook > header.bottom > tabs > tab:checked { notebook > header.bottom > tabs > tab:checked {
box-shadow: inset 0 4px #2777ff; } box-shadow: inset 0 4px #ff9d1e; }
notebook > header.left { notebook > header.left {
border-right-style: solid; } border-right-style: solid; }
notebook > header.left > tabs { notebook > header.left > tabs {
@@ -1942,7 +1942,7 @@ notebook {
notebook > header.left > tabs > tab:hover { notebook > header.left > tabs > tab:hover {
box-shadow: inset -4px 0 #d9d9d9; } box-shadow: inset -4px 0 #d9d9d9; }
notebook > header.left > tabs > tab:checked { notebook > header.left > tabs > tab:checked {
box-shadow: inset -4px 0 #2777ff; } box-shadow: inset -4px 0 #ff9d1e; }
notebook > header.right { notebook > header.right {
border-left-style: solid; } border-left-style: solid; }
notebook > header.right > tabs { notebook > header.right > tabs {
@@ -1950,7 +1950,7 @@ notebook {
notebook > header.right > tabs > tab:hover { notebook > header.right > tabs > tab:hover {
box-shadow: inset 4px 0 #d9d9d9; } box-shadow: inset 4px 0 #d9d9d9; }
notebook > header.right > tabs > tab:checked { notebook > header.right > tabs > tab:checked {
box-shadow: inset 4px 0 #2777ff; } box-shadow: inset 4px 0 #ff9d1e; }
notebook > header.top > tabs > arrow { notebook > header.top > tabs > arrow {
border-top-style: none; } border-top-style: none; }
notebook > header.bottom > tabs > arrow { notebook > header.bottom > tabs > arrow {
@@ -2094,7 +2094,7 @@ scrollbar {
scrollbar > range > trough > slider:hover { scrollbar > range > trough > slider:hover {
background-color: #7d8189; } background-color: #7d8189; }
scrollbar > range > trough > slider:hover:active { scrollbar > range > trough > slider:hover:active {
background-color: #2777ff; } background-color: #ff9d1e; }
scrollbar > range > trough > slider:disabled { scrollbar > range > trough > slider:disabled {
background-color: transparent; } background-color: transparent; }
scrollbar > range.fine-tune > trough > slider { scrollbar > range.fine-tune > trough > slider {
@@ -2151,15 +2151,15 @@ switch {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
switch:focus:focus-visible { switch:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: 0; } outline-offset: 0; }
headerbar switch { headerbar switch {
background-color: #dedede; } background-color: #dedede; }
switch:checked { switch:checked {
color: #ffffff; color: #ffffff;
border-color: #0051da; border-color: #d17600;
background-color: #2777ff; } background-color: #ff9d1e; }
switch:disabled { switch:disabled {
color: #9da0a7; color: #9da0a7;
border-color: #d9d9d9; border-color: #d9d9d9;
@@ -2167,7 +2167,7 @@ switch {
text-shadow: none; } text-shadow: none; }
switch > slider { switch > slider {
color: #5c616c; color: #5c616c;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: #d9d9d9; border-color: #d9d9d9;
background-image: image(white); background-image: image(white);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
@@ -2186,7 +2186,7 @@ switch {
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
switch:checked > slider { switch:checked > slider {
border: 1px solid #0051da; } border: 1px solid #d17600; }
switch:disabled > slider { switch:disabled > slider {
color: #9da0a7; color: #9da0a7;
border-color: #e6e6e6; border-color: #e6e6e6;
@@ -2194,9 +2194,9 @@ switch {
row:selected switch { row:selected switch {
outline-color: rgba(255, 255, 255, 0.8); outline-color: rgba(255, 255, 255, 0.8);
box-shadow: none; box-shadow: none;
border-color: #0051da; } border-color: #d17600; }
row:selected switch > slider:checked, row:selected switch > slider { row:selected switch > slider:checked, row:selected switch > slider {
border-color: #0051da; } border-color: #d17600; }
/************************* /*************************
* Check and Radio items * * Check and Radio items *
@@ -2207,7 +2207,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2222,7 +2222,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2237,7 +2237,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2252,7 +2252,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: transparent; color: transparent;
background-color: #939393; background-color: #8f8f8f;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2267,7 +2267,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2282,7 +2282,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2297,7 +2297,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: white; color: white;
background-color: #2777ff; background-color: #ff9d1e;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2312,7 +2312,7 @@ switch {
min-width: 32px; min-width: 32px;
min-height: 32px; min-height: 32px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
background-color: #939393; background-color: #8f8f8f;
border-radius: 5px; border-radius: 5px;
background-image: none; background-image: none;
transition: 200ms; transition: 200ms;
@@ -2332,7 +2332,7 @@ checkbutton {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
checkbutton:focus:focus-visible { checkbutton:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
checkbutton.text-button { checkbutton.text-button {
@@ -2365,17 +2365,17 @@ radio {
check:checked, check:checked,
radio:checked { radio:checked {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #ffa838 20%, #ff9d1e 90%);
border-color: #0047c0; border-color: #b76700;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:checked:hover, check:checked:hover,
radio:checked:hover { radio:checked:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #ffb14c 10%, #ffa632 90%); }
check:checked:active, check:checked:active,
radio:checked:active { radio:checked:active {
box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.2);
background-image: image(#0e67ff); } background-image: image(#ff9205); }
check:checked:disabled, check:checked:disabled,
radio:checked:disabled { radio:checked:disabled {
box-shadow: none; box-shadow: none;
@@ -2383,33 +2383,33 @@ radio {
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
background-clip: border-box; background-clip: border-box;
background-image: linear-gradient(to bottom, #4187ff 20%, #2777ff 90%); background-image: linear-gradient(to bottom, #ffa838 20%, #ff9d1e 90%);
border-color: #0047c0; border-color: #b76700;
box-shadow: 0 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px rgba(0, 0, 0, 0.05);
color: #ffffff; } color: #ffffff; }
check:indeterminate:hover, check:indeterminate:hover,
radio:indeterminate:hover { radio:indeterminate:hover {
background-image: linear-gradient(to bottom, #5594ff 10%, #3b84ff 90%); } background-image: linear-gradient(to bottom, #ffb14c 10%, #ffa632 90%); }
check:indeterminate:active, check:indeterminate:active,
radio:indeterminate:active { radio:indeterminate:active {
box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.2);
background-image: image(#0e67ff); } background-image: image(#ff9205); }
check:indeterminate:disabled, check:indeterminate:disabled,
radio:indeterminate:disabled { radio:indeterminate:disabled {
box-shadow: none; box-shadow: none;
color: rgba(255, 255, 255, 0.7); } color: rgba(255, 255, 255, 0.7); }
row:selected check, row:selected radio { row:selected check, row:selected radio {
border-color: #0047c0; } border-color: #b76700; }
.osd check, .osd radio { .osd check, .osd radio {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
background-clip: padding-box; } background-clip: padding-box; }
.osd check:hover, .osd radio:hover { .osd check:hover, .osd radio:hover {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -2454,7 +2454,7 @@ treeview.view check:selected:focus, treeview.view check:selected,
treeview.view radio:selected:focus, treeview.view radio:selected:focus,
treeview.view radio:selected { treeview.view radio:selected {
color: #ffffff; color: #ffffff;
border-color: #0051da; } border-color: #d17600; }
/************ /************
* GtkScale * * GtkScale *
@@ -2470,7 +2470,7 @@ progressbar > trough, scale > trough > fill, scale > trough {
border-color: #e6e6e6; } border-color: #e6e6e6; }
row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
outline-color: rgba(255, 255, 255, 0.8); outline-color: rgba(255, 255, 255, 0.8);
border-color: #0051da; } border-color: #d17600; }
.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough {
border-color: black; border-color: black;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
@@ -2478,14 +2478,14 @@ progressbar > trough, scale > trough > fill, scale > trough {
background-color: rgba(68, 72, 83, 0.5); } background-color: rgba(68, 72, 83, 0.5); }
progressbar > trough > progress, scale > trough > highlight { progressbar > trough > progress, scale > trough > highlight {
border: 1px solid #2777ff; border: 1px solid #ff9d1e;
border-radius: 3px; border-radius: 3px;
background-color: #2777ff; } background-color: #ff9d1e; }
progressbar > trough > progress:disabled, scale > trough > highlight:disabled { progressbar > trough > progress:disabled, scale > trough > highlight:disabled {
background-color: transparent; background-color: transparent;
border-color: transparent; } border-color: transparent; }
row:selected progressbar > trough > progress, row:selected scale > trough > highlight { row:selected progressbar > trough > progress, row:selected scale > trough > highlight {
border-color: #0051da; } border-color: #d17600; }
.osd progressbar > trough > progress, .osd scale > trough > highlight { .osd progressbar > trough > progress, .osd scale > trough > highlight {
border-color: black; } border-color: black; }
.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled {
@@ -2502,7 +2502,7 @@ scale {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 16px; } outline-offset: 16px; }
scale:focus:focus-visible > trough { scale:focus:focus-visible > trough {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: 10px; } outline-offset: 10px; }
scale > trough { scale > trough {
@@ -2538,7 +2538,7 @@ scale {
background-color: transparent; } background-color: transparent; }
scale > trough > slider { scale > trough > slider {
color: #5c616c; color: #5c616c;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: #d9d9d9; border-color: #d9d9d9;
background-image: image(white); background-image: image(white);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07);
@@ -2553,16 +2553,16 @@ scale {
background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px); background-image: linear-gradient(to top, #d6d6d6, #ebebeb 1px);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
scale > trough > slider:active { scale > trough > slider:active {
border-color: #0051da; } border-color: #d17600; }
scale > trough > slider:disabled { scale > trough > slider:disabled {
color: #9da0a7; color: #9da0a7;
border-color: #e6e6e6; border-color: #e6e6e6;
background-image: image(#fdfdfd); } background-image: image(#fdfdfd); }
row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
border-color: #0051da; } border-color: #d17600; }
.osd scale > trough > slider { .osd scale > trough > slider {
color: white; color: white;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#303340); background-image: image(#303340);
@@ -3029,8 +3029,8 @@ levelbar > trough > block {
border-color: #fd7d00; border-color: #fd7d00;
background-color: #fd7d00; } background-color: #fd7d00; }
levelbar > trough > block.high, levelbar > trough > block:not(.empty) { levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
border-color: #2777ff; border-color: #ff9d1e;
background-color: #2777ff; } background-color: #ff9d1e; }
levelbar > trough > block.full { levelbar > trough > block.full {
border-color: #3db47e; border-color: #3db47e;
background-color: #3db47e; } background-color: #3db47e; }
@@ -3156,7 +3156,7 @@ row {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
row:focus:focus-visible { row:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
row.activatable.has-open-popup, row.activatable:hover { row.activatable.has-open-popup, row.activatable:hover {
@@ -3166,7 +3166,7 @@ row {
row.activatable:selected:active { row.activatable:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
row.activatable:selected.has-open-popup, row.activatable:selected:hover { row.activatable:selected.has-open-popup, row.activatable:selected:hover {
background-color: #2c75f0; } background-color: #ef9726; }
row:selected { row:selected {
outline-color: rgba(255, 255, 255, 0.8); } outline-color: rgba(255, 255, 255, 0.8); }
@@ -3193,14 +3193,14 @@ treeexpander {
* https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 *
********************************************************/ ********************************************************/
columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
outline: 2px solid rgba(39, 119, 255, 0.5); } outline: 2px solid rgba(255, 157, 30, 0.5); }
columnview row:not(:selected) cell editablelabel.editing:focus-within { columnview row:not(:selected) cell editablelabel.editing:focus-within {
outline: 2px solid #2777ff; } outline: 2px solid #ff9d1e; }
columnview row:not(:selected) cell editablelabel.editing text selection { columnview row:not(:selected) cell editablelabel.editing text selection {
color: #ffffff; color: #ffffff;
background-color: #2777ff; } background-color: #ff9d1e; }
/******************************************************* /*******************************************************
* Rich Lists * * Rich Lists *
@@ -3251,7 +3251,7 @@ expander-widget {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
expander-widget:focus:focus-visible > box > title { expander-widget:focus:focus-visible > box > title {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
expander-widget > box > title { expander-widget > box > title {
@@ -3289,7 +3289,7 @@ calendar {
calendar > grid > label.today:selected { calendar > grid > label.today:selected {
box-shadow: none; } box-shadow: none; }
calendar > grid > label:focus { calendar > grid > label:focus {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-offset: -2px; outline-offset: -2px;
outline-width: 2px; outline-width: 2px;
outline-style: solid; } outline-style: solid; }
@@ -3376,7 +3376,7 @@ stacksidebar row {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
stacksidebar row:focus:focus-visible { stacksidebar row:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
stacksidebar row > label { stacksidebar row > label {
@@ -3415,7 +3415,7 @@ separator.sidebar {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 4px; } outline-offset: 4px; }
.navigation-sidebar > row:focus-visible:focus-within { .navigation-sidebar > row:focus-visible:focus-within {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: -2px; } outline-offset: -2px; }
.navigation-sidebar > row:hover { .navigation-sidebar > row:hover {
@@ -3464,7 +3464,7 @@ placessidebar .navigation-sidebar > row {
background-image: image(#19a187); background-image: image(#19a187);
background-clip: content-box; } background-clip: content-box; }
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
color: #2777ff; } color: #ff9d1e; }
placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
color: #19a187; color: #19a187;
box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; } box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
@@ -3495,7 +3495,7 @@ paned > separator {
background-image: image(#d9d9d9); background-image: image(#d9d9d9);
background-size: 1px 1px; } background-size: 1px 1px; }
paned > separator:selected { paned > separator:selected {
background-image: image(#2777ff); } background-image: image(#ff9d1e); }
paned > separator.wide { paned > separator.wide {
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
@@ -3567,7 +3567,7 @@ colorswatch {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 6px; } outline-offset: 6px; }
colorswatch:focus:focus-visible { colorswatch:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 4px; outline-width: 4px;
outline-offset: -2px; } outline-offset: -2px; }
colorswatch:drop(active), colorswatch { colorswatch:drop(active), colorswatch {
@@ -3622,7 +3622,7 @@ colorswatch {
border-radius: 5px; } border-radius: 5px; }
colorswatch#add-color-button > overlay { colorswatch#add-color-button > overlay {
color: #5c616c; color: #5c616c;
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
border-color: #d9d9d9; border-color: #d9d9d9;
background-image: image(white); background-image: image(white);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -1px 0px rgba(217, 217, 217, 0.75), 0 1px 2px rgba(0, 0, 0, 0.07); }
@@ -3652,7 +3652,7 @@ plane {
outline: 0 solid transparent; outline: 0 solid transparent;
outline-offset: 6px; } outline-offset: 6px; }
plane:focus:focus-visible { plane:focus:focus-visible {
outline-color: rgba(39, 119, 255, 0.5); outline-color: rgba(255, 157, 30, 0.5);
outline-width: 2px; outline-width: 2px;
outline-offset: 2px; } outline-offset: 2px; }
@@ -3733,7 +3733,7 @@ textview > text:selected, textview > text > selection:focus, textview > text > s
entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected, entry > text > selection, modelbutton.flat:selected, spinbutton:not(.vertical) > text > selection, spinbutton.vertical > text > text > selection, spinbutton.vertical > text > selection, columnview.view:selected:focus, columnview.view:selected,
treeview.view:selected:focus, treeview.view:selected:focus,
treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
background-color: #2777ff; } background-color: #ff9d1e; }
label:selected, .view:selected:focus, .view:selected, label:selected, .view:selected:focus, .view:selected,
textview > text:selected:focus, textview > text:selected:focus,
textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, textview > text:selected, textview > text > selection:focus, textview > text > selection, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected,
@@ -3746,7 +3746,7 @@ treeview.view:selected, row:selected, calendar > grid > label.day-number:selecte
textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, textview > text:disabled:selected, textview > text > selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected,
entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected, entry > text > selection:disabled, modelbutton.flat:disabled:selected, spinbutton:not(.vertical) > text > selection:disabled, spinbutton.vertical > text > text > selection:disabled, spinbutton.vertical > text > selection:disabled, columnview.view:disabled:selected,
treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected {
color: #93bbff; } color: #ffce8f; }
.monospace { .monospace {
font-family: monospace; } font-family: monospace; }
@@ -3868,14 +3868,14 @@ button.emoji-section {
button.emoji-section:hover { button.emoji-section:hover {
border-color: #d9d9d9; } border-color: #d9d9d9; }
button.emoji-section:checked { button.emoji-section:checked {
border-color: #2777ff; } border-color: #ff9d1e; }
popover.emoji-picker emoji { popover.emoji-picker emoji {
font-size: x-large; font-size: x-large;
padding: 6px; padding: 6px;
border-radius: 6px; } border-radius: 6px; }
popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
background: #2777ff; } background: #ff9d1e; }
emoji-completion-row > box { emoji-completion-row > box {
border-spacing: 10px; border-spacing: 10px;
@@ -3883,7 +3883,7 @@ emoji-completion-row > box {
emoji-completion-row:focus, emoji-completion-row:focus,
emoji-completion-row:hover { emoji-completion-row:hover {
background-color: #2777ff; background-color: #ff9d1e;
color: #ffffff; } color: #ffffff; }
emoji-completion-row emoji:focus, emoji-completion-row emoji:focus,
@@ -3945,7 +3945,7 @@ row.expander {
row.expander:not(:checked) image.expander-row-arrow:dir(rtl) { row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
-gtk-icon-transform: rotate(0.25turn); } -gtk-icon-transform: rotate(0.25turn); }
row.expander:checked image.expander-row-arrow:not(:disabled) { row.expander:checked image.expander-row-arrow:not(:disabled) {
color: #2777ff; } color: #ff9d1e; }
row.expander image.expander-row-arrow:disabled { row.expander image.expander-row-arrow:disabled {
color: #9da0a7; } color: #9da0a7; }
@@ -4345,10 +4345,10 @@ tabbar undershoot {
background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); } background: linear-gradient(to left, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0) 20px); }
tabbar .needs-attention-left undershoot.left { tabbar .needs-attention-left undershoot.left {
background: linear-gradient(to right, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } background: linear-gradient(to right, rgba(255, 157, 30, 0.7), rgba(255, 157, 30, 0.5) 1px, rgba(255, 157, 30, 0) 20px); }
tabbar .needs-attention-right undershoot.right { tabbar .needs-attention-right undershoot.right {
background: linear-gradient(to left, rgba(39, 119, 255, 0.7), rgba(39, 119, 255, 0.5) 1px, rgba(39, 119, 255, 0) 20px); } background: linear-gradient(to left, rgba(255, 157, 30, 0.7), rgba(255, 157, 30, 0.5) 1px, rgba(255, 157, 30, 0) 20px); }
tabbar tab { tabbar tab {
border-style: solid; border-style: solid;
@@ -4408,7 +4408,7 @@ tabbar tab,
padding: 6px; } padding: 6px; }
tabbar tab.needs-attention, tabbar tab.needs-attention,
.tab-drag-icon tab.needs-attention { .tab-drag-icon tab.needs-attention {
background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(39, 119, 255, 0.2) 15%, rgba(39, 119, 255, 0) 15%); } background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 157, 30, 0.2) 15%, rgba(255, 157, 30, 0) 15%); }
tabbar tab .tab-close-button, tabbar tab .tab-close-button,
tabbar tab .tab-indicator, tabbar tab .tab-indicator,
.tab-drag-icon tab .tab-close-button, .tab-drag-icon tab .tab-close-button,
@@ -4524,9 +4524,9 @@ switch {
switch:checked, switch:checked:backdrop { switch:checked, switch:checked:backdrop {
border-color: rgba(0, 0, 0, 0.2); } border-color: rgba(0, 0, 0, 0.2); }
switch:checked slider { switch:checked slider {
border-color: #0051da; } border-color: #d17600; }
switch:checked slider:backdrop:not(:disabled) { switch:checked slider:backdrop:not(:disabled) {
border-color: #2777ff; } border-color: #ff9d1e; }
switch:backdrop, switch:disabled { switch:backdrop, switch:disabled {
box-shadow: none; box-shadow: none;
border-color: #d9d9d9; } border-color: #d9d9d9; }
@@ -4547,8 +4547,8 @@ radio {
check:checked, check:indeterminate, check:checked, check:indeterminate,
radio:checked, radio:checked,
radio:indeterminate { radio:indeterminate {
background-image: linear-gradient(to bottom, #2777ff 20%, #1d71ff 90%); background-image: linear-gradient(to bottom, #ff9d1e 20%, #ff9914 90%);
border-color: #0051da; border-color: #d17600;
color: #ffffff; } color: #ffffff; }
check:checked, check:checked:active, check:indeterminate, check:indeterminate:active, check:checked, check:checked:active, check:indeterminate, check:indeterminate:active,
radio:checked, radio:checked,
@@ -4559,7 +4559,7 @@ radio {
check:checked:backdrop, check:indeterminate:backdrop, check:checked:backdrop, check:indeterminate:backdrop,
radio:checked:backdrop, radio:checked:backdrop,
radio:indeterminate:backdrop { radio:indeterminate:backdrop {
background-image: image(#2777ff); background-image: image(#ff9d1e);
box-shadow: none; } box-shadow: none; }
check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate,
radio:disabled, radio:disabled,
@@ -4603,7 +4603,7 @@ scale slider {
switch:hover slider, switch slider:active, switch:hover slider, switch slider:active,
scale slider:active { scale slider:active {
background-image: image(white); background-image: image(white);
border-color: #2777ff; } border-color: #ff9d1e; }
switch slider:backdrop, switch slider:disabled, switch slider:backdrop, switch slider:disabled,
scale slider:backdrop, scale slider:backdrop,
scale slider:disabled { scale slider:disabled {
@@ -4638,11 +4638,11 @@ windowcontrols {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
windowcontrols button.close { windowcontrols button.close {
color: white; color: white;
background: #2777ff; background: #ff9d1e;
border-color: transparent; } border-color: transparent; }
windowcontrols button.close:hover { windowcontrols button.close:hover {
color: black; color: black;
background: #3d85ff; } background: #ffa735; }
windowcontrols button:backdrop, windowcontrols button:backdrop:hover { windowcontrols button:backdrop, windowcontrols button:backdrop:hover {
color: transparent; color: transparent;
background: transparent; background: transparent;
@@ -4859,7 +4859,7 @@ text widgets and the like base background color */
@define-color theme_base_color #fafafa; @define-color theme_base_color #fafafa;
/* /*
base background color of selections */ base background color of selections */
@define-color theme_selected_bg_color #2777ff; @define-color theme_selected_bg_color #ff9d1e;
/* /*
text/foreground color of selections */ text/foreground color of selections */
@define-color theme_selected_fg_color #ffffff; @define-color theme_selected_fg_color #ffffff;
@@ -4886,7 +4886,7 @@ text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #f7f7f7; @define-color theme_unfocused_base_color #f7f7f7;
/* /*
base background color of selections on backdrop windows */ base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #2777ff; @define-color theme_unfocused_selected_bg_color #ff9d1e;
/* /*
text/foreground color of selections on backdrop windows */ text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #ffffff; @define-color theme_unfocused_selected_fg_color #ffffff;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 581 B

After

Width:  |  Height:  |  Size: 572 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 685 B

After

Width:  |  Height:  |  Size: 694 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 424 B

After

Width:  |  Height:  |  Size: 431 B