mirror of
https://github.com/eRgo35/dots.git
synced 2025-12-16 23:46:13 +01:00
feat: sync
This commit is contained in:
@@ -1,3 +1,25 @@
|
||||
/* General Typography */
|
||||
.dialog .confirm-dialog-title,
|
||||
.modal-dialog .confirm-dialog-title {
|
||||
font-weight: 800;
|
||||
font-size: 15ptpt;
|
||||
}
|
||||
|
||||
.workspace-switch-osd, .media-keys-osd {
|
||||
font-weight: 700;
|
||||
font-size: 13ptpt;
|
||||
}
|
||||
|
||||
.polkit-dialog-user-combo {
|
||||
font-weight: 700;
|
||||
font-size: 11ptpt;
|
||||
}
|
||||
|
||||
.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label {
|
||||
font-weight: 400;
|
||||
font-size: 9ptpt;
|
||||
}
|
||||
|
||||
stage {
|
||||
color: #faf4ed;
|
||||
}
|
||||
@@ -6,7 +28,8 @@ stage {
|
||||
color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.sound-button {
|
||||
.sound-button, .dialog .dialog-button,
|
||||
.modal-dialog .dialog-button {
|
||||
min-height: 24px;
|
||||
padding: 5px 32px;
|
||||
transition-duration: 100ms;
|
||||
@@ -15,37 +38,45 @@ stage {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
.sound-button:focus {
|
||||
.sound-button:focus, .dialog .dialog-button:focus,
|
||||
.modal-dialog .dialog-button:focus {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.12);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.sound-button:hover {
|
||||
.sound-button:hover, .dialog .dialog-button:hover,
|
||||
.modal-dialog .dialog-button:hover {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.12);
|
||||
border-radius: 12px;
|
||||
color: #9ccfd8;
|
||||
}
|
||||
|
||||
.sound-button:hover:focus {
|
||||
.sound-button:hover:focus, .dialog .dialog-button:hover:focus,
|
||||
.modal-dialog .dialog-button:hover:focus {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.3);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.sound-button:active {
|
||||
.sound-button:active, .dialog .dialog-button:active,
|
||||
.modal-dialog .dialog-button:active {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.3);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.sound-button:insensitive {
|
||||
.sound-button:insensitive, .dialog .dialog-button:insensitive,
|
||||
.modal-dialog .dialog-button:insensitive {
|
||||
color: rgba(250, 244, 237, 0.5);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.notification-button, .notification-icon-button, .menu #notification .notification-button,
|
||||
.polkit-dialog-user-combo, .dialog .dialog-button:destructive-action,
|
||||
.modal-dialog .dialog-button:destructive-action, .dialog .dialog-button:default,
|
||||
.modal-dialog .dialog-button:default, .notification-button, .notification-icon-button, .menu #notification .notification-button,
|
||||
.menu #notification .notification-icon-button, .popup-menu #notification .notification-button,
|
||||
.popup-menu #notification .notification-icon-button, #notification .notification-button,
|
||||
#notification .notification-icon-button, .calendar-today-home-button,
|
||||
@@ -55,7 +86,9 @@ stage {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover,
|
||||
.polkit-dialog-user-combo:hover, .dialog .dialog-button:hover:destructive-action,
|
||||
.modal-dialog .dialog-button:hover:destructive-action, .dialog .dialog-button:hover:default,
|
||||
.modal-dialog .dialog-button:hover:default, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover,
|
||||
#notification .notification-icon-button:hover, .calendar-today-home-button:hover,
|
||||
.calendar-today-home-button-enabled:hover {
|
||||
color: #faf4ed;
|
||||
@@ -63,7 +96,9 @@ stage {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.notification-button:active, .notification-icon-button:active, #notification .notification-button:active,
|
||||
.polkit-dialog-user-combo:active, .dialog .dialog-button:active:destructive-action,
|
||||
.modal-dialog .dialog-button:active:destructive-action, .dialog .dialog-button:active:default,
|
||||
.modal-dialog .dialog-button:active:default, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active,
|
||||
#notification .notification-icon-button:active, .calendar-today-home-button:active,
|
||||
.calendar-today-home-button-enabled:active {
|
||||
color: #faf4ed;
|
||||
@@ -71,7 +106,9 @@ stage {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive,
|
||||
.polkit-dialog-user-combo:insensitive, .dialog .dialog-button:insensitive:destructive-action,
|
||||
.modal-dialog .dialog-button:insensitive:destructive-action, .dialog .dialog-button:insensitive:default,
|
||||
.modal-dialog .dialog-button:insensitive:default, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive,
|
||||
#notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
|
||||
.calendar-today-home-button-enabled:insensitive {
|
||||
color: rgba(250, 244, 237, 0.32);
|
||||
@@ -79,6 +116,7 @@ stage {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.dialog-button-box .modal-dialog-button,
|
||||
.modal-dialog-button-box .modal-dialog-button {
|
||||
min-height: 24px;
|
||||
padding: 6px 30px;
|
||||
@@ -88,26 +126,30 @@ stage {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
.dialog-button-box .modal-dialog-button:hover,
|
||||
.modal-dialog-button-box .modal-dialog-button:hover {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.12);
|
||||
}
|
||||
|
||||
.dialog-button-box .modal-dialog-button:focus,
|
||||
.modal-dialog-button-box .modal-dialog-button:focus {
|
||||
color: #9ccfd8;
|
||||
}
|
||||
|
||||
.dialog-button-box .modal-dialog-button:active,
|
||||
.modal-dialog-button-box .modal-dialog-button:active {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.3);
|
||||
}
|
||||
|
||||
.dialog-button-box .modal-dialog-button:insensitive,
|
||||
.modal-dialog-button-box .modal-dialog-button:insensitive {
|
||||
color: rgba(250, 244, 237, 0.32);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
|
||||
#menu-search-entry, .prompt-dialog-password-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
|
||||
padding: 3px 12px;
|
||||
min-height: 24px;
|
||||
caret-size: 1px;
|
||||
@@ -120,19 +162,19 @@ stage {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
|
||||
#menu-search-entry:focus, .prompt-dialog-password-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .prompt-dialog-password-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
border: 2px solid #9ccfd8;
|
||||
}
|
||||
|
||||
#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
|
||||
#menu-search-entry:insensitive, .prompt-dialog-password-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
|
||||
border: 2px solid transparent;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
color: rgba(250, 244, 237, 0.5);
|
||||
}
|
||||
|
||||
#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
|
||||
#menu-search-entry StIcon.capslock-warning, .prompt-dialog-password-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
|
||||
icon-size: 16px;
|
||||
warning-color: #ea9d34;
|
||||
padding: 0 6px;
|
||||
@@ -441,8 +483,8 @@ StScrollBar StButton#hhandle:active {
|
||||
|
||||
#panel {
|
||||
font-weight: bold;
|
||||
height: 36px;
|
||||
width: 42px;
|
||||
height: 34px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
#panel:highlight {
|
||||
@@ -1216,18 +1258,22 @@ StScrollBar StButton#hhandle:active {
|
||||
background-color: #faf4ed;
|
||||
}
|
||||
|
||||
.dialog,
|
||||
.modal-dialog {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(12, 11, 17, 0.95);
|
||||
padding: 0 5px 6px 5px;
|
||||
background-color: rgba(25, 23, 36, 0.95);
|
||||
padding: 6px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
|
||||
/* border: 1px solid $divider; */
|
||||
}
|
||||
|
||||
.dialog > StBoxLayout:first-child,
|
||||
.modal-dialog > StBoxLayout:first-child {
|
||||
padding: 20px 10px 10px 10px;
|
||||
}
|
||||
|
||||
.dialog-button-box,
|
||||
.modal-dialog-button-box {
|
||||
spacing: 0;
|
||||
margin: 0;
|
||||
@@ -1236,12 +1282,62 @@ StScrollBar StButton#hhandle:active {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dialog-button-box .modal-dialog-button,
|
||||
.modal-dialog-button-box .modal-dialog-button {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.dialog .dialog-content-box,
|
||||
.modal-dialog .dialog-content-box {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
spacing: 6px;
|
||||
max-width: 18em;
|
||||
}
|
||||
|
||||
.dialog .dialog-button:default:hover,
|
||||
.modal-dialog .dialog-button:default:hover {
|
||||
background-color: #c17f91 !important;
|
||||
color: #faf4ed !important;
|
||||
}
|
||||
|
||||
.dialog .dialog-button:destructive-action,
|
||||
.modal-dialog .dialog-button:destructive-action {
|
||||
background-color: #b4637a;
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
.dialog .confirm-dialog-title,
|
||||
.modal-dialog .confirm-dialog-title {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dialog .end-session-dialog,
|
||||
.modal-dialog .end-session-dialog {
|
||||
min-width: 40em;
|
||||
}
|
||||
|
||||
.dialog .end-session-dialog .dialog-content-box,
|
||||
.modal-dialog .end-session-dialog .dialog-content-box {
|
||||
spacing: 0;
|
||||
}
|
||||
|
||||
.dialog .end-session-dialog .dialog-list,
|
||||
.modal-dialog .end-session-dialog .dialog-list {
|
||||
spacing: 0;
|
||||
}
|
||||
|
||||
.dialog .end-session-dialog .dialog-list .dialog-list-title,
|
||||
.modal-dialog .end-session-dialog .dialog-list .dialog-list-title {
|
||||
color: #ea9d34;
|
||||
background-color: tranparentize(#ea9d34, 0.9);
|
||||
padding: 9px;
|
||||
border-radius: 12px;
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
.run-dialog {
|
||||
padding: 6px 12px;
|
||||
background-color: rgba(19, 17, 27, 0.9);
|
||||
@@ -1299,6 +1395,45 @@ StScrollBar StButton#hhandle:active {
|
||||
background-gradient-direction: none;
|
||||
}
|
||||
|
||||
.prompt-dialog {
|
||||
width: 26em;
|
||||
}
|
||||
|
||||
.prompt-dialog .dialog-content-box {
|
||||
spacing: 24px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.prompt-dialog-password-entry {
|
||||
width: 20em;
|
||||
}
|
||||
|
||||
.prompt-dialog-password-layout {
|
||||
spacing: 12px;
|
||||
}
|
||||
|
||||
.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.prompt-dialog-error-label {
|
||||
color: #b4637a;
|
||||
}
|
||||
|
||||
.polkit-dialog-user-layout {
|
||||
text-align: center;
|
||||
spacing: 2px;
|
||||
}
|
||||
|
||||
.polkit-dialog-user-combo {
|
||||
border-radius: 9px;
|
||||
padding: 6px 36px;
|
||||
}
|
||||
|
||||
.polkit-dialog-user-combo:insensitive {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
/* CinnamonMountOperation Dialogs */
|
||||
.cinnamon-mount-operation-icon {
|
||||
icon-size: 48px;
|
||||
@@ -1618,6 +1753,61 @@ StScrollBar StButton#hhandle:active {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
.media-keys-osd {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(25, 23, 36, 0.99);
|
||||
border: 1px solid rgba(250, 244, 237, 0.11);
|
||||
border-radius: 12px;
|
||||
text-align: center;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.media-keys-osd {
|
||||
margin-bottom: 1em;
|
||||
border-radius: 9999px;
|
||||
font-weight: bold;
|
||||
spacing: 12px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
.media-keys-osd > * {
|
||||
spacing: 12px;
|
||||
}
|
||||
|
||||
.media-keys-osd StIcon {
|
||||
icon-size: 32px;
|
||||
}
|
||||
|
||||
.media-keys-osd StLabel:ltr {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.media-keys-osd StLabel:rtl {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.media-keys-osd .level {
|
||||
min-width: 160px;
|
||||
-barlevel-height: 6px;
|
||||
-barlevel-background-color: #34304b;
|
||||
-barlevel-active-background-color: #faf4ed;
|
||||
-barlevel-amplify-color: #ea9d34;
|
||||
-barlevel-amplify-separator-width: 3px;
|
||||
}
|
||||
|
||||
.media-keys-osd .level:ltr {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.media-keys-osd .level:rtl {
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.media-keys-osd .level-bar {
|
||||
border-radius: 12px;
|
||||
background-color: #faf4ed;
|
||||
}
|
||||
|
||||
.info-osd {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
@@ -1657,6 +1847,37 @@ StScrollBar StButton#hhandle:active {
|
||||
background-color: #9ccfd8;
|
||||
}
|
||||
|
||||
.workspace-switch-osd {
|
||||
color: #9ccfd8;
|
||||
background-color: rgba(25, 23, 36, 0.99);
|
||||
/* border: 1px solid transparentize($divider, 0.01); */
|
||||
border-radius: 9px;
|
||||
text-align: center;
|
||||
padding: 24px;
|
||||
min-width: 140px;
|
||||
margin-bottom: 1em;
|
||||
border-radius: 9999px;
|
||||
font-weight: bold;
|
||||
padding: 12px 36px 0 36px;
|
||||
}
|
||||
|
||||
.workspace-switch-osd-indicator-box {
|
||||
spacing: 12px;
|
||||
}
|
||||
|
||||
.workspace-switch-osd-indicator {
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
padding: 2.6666666667px;
|
||||
margin: 13.3333333333px;
|
||||
border-radius: 32px;
|
||||
}
|
||||
|
||||
.workspace-switch-osd-indicator:active {
|
||||
background-color: #9ccfd8;
|
||||
padding: 5.3333333333px;
|
||||
margin: 10.6666666667px;
|
||||
}
|
||||
|
||||
.window-list-box {
|
||||
spacing: 2px;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -238,7 +238,7 @@ assistant .sidebar {
|
||||
}
|
||||
|
||||
assistant .sidebar label {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 12px;
|
||||
color: rgba(250, 244, 237, 0.5);
|
||||
font-weight: 500;
|
||||
@@ -328,7 +328,7 @@ window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > vi
|
||||
|
||||
spinbutton.vertical, spinbutton:not(.vertical),
|
||||
entry {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 8px;
|
||||
border-radius: 12px;
|
||||
caret-color: currentColor;
|
||||
@@ -383,14 +383,14 @@ entry image:disabled {
|
||||
|
||||
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
|
||||
entry image.left {
|
||||
margin-left: 2px;
|
||||
margin-left: 1px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
|
||||
entry image.right {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
|
||||
@@ -642,7 +642,7 @@ window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem >
|
||||
button {
|
||||
min-height: 24px;
|
||||
min-width: 16px;
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
border-radius: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -741,29 +741,29 @@ button.text-button {
|
||||
|
||||
button.image-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
button.text-button.image-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
button.text-button.image-button label:first-child {
|
||||
margin-left: 10px;
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button label:last-child {
|
||||
margin-right: 10px;
|
||||
margin-right: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:first-child {
|
||||
margin-left: 6px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:last-child {
|
||||
margin-right: 6px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button image:not(:only-child) {
|
||||
@@ -777,7 +777,7 @@ button.text-button.image-button image:not(:only-child) {
|
||||
button.osd {
|
||||
min-width: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
background-color: #191724;
|
||||
color: #faf4ed;
|
||||
}
|
||||
@@ -801,7 +801,7 @@ button.osd:disabled {
|
||||
}
|
||||
|
||||
button.osd.image-button, button.osd.circular {
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
button.osd.image-button > image, button.osd.circular > image {
|
||||
@@ -915,8 +915,8 @@ button.destructive-action.flat:checked {
|
||||
}
|
||||
|
||||
button.close, button.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -970,7 +970,7 @@ spinbutton:not(.vertical) {
|
||||
}
|
||||
|
||||
spinbutton:not(.vertical) entry {
|
||||
min-width: 32px;
|
||||
min-width: 30px;
|
||||
margin: 0;
|
||||
border-image: none;
|
||||
border-radius: 0;
|
||||
@@ -1009,8 +1009,8 @@ spinbutton.vertical entry {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
min-height: 36px;
|
||||
min-width: 42px;
|
||||
min-height: 34px;
|
||||
min-width: 40px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -1057,11 +1057,11 @@ combobox decoration {
|
||||
}
|
||||
|
||||
combobox button.combo cellview:dir(ltr) {
|
||||
margin-left: -2px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
combobox button.combo cellview:dir(rtl) {
|
||||
margin-right: -2px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
combobox.linked button:nth-child(2):dir(ltr) {
|
||||
@@ -1079,25 +1079,25 @@ combobox > .linked:not(.vertical) > entry:not(:only-child) {
|
||||
}
|
||||
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
|
||||
margin-right: -36px;
|
||||
padding-right: 36px;
|
||||
margin-right: -34px;
|
||||
padding-right: 34px;
|
||||
}
|
||||
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
|
||||
margin-left: -36px;
|
||||
padding-left: 36px;
|
||||
margin-left: -34px;
|
||||
padding-left: 34px;
|
||||
}
|
||||
|
||||
combobox > .linked:not(.vertical) > button:not(:only-child) {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: 6px;
|
||||
margin: 5px;
|
||||
padding: 4px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
combobox > .linked > button.combo {
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
|
||||
@@ -1288,7 +1288,7 @@ searchbar > revealer > box {
|
||||
.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
border-radius: 9999px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.nemo-window .primary-toolbar .linked > button:not(.text-button), .titlebar .linked > button:not(.suggested-action):not(.destructive-action) {
|
||||
@@ -1483,8 +1483,8 @@ searchbar > revealer > box {
|
||||
.titlebar .path-bar
|
||||
button:not(.suggested-action):not(.destructive-action).text-button {
|
||||
min-width: 0;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.titlebar.selection-mode {
|
||||
@@ -1597,7 +1597,7 @@ button:not(.suggested-action):not(.destructive-action).text-button {
|
||||
}
|
||||
|
||||
headerbar {
|
||||
min-height: 48px;
|
||||
min-height: 46px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
@@ -1620,14 +1620,14 @@ headerbar > box.right {
|
||||
|
||||
headerbar separator.titlebutton,
|
||||
headerbar separator.sidebar {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin-top: 11.5px;
|
||||
margin-bottom: 11.5px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
headerbar switch {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
headerbar spinbutton button {
|
||||
@@ -1699,8 +1699,8 @@ headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizon
|
||||
************/
|
||||
.caja-pathbar button,
|
||||
.path-bar.linked:not(.vertical) > button {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 6px;
|
||||
margin-left: 1px;
|
||||
margin-right: 1px;
|
||||
@@ -1970,7 +1970,7 @@ menu {
|
||||
background-color: #232032;
|
||||
background-clip: border-box;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #9ccfd8;
|
||||
/* border: 1px solid $primary; */
|
||||
}
|
||||
|
||||
.csd menu {
|
||||
@@ -2823,23 +2823,23 @@ scale {
|
||||
}
|
||||
|
||||
scale.horizontal {
|
||||
padding: 17px 12px;
|
||||
padding: 16px 12px;
|
||||
}
|
||||
|
||||
scale.vertical {
|
||||
padding: 12px 17px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
scale.fine-tune.horizontal {
|
||||
min-height: 4px;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune.vertical {
|
||||
min-width: 4px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune slider {
|
||||
@@ -3043,7 +3043,7 @@ levelbar.horizontal block {
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block {
|
||||
min-width: 36px;
|
||||
min-width: 34px;
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block:not(:last-child) {
|
||||
@@ -3055,7 +3055,7 @@ levelbar.vertical block {
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block:not(:last-child) {
|
||||
@@ -3631,27 +3631,32 @@ messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-act
|
||||
}
|
||||
|
||||
.csd filechooser {
|
||||
background-color: #34304b;
|
||||
background-color: #191724;
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
filechooser treeview.view header > button {
|
||||
background-color: #111019;
|
||||
}
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid rgba(250, 244, 237, 0.12);
|
||||
background-color: #34304b;
|
||||
background-color: #111019;
|
||||
border-radius: 12px 12px 0 0;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
filechooser stack.view {
|
||||
background-color: transparent;
|
||||
padding: 4px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow {
|
||||
background-color: transparent;
|
||||
border-radius: 0 0 12px 0;
|
||||
background-color: #111019;
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow list {
|
||||
@@ -3676,6 +3681,12 @@ filechooser paned > separator {
|
||||
background: none;
|
||||
}
|
||||
|
||||
filechooser paned box.vertical {
|
||||
background-color: #111019;
|
||||
border-radius: 12px;
|
||||
margin: 0 6px 0 1px;
|
||||
}
|
||||
|
||||
/***********
|
||||
* Sidebar *
|
||||
***********/
|
||||
@@ -3739,7 +3750,7 @@ stacksidebar.sidebar row > label {
|
||||
* File chooser *
|
||||
****************/
|
||||
placessidebar.sidebar {
|
||||
margin: 6px;
|
||||
margin: 0 0 0 4px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -3761,7 +3772,8 @@ placessidebar.sidebar row {
|
||||
}
|
||||
|
||||
placessidebar.sidebar row:hover, placessidebar.sidebar row:active {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
/* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */
|
||||
background-color: alpha(currentColor, 0.08);
|
||||
color: #9ccfd8;
|
||||
}
|
||||
|
||||
@@ -3770,8 +3782,9 @@ placessidebar.sidebar row > revealer {
|
||||
}
|
||||
|
||||
placessidebar.sidebar row:selected {
|
||||
/* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */
|
||||
background-color: alpha(currentColor, 0.08);
|
||||
color: #9ccfd8;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -4216,7 +4229,7 @@ button.titlebutton:not(.suggested-action):not(.destructive-action) {
|
||||
min-height: 22px;
|
||||
min-width: 22px;
|
||||
padding: 0;
|
||||
margin: 0 2px;
|
||||
margin: 0 0px;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
@@ -4326,8 +4339,8 @@ stackswitcher button.text-button {
|
||||
|
||||
stackswitcher button.circular,
|
||||
stackswitcher button.text-button.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -4533,8 +4546,8 @@ popover.emoji-completion .emoji:hover {
|
||||
|
||||
.path-bar-box .linked.nautilus-path-bar
|
||||
button:not(.suggested-action):not(.destructive-action) {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
padding-left: 11px;
|
||||
padding-right: 11px;
|
||||
margin-left: 1px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
@@ -5198,7 +5211,7 @@ window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem >
|
||||
window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -5375,7 +5388,7 @@ layouttabbar {
|
||||
}
|
||||
|
||||
layouttabbar > box > button {
|
||||
margin: 2px 0;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
layouttab {
|
||||
@@ -5604,16 +5617,16 @@ window.workbench preferences preferencesgroup list entry {
|
||||
}
|
||||
|
||||
button.run-arrow-button {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
button.dzlmenubutton image {
|
||||
min-width: 30px;
|
||||
min-width: 28px;
|
||||
}
|
||||
|
||||
button.dzlmenubutton image.arrow {
|
||||
min-width: 27px;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
button.dzlmenubuttonitem {
|
||||
@@ -5878,14 +5891,24 @@ window.background > box.vertical > box.horizontal > frame > border {
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
|
||||
border-radius: 12px;
|
||||
/* border-radius: $corner-radius; */
|
||||
margin: 0 6px 6px;
|
||||
background-color: #f2e9e1;
|
||||
color: rgba(25, 23, 36, 0.87);
|
||||
background-color: #191724;
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected {
|
||||
color: rgba(25, 23, 36, 0.87);
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row {
|
||||
padding: 0 2px;
|
||||
margin: 2px 0;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover {
|
||||
color: #9ccfd8;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
|
||||
@@ -5925,7 +5948,7 @@ task-list-view taskrow image.dim-label {
|
||||
}
|
||||
|
||||
task-list-view > box > revealer > box > button {
|
||||
margin: -6px;
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
task-list-view > box > revealer > box > button .dim-label {
|
||||
@@ -5945,7 +5968,7 @@ tasklistview taskrow image.dim-label {
|
||||
}
|
||||
|
||||
tasklistview > box > revealer > box > button {
|
||||
margin: -6px;
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
tasklistview > box > revealer > box > button .dim-label {
|
||||
@@ -6010,7 +6033,7 @@ list.categories {
|
||||
* Calculator *
|
||||
**************/
|
||||
button.title label {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
/*********
|
||||
@@ -6272,7 +6295,7 @@ overlay > revealer.right > scrolledwindow.frame {
|
||||
}
|
||||
|
||||
button.image-button.session-new-button {
|
||||
min-width: 32px;
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
notebook.tilix-background tab > box > stack {
|
||||
@@ -6389,11 +6412,13 @@ window.background.chromium treeview.view button {
|
||||
}
|
||||
|
||||
window.background.chromium menu {
|
||||
background-color: #232032;
|
||||
border-color: #3c3756;
|
||||
}
|
||||
|
||||
window.background.chromium menu menuitem {
|
||||
border-radius: 0;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
tooltip.background.chromium {
|
||||
@@ -6635,6 +6660,27 @@ window.background.csd > box.vertical > overlay > stack > box.vertical > box.hori
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
dialog-host > floating-sheet > sheet > widget.response-area {
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) {
|
||||
/* background-color: if($variant == 'light', $grey-100, $grey-900); */
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
window.background:not(.csd) > box
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> scrolledwindow entry:focus {
|
||||
background-color: #25232f;
|
||||
}
|
||||
|
||||
/*********
|
||||
* Unity *
|
||||
*********/
|
||||
@@ -6946,7 +6992,7 @@ na-tray-applet {
|
||||
|
||||
#mate-menu entry + button {
|
||||
margin: 0 4px 4px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.brisk-menu {
|
||||
@@ -6985,7 +7031,7 @@ na-tray-applet {
|
||||
}
|
||||
|
||||
.brisk-menu .session-button {
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
.brisk-menu .frame {
|
||||
@@ -7737,7 +7783,7 @@ frame.raven-frame > border {
|
||||
}
|
||||
|
||||
.raven .raven-header {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@@ -7781,7 +7827,7 @@ frame.raven-frame > border {
|
||||
|
||||
.raven .powerstrip button {
|
||||
margin: 2px 0 1px;
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
@@ -7843,7 +7889,7 @@ calendar.raven-calendar:selected {
|
||||
}
|
||||
|
||||
.raven-mpris button.image-button {
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
image.raven-mpris {
|
||||
|
||||
@@ -238,7 +238,7 @@ assistant .sidebar {
|
||||
}
|
||||
|
||||
assistant .sidebar label {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 12px;
|
||||
color: rgba(250, 244, 237, 0.5);
|
||||
font-weight: 500;
|
||||
@@ -328,7 +328,7 @@ window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > vi
|
||||
|
||||
spinbutton.vertical, spinbutton:not(.vertical),
|
||||
entry {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 8px;
|
||||
border-radius: 12px;
|
||||
caret-color: currentColor;
|
||||
@@ -383,14 +383,14 @@ entry image:disabled {
|
||||
|
||||
spinbutton.vertical image.left, spinbutton:not(.vertical) image.left,
|
||||
entry image.left {
|
||||
margin-left: 2px;
|
||||
margin-left: 1px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
spinbutton.vertical image.right, spinbutton:not(.vertical) image.right,
|
||||
entry image.right {
|
||||
margin-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left,
|
||||
@@ -642,7 +642,7 @@ window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem >
|
||||
button {
|
||||
min-height: 24px;
|
||||
min-width: 16px;
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
border-radius: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -741,29 +741,29 @@ button.text-button {
|
||||
|
||||
button.image-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
button.text-button.image-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
button.text-button.image-button label:first-child {
|
||||
margin-left: 10px;
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button label:last-child {
|
||||
margin-right: 10px;
|
||||
margin-right: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:first-child {
|
||||
margin-left: 6px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:last-child {
|
||||
margin-right: 6px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button image:not(:only-child) {
|
||||
@@ -777,7 +777,7 @@ button.text-button.image-button image:not(:only-child) {
|
||||
button.osd {
|
||||
min-width: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
background-color: #191724;
|
||||
color: #faf4ed;
|
||||
}
|
||||
@@ -801,7 +801,7 @@ button.osd:disabled {
|
||||
}
|
||||
|
||||
button.osd.image-button, button.osd.circular {
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
button.osd.image-button > image, button.osd.circular > image {
|
||||
@@ -915,8 +915,8 @@ button.destructive-action.flat:checked {
|
||||
}
|
||||
|
||||
button.close, button.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -970,7 +970,7 @@ spinbutton:not(.vertical) {
|
||||
}
|
||||
|
||||
spinbutton:not(.vertical) entry {
|
||||
min-width: 32px;
|
||||
min-width: 30px;
|
||||
margin: 0;
|
||||
border-image: none;
|
||||
border-radius: 0;
|
||||
@@ -1009,8 +1009,8 @@ spinbutton.vertical entry {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
min-height: 36px;
|
||||
min-width: 42px;
|
||||
min-height: 34px;
|
||||
min-width: 40px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -1057,11 +1057,11 @@ combobox decoration {
|
||||
}
|
||||
|
||||
combobox button.combo cellview:dir(ltr) {
|
||||
margin-left: -2px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
combobox button.combo cellview:dir(rtl) {
|
||||
margin-right: -2px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
combobox.linked button:nth-child(2):dir(ltr) {
|
||||
@@ -1079,25 +1079,25 @@ combobox > .linked:not(.vertical) > entry:not(:only-child) {
|
||||
}
|
||||
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
|
||||
margin-right: -36px;
|
||||
padding-right: 36px;
|
||||
margin-right: -34px;
|
||||
padding-right: 34px;
|
||||
}
|
||||
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
|
||||
margin-left: -36px;
|
||||
padding-left: 36px;
|
||||
margin-left: -34px;
|
||||
padding-left: 34px;
|
||||
}
|
||||
|
||||
combobox > .linked:not(.vertical) > button:not(:only-child) {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: 6px;
|
||||
margin: 5px;
|
||||
padding: 4px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
combobox > .linked > button.combo {
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
|
||||
@@ -1288,7 +1288,7 @@ searchbar > revealer > box {
|
||||
.nemo-window .primary-toolbar button:not(.text-button), .titlebar button:not(.suggested-action):not(.destructive-action) {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
border-radius: 9999px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.nemo-window .primary-toolbar .linked > button:not(.text-button), .titlebar .linked > button:not(.suggested-action):not(.destructive-action) {
|
||||
@@ -1483,8 +1483,8 @@ searchbar > revealer > box {
|
||||
.titlebar .path-bar
|
||||
button:not(.suggested-action):not(.destructive-action).text-button {
|
||||
min-width: 0;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.titlebar.selection-mode {
|
||||
@@ -1597,7 +1597,7 @@ button:not(.suggested-action):not(.destructive-action).text-button {
|
||||
}
|
||||
|
||||
headerbar {
|
||||
min-height: 48px;
|
||||
min-height: 46px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
@@ -1620,14 +1620,14 @@ headerbar > box.right {
|
||||
|
||||
headerbar separator.titlebutton,
|
||||
headerbar separator.sidebar {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin-top: 11.5px;
|
||||
margin-bottom: 11.5px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
headerbar switch {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
headerbar spinbutton button {
|
||||
@@ -1699,8 +1699,8 @@ headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizon
|
||||
************/
|
||||
.caja-pathbar button,
|
||||
.path-bar.linked:not(.vertical) > button {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 6px;
|
||||
margin-left: 1px;
|
||||
margin-right: 1px;
|
||||
@@ -1970,7 +1970,7 @@ menu {
|
||||
background-color: #232032;
|
||||
background-clip: border-box;
|
||||
border-radius: 12px;
|
||||
border: 1px solid #9ccfd8;
|
||||
/* border: 1px solid $primary; */
|
||||
}
|
||||
|
||||
.csd menu {
|
||||
@@ -2823,23 +2823,23 @@ scale {
|
||||
}
|
||||
|
||||
scale.horizontal {
|
||||
padding: 17px 12px;
|
||||
padding: 16px 12px;
|
||||
}
|
||||
|
||||
scale.vertical {
|
||||
padding: 12px 17px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
scale.fine-tune.horizontal {
|
||||
min-height: 4px;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune.vertical {
|
||||
min-width: 4px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune slider {
|
||||
@@ -3043,7 +3043,7 @@ levelbar.horizontal block {
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block {
|
||||
min-width: 36px;
|
||||
min-width: 34px;
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block:not(:last-child) {
|
||||
@@ -3055,7 +3055,7 @@ levelbar.vertical block {
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block:not(:last-child) {
|
||||
@@ -3631,27 +3631,32 @@ messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-act
|
||||
}
|
||||
|
||||
.csd filechooser {
|
||||
background-color: #34304b;
|
||||
background-color: #191724;
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
filechooser .dialog-action-box {
|
||||
border-top: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
filechooser treeview.view header > button {
|
||||
background-color: #111019;
|
||||
}
|
||||
|
||||
filechooser #pathbarbox {
|
||||
border-bottom: 1px solid rgba(250, 244, 237, 0.12);
|
||||
background-color: #34304b;
|
||||
background-color: #111019;
|
||||
border-radius: 12px 12px 0 0;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
filechooser stack.view {
|
||||
background-color: transparent;
|
||||
padding: 4px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow {
|
||||
background-color: transparent;
|
||||
border-radius: 0 0 12px 0;
|
||||
background-color: #111019;
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
filechooser stack.view scrolledwindow list {
|
||||
@@ -3676,6 +3681,12 @@ filechooser paned > separator {
|
||||
background: none;
|
||||
}
|
||||
|
||||
filechooser paned box.vertical {
|
||||
background-color: #111019;
|
||||
border-radius: 12px;
|
||||
margin: 0 6px 0 1px;
|
||||
}
|
||||
|
||||
/***********
|
||||
* Sidebar *
|
||||
***********/
|
||||
@@ -3739,7 +3750,7 @@ stacksidebar.sidebar row > label {
|
||||
* File chooser *
|
||||
****************/
|
||||
placessidebar.sidebar {
|
||||
margin: 6px;
|
||||
margin: 0 0 0 4px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -3761,7 +3772,8 @@ placessidebar.sidebar row {
|
||||
}
|
||||
|
||||
placessidebar.sidebar row:hover, placessidebar.sidebar row:active {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
/* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */
|
||||
background-color: alpha(currentColor, 0.08);
|
||||
color: #9ccfd8;
|
||||
}
|
||||
|
||||
@@ -3770,8 +3782,9 @@ placessidebar.sidebar row > revealer {
|
||||
}
|
||||
|
||||
placessidebar.sidebar row:selected {
|
||||
/* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */
|
||||
background-color: alpha(currentColor, 0.08);
|
||||
color: #9ccfd8;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -4216,7 +4229,7 @@ button.titlebutton:not(.suggested-action):not(.destructive-action) {
|
||||
min-height: 22px;
|
||||
min-width: 22px;
|
||||
padding: 0;
|
||||
margin: 0 2px;
|
||||
margin: 0 0px;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
@@ -4326,8 +4339,8 @@ stackswitcher button.text-button {
|
||||
|
||||
stackswitcher button.circular,
|
||||
stackswitcher button.text-button.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -4533,8 +4546,8 @@ popover.emoji-completion .emoji:hover {
|
||||
|
||||
.path-bar-box .linked.nautilus-path-bar
|
||||
button:not(.suggested-action):not(.destructive-action) {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
padding-left: 11px;
|
||||
padding-right: 11px;
|
||||
margin-left: 1px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
@@ -5198,7 +5211,7 @@ window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem >
|
||||
window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button {
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -5375,7 +5388,7 @@ layouttabbar {
|
||||
}
|
||||
|
||||
layouttabbar > box > button {
|
||||
margin: 2px 0;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
layouttab {
|
||||
@@ -5604,16 +5617,16 @@ window.workbench preferences preferencesgroup list entry {
|
||||
}
|
||||
|
||||
button.run-arrow-button {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
button.dzlmenubutton image {
|
||||
min-width: 30px;
|
||||
min-width: 28px;
|
||||
}
|
||||
|
||||
button.dzlmenubutton image.arrow {
|
||||
min-width: 27px;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
button.dzlmenubuttonitem {
|
||||
@@ -5878,14 +5891,24 @@ window.background > box.vertical > box.horizontal > frame > border {
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list {
|
||||
border-radius: 12px;
|
||||
/* border-radius: $corner-radius; */
|
||||
margin: 0 6px 6px;
|
||||
background-color: #f2e9e1;
|
||||
color: rgba(25, 23, 36, 0.87);
|
||||
background-color: #191724;
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected {
|
||||
color: rgba(25, 23, 36, 0.87);
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row {
|
||||
padding: 0 2px;
|
||||
margin: 2px 0;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover {
|
||||
color: #9ccfd8;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
window.background > box.vertical > box.horizontal > stack > widget > notebook.frame {
|
||||
@@ -5925,7 +5948,7 @@ task-list-view taskrow image.dim-label {
|
||||
}
|
||||
|
||||
task-list-view > box > revealer > box > button {
|
||||
margin: -6px;
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
task-list-view > box > revealer > box > button .dim-label {
|
||||
@@ -5945,7 +5968,7 @@ tasklistview taskrow image.dim-label {
|
||||
}
|
||||
|
||||
tasklistview > box > revealer > box > button {
|
||||
margin: -6px;
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
tasklistview > box > revealer > box > button .dim-label {
|
||||
@@ -6010,7 +6033,7 @@ list.categories {
|
||||
* Calculator *
|
||||
**************/
|
||||
button.title label {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
/*********
|
||||
@@ -6272,7 +6295,7 @@ overlay > revealer.right > scrolledwindow.frame {
|
||||
}
|
||||
|
||||
button.image-button.session-new-button {
|
||||
min-width: 32px;
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
notebook.tilix-background tab > box > stack {
|
||||
@@ -6389,11 +6412,13 @@ window.background.chromium treeview.view button {
|
||||
}
|
||||
|
||||
window.background.chromium menu {
|
||||
background-color: #232032;
|
||||
border-color: #3c3756;
|
||||
}
|
||||
|
||||
window.background.chromium menu menuitem {
|
||||
border-radius: 0;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
tooltip.background.chromium {
|
||||
@@ -6635,6 +6660,27 @@ window.background.csd > box.vertical > overlay > stack > box.vertical > box.hori
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
dialog-host > floating-sheet > sheet > widget.response-area {
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) {
|
||||
/* background-color: if($variant == 'light', $grey-100, $grey-900); */
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
window.background:not(.csd) > box
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> widget
|
||||
> scrolledwindow entry:focus {
|
||||
background-color: #25232f;
|
||||
}
|
||||
|
||||
/*********
|
||||
* Unity *
|
||||
*********/
|
||||
@@ -6946,7 +6992,7 @@ na-tray-applet {
|
||||
|
||||
#mate-menu entry + button {
|
||||
margin: 0 4px 4px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.brisk-menu {
|
||||
@@ -6985,7 +7031,7 @@ na-tray-applet {
|
||||
}
|
||||
|
||||
.brisk-menu .session-button {
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
.brisk-menu .frame {
|
||||
@@ -7737,7 +7783,7 @@ frame.raven-frame > border {
|
||||
}
|
||||
|
||||
.raven .raven-header {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
@@ -7781,7 +7827,7 @@ frame.raven-frame > border {
|
||||
|
||||
.raven .powerstrip button {
|
||||
margin: 2px 0 1px;
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
@@ -7843,7 +7889,7 @@ calendar.raven-calendar:selected {
|
||||
}
|
||||
|
||||
.raven-mpris button.image-button {
|
||||
padding: 12px;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
image.raven-mpris {
|
||||
|
||||
@@ -213,7 +213,7 @@ window.assistant .sidebar {
|
||||
}
|
||||
|
||||
window.assistant .sidebar label {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 12px;
|
||||
color: rgba(250, 244, 237, 0.5);
|
||||
font-weight: 500;
|
||||
@@ -276,7 +276,7 @@ spinner:checked:disabled {
|
||||
entry headerbar popover.background entry,
|
||||
headerbar popover.background entry entry,
|
||||
entry {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 8px;
|
||||
border-spacing: 6px;
|
||||
border-radius: 12px;
|
||||
@@ -375,14 +375,14 @@ entry image:disabled {
|
||||
entry headerbar popover.background entry image.left,
|
||||
headerbar popover.background entry entry image.left,
|
||||
entry image.left {
|
||||
margin: 0 6px 0 2px;
|
||||
margin: 0 6px 0 1px;
|
||||
}
|
||||
|
||||
|
||||
entry headerbar popover.background entry image.right,
|
||||
headerbar popover.background entry entry image.right,
|
||||
entry image.right {
|
||||
margin: 0 2px 0 6px;
|
||||
margin: 0 1px 0 6px;
|
||||
}
|
||||
|
||||
|
||||
@@ -856,7 +856,8 @@ splitbutton.flat > menubutton > button {
|
||||
placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
|
||||
splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) {
|
||||
color: #faf4ed;
|
||||
outline: 2px solid rgba(250, 244, 237, 0.04);
|
||||
outline: 2px solid transparent;
|
||||
/* outline: 2px solid $fill; */
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
@@ -904,7 +905,8 @@ splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active
|
||||
splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active),
|
||||
splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) {
|
||||
color: #faf4ed;
|
||||
outline: 2px solid rgba(250, 244, 237, 0.04);
|
||||
outline: 2px solid transparent;
|
||||
/* outline: 2px solid $fill; */
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
@@ -995,7 +997,7 @@ button.opaque:checked.keyboard-activating, button.opaque:checked:active {
|
||||
button {
|
||||
min-height: 24px;
|
||||
min-width: 16px;
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
border-radius: 9px;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -1023,12 +1025,12 @@ button.text-button {
|
||||
|
||||
button.image-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
button.text-button.image-button, button.image-text-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
@@ -1046,19 +1048,19 @@ button.image-text-button > box > box > label {
|
||||
}
|
||||
|
||||
button.text-button.image-button label:first-child, button.image-text-button label:first-child {
|
||||
margin-left: 10px;
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button label:last-child, button.image-text-button label:last-child {
|
||||
margin-right: 10px;
|
||||
margin-right: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
|
||||
margin-left: 6px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
|
||||
margin-right: 6px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
|
||||
@@ -1169,7 +1171,7 @@ button.card:drop(active) {
|
||||
button.osd {
|
||||
min-width: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
color: #faf4ed;
|
||||
@@ -1302,11 +1304,11 @@ button.font > box > box > label, button.file > box > box > label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -1392,7 +1394,7 @@ splitbutton > separator {
|
||||
}
|
||||
|
||||
splitbutton > menubutton > button {
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
splitbutton.image-button > button {
|
||||
@@ -1869,7 +1871,7 @@ spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
|
||||
}
|
||||
|
||||
spinbutton:not(.vertical) > text {
|
||||
min-width: 32px;
|
||||
min-width: 30px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
@@ -1910,14 +1912,14 @@ cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatabl
|
||||
}
|
||||
|
||||
spinbutton.vertical > text {
|
||||
min-height: 36px;
|
||||
min-width: 42px;
|
||||
min-height: 34px;
|
||||
min-width: 40px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
spinbutton.vertical > button {
|
||||
padding: 0;
|
||||
margin: 6px 9px;
|
||||
margin: 6px 8px;
|
||||
}
|
||||
|
||||
/**************
|
||||
@@ -1942,12 +1944,12 @@ combobox > popover.menu > contents modelbutton {
|
||||
|
||||
dropdown button.combo cellview:dir(ltr),
|
||||
combobox button.combo cellview:dir(ltr) {
|
||||
margin-left: -2px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
dropdown button.combo cellview:dir(rtl),
|
||||
combobox button.combo cellview:dir(rtl) {
|
||||
margin-right: -2px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
dropdown popover,
|
||||
@@ -1996,21 +1998,21 @@ combobox > .linked:not(.vertical) > entry:not(:only-child) {
|
||||
|
||||
dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
|
||||
margin-right: -36px;
|
||||
padding-right: 36px;
|
||||
margin-right: -34px;
|
||||
padding-right: 34px;
|
||||
}
|
||||
|
||||
dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
|
||||
margin-left: -36px;
|
||||
padding-left: 36px;
|
||||
margin-left: -34px;
|
||||
padding-left: 34px;
|
||||
}
|
||||
|
||||
dropdown > .linked:not(.vertical) > button:not(:only-child),
|
||||
combobox > .linked:not(.vertical) > button:not(:only-child) {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: 6px;
|
||||
margin: 5px;
|
||||
padding: 4px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
@@ -2048,7 +2050,8 @@ button.combo:only-child {
|
||||
|
||||
button.combo:only-child:focus {
|
||||
color: #faf4ed;
|
||||
outline: 2px solid rgba(250, 244, 237, 0.04);
|
||||
outline: 2px solid transparent;
|
||||
/* outline: 2px solid $fill; */
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
@@ -2185,7 +2188,12 @@ searchbar > revealer > box menubutton {
|
||||
***************/
|
||||
headerbar button:not(.suggested-action):not(.destructive-action) {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
/* background-color: if( */
|
||||
/* $variant == 'light', */
|
||||
/* rgba($base_alt, 0.5), */
|
||||
/* $titlebar-fill */
|
||||
/* ); */
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
outline: none;
|
||||
@@ -2265,7 +2273,7 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
|
||||
headerbar entry {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
color: #faf4ed;
|
||||
border-radius: 9999px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
headerbar entry:disabled {
|
||||
@@ -2289,7 +2297,7 @@ headerbar {
|
||||
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
background-color: transparent;
|
||||
color: #faf4ed;
|
||||
min-height: 48px;
|
||||
min-height: 46px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
@@ -2316,12 +2324,15 @@ headerbar.flat, headerbar.flat:backdrop {
|
||||
}
|
||||
|
||||
headerbar .title {
|
||||
padding: 0 12px;
|
||||
/* padding: 0 $space-size * 2; */
|
||||
padding: 0;
|
||||
margin: 0 -20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
headerbar .subtitle {
|
||||
padding: 0 12px;
|
||||
/* padding: 0 $space-size * 2; */
|
||||
padding: 0;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
@@ -2354,7 +2365,7 @@ headerbar headerbar + separator {
|
||||
}
|
||||
|
||||
headerbar > windowhandle > box {
|
||||
padding: 0 6px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
headerbar > windowhandle > box,
|
||||
@@ -2391,7 +2402,12 @@ headerbar button.destructive-action:disabled {
|
||||
}
|
||||
|
||||
headerbar splitbutton {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
/* background-color: if( */
|
||||
/* $variant == 'light', */
|
||||
/* rgba($base_alt, 0.5), */
|
||||
/* $titlebar-fill */
|
||||
/* ); */
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
@@ -2449,7 +2465,7 @@ headerbar separator:not(.sidebar) {
|
||||
}
|
||||
|
||||
headerbar switch {
|
||||
margin: 12px 6px;
|
||||
margin: 11px 6px;
|
||||
}
|
||||
|
||||
headerbar.selection-mode {
|
||||
@@ -2476,7 +2492,7 @@ headerbar.selection-mode .selection-menu .arrow {
|
||||
}
|
||||
|
||||
headerbar.default-decoration {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 12px 12px 0 0;
|
||||
@@ -2512,8 +2528,8 @@ window.devel headerbar:backdrop {
|
||||
************/
|
||||
|
||||
pathbar > button {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 12px;
|
||||
background-color: alpha(currentColor, 0.08);
|
||||
border: none;
|
||||
@@ -2752,7 +2768,7 @@ treeview.view acceleditor > label {
|
||||
}
|
||||
|
||||
stack.view treeview.view {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
/*********
|
||||
@@ -3213,7 +3229,7 @@ tabbar > revealer > box {
|
||||
}
|
||||
|
||||
tabbar .box {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
background-image: none;
|
||||
padding: 0;
|
||||
@@ -3427,26 +3443,24 @@ scrollbar {
|
||||
}
|
||||
|
||||
scrollbar.top {
|
||||
border-bottom: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar.bottom {
|
||||
border-top: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar.left {
|
||||
border-right: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar.right {
|
||||
border-left: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar > range > trough {
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider {
|
||||
@@ -3456,21 +3470,21 @@ scrollbar > range > trough > slider {
|
||||
border: 4px solid transparent;
|
||||
border-radius: 9999px;
|
||||
background-clip: padding-box;
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
background-color: #232032;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider:hover {
|
||||
background-color: rgba(250, 244, 237, 0.7);
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider:active {
|
||||
background-color: #faf4ed;
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider:disabled {
|
||||
background-color: rgba(250, 244, 237, 0.32);
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
scrollbar > range.fine-tune > trough > slider {
|
||||
@@ -3479,11 +3493,11 @@ scrollbar > range.fine-tune > trough > slider {
|
||||
}
|
||||
|
||||
scrollbar > range.fine-tune.horizontal > trough > slider {
|
||||
margin: 3px 0;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
scrollbar > range.fine-tune.vertical > trough > slider {
|
||||
margin: 0 3px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
|
||||
@@ -3498,14 +3512,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
margin: 0;
|
||||
border: 1px solid rgba(52, 48, 75, 0.3);
|
||||
margin: 2px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
margin: 0;
|
||||
margin: 2px;
|
||||
border: 1px solid rgba(52, 48, 75, 0.3);
|
||||
border-radius: 9999px;
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
@@ -3534,7 +3548,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
|
||||
}
|
||||
|
||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||
background-color: rgba(43, 40, 62, 0.9);
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
scrollbar.horizontal > range > trough > slider {
|
||||
@@ -3866,11 +3880,11 @@ scale {
|
||||
}
|
||||
|
||||
scale.horizontal {
|
||||
padding: 17px 12px;
|
||||
padding: 16px 12px;
|
||||
}
|
||||
|
||||
scale.vertical {
|
||||
padding: 12px 17px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
scale > trough {
|
||||
@@ -3927,14 +3941,14 @@ scale > trough > slider:disabled {
|
||||
|
||||
scale.fine-tune.horizontal {
|
||||
min-height: 4px;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune.vertical {
|
||||
min-width: 4px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune > trough > slider {
|
||||
@@ -4055,7 +4069,7 @@ levelbar.horizontal block {
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block {
|
||||
min-width: 36px;
|
||||
min-width: 34px;
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block:not(:last-child) {
|
||||
@@ -4067,7 +4081,7 @@ levelbar.vertical block {
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block:not(:last-child) {
|
||||
@@ -4186,7 +4200,7 @@ stack scrolledwindow.frame viewport.frame list {
|
||||
border: none;
|
||||
}
|
||||
|
||||
overshoot.top {
|
||||
scrolledwindow > overshoot.top {
|
||||
background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 100% 3%, 100% 50%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4196,7 +4210,7 @@ overshoot.top {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
overshoot.bottom {
|
||||
scrolledwindow > overshoot.bottom {
|
||||
background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 100% 3%, 100% 50%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4206,7 +4220,7 @@ overshoot.bottom {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
overshoot.left {
|
||||
scrolledwindow > overshoot.left {
|
||||
background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 3% 100%, 50% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4216,7 +4230,7 @@ overshoot.left {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
overshoot.right {
|
||||
scrolledwindow > overshoot.right {
|
||||
background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 3% 100%, 50% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4226,9 +4240,46 @@ overshoot.right {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
junction {
|
||||
border: none;
|
||||
scrolledwindow.undershoot-top > undershoot.top {
|
||||
border-radius: 0px 0px 0 0;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to bottom, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-bottom > undershoot.bottom {
|
||||
border-radius: 0 0 0px 0px;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to top, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
|
||||
border-radius: 0px 0 0 0px;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to right, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
|
||||
border-radius: 0 0px 0px 0;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to left, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
|
||||
border-radius: 0 0px 0px 0;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to left, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
|
||||
border-radius: 0px 0 0 0px;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to right, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow > undershoot {
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
separator {
|
||||
@@ -4365,7 +4416,7 @@ row label.subtitle {
|
||||
row > box.header {
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
min-height: 48px;
|
||||
min-height: 46px;
|
||||
}
|
||||
|
||||
row > box.header > .icon:disabled {
|
||||
@@ -4992,7 +5043,8 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
* Navigation Sidebar *
|
||||
**********************/
|
||||
.navigation-sidebar {
|
||||
padding: 2px 4px;
|
||||
/* padding: $space-size - 4 $space-size - 2; //only vertical padding. horizontal row size would clip */
|
||||
padding: 0 6px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
@@ -5012,8 +5064,9 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
|
||||
.navigation-sidebar > row {
|
||||
min-height: 24px;
|
||||
padding: 0 6px 0 6px;
|
||||
margin: 1px;
|
||||
/* padding: 0 $space-size 0 $space-size; */
|
||||
padding: 0 6px;
|
||||
margin: 0;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
@@ -5495,36 +5548,44 @@ window.ssd {
|
||||
box-shadow: inset 0 1px rgba(250, 244, 237, 0.1);
|
||||
}
|
||||
|
||||
windowcontrols button:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action) {
|
||||
min-height: 22px;
|
||||
min-width: 22px;
|
||||
padding: 0;
|
||||
margin: 0 2px;
|
||||
padding: 6px 0;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: alpha(currentColor, 0.1);
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
|
||||
padding: 0;
|
||||
windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
|
||||
color: #faf4ed;
|
||||
background-color: alpha(currentColor, 0.15);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px rgba(250, 244, 237, 0.1);
|
||||
windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image {
|
||||
background-color: alpha(currentColor, 0.1);
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image {
|
||||
background-color: alpha(currentColor, 0.15);
|
||||
}
|
||||
|
||||
windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image {
|
||||
background-color: alpha(currentColor, 0.2);
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) {
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
@@ -5533,13 +5594,18 @@ windowcontrols {
|
||||
}
|
||||
|
||||
windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
|
||||
margin-right: 4px;
|
||||
margin-left: 4px;
|
||||
margin-right: 6px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action) > image {
|
||||
border-radius: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -5650,8 +5716,8 @@ stackswitcher button.text-button {
|
||||
|
||||
stackswitcher button.circular,
|
||||
stackswitcher button.text-button.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -5767,14 +5833,25 @@ popover.entry-completion > contents {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view,
|
||||
.nautilus-window .nautilus-list-view {
|
||||
/* @extend %content_style; */
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view .view,
|
||||
.nautilus-window .nautilus-list-view .view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view row.activatable > cell,
|
||||
.nautilus-window .nautilus-list-view row.activatable > cell {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view gridview.view {
|
||||
margin: 6px;
|
||||
padding: 6px;
|
||||
margin: 10px 5px;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
|
||||
.nautilus-window tabbar .box {
|
||||
@@ -5834,7 +5911,7 @@ popover.entry-completion > contents {
|
||||
margin: 6px;
|
||||
border-style: none;
|
||||
border-radius: 9px;
|
||||
background-color: #191724;
|
||||
background-color: rgba(52, 48, 75, 0.95);
|
||||
color: #9ccfd8;
|
||||
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
@@ -5921,6 +5998,26 @@ popover.entry-completion > contents {
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
#NautilusFileChooser gridview.view {
|
||||
background-color: transparent;
|
||||
margin: 10px 5px;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
|
||||
#NautilusFileChooser columnview.view,
|
||||
row.activatable > cell {
|
||||
background-color: transparent;
|
||||
padding: 1px 10px;
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover label {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover image {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
/* Nautilus Progress Indicator */
|
||||
windowhandle box.vertical box.toolbar {
|
||||
background-color: #191724;
|
||||
@@ -5934,14 +6031,6 @@ windowhandle box.toolbar menubutton button.toggle {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover label {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover image {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
window.dialog > box > stack > box > box > notebook.frame {
|
||||
border-width: 0 0 0 1px;
|
||||
border-radius: 0;
|
||||
@@ -6165,8 +6254,8 @@ datechooser navigator label {
|
||||
|
||||
datechooser navigator button.flat,
|
||||
datechooser navigator button.image-button {
|
||||
min-height: 36px;
|
||||
min-width: 36px;
|
||||
min-height: 34px;
|
||||
min-width: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -6181,8 +6270,8 @@ datechooser button.day {
|
||||
font-weight: normal;
|
||||
margin: 3px;
|
||||
padding: 0;
|
||||
min-height: 36px;
|
||||
min-width: 36px;
|
||||
min-height: 34px;
|
||||
min-width: 34px;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
@@ -6392,6 +6481,22 @@ menubutton stack > box {
|
||||
border-top-left-radius: 12px;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left > windowhandle > box {
|
||||
padding: 0px;
|
||||
margin: 0 5px 0 15px;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left > windowhandle widget > box.start {
|
||||
padding: 0px;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left > windowhandle widget > box,
|
||||
.tweak-titlebar-left windowtitle {
|
||||
padding: 0px;
|
||||
margin: 0 -3px 0 10px;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left:backdrop {
|
||||
box-shadow: inset 0 1px rgba(250, 244, 237, 0.1);
|
||||
border-top-left-radius: 12px;
|
||||
@@ -7063,7 +7168,7 @@ spinner.fade-in:checked {
|
||||
|
||||
window > contents > leaflet > box > stack.background {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, transparent, transparent 48px, #191724 48px, #191724);
|
||||
background-image: linear-gradient(to bottom, transparent, transparent 46px, #191724 46px, #191724);
|
||||
}
|
||||
|
||||
@define-color weather_temp_chart_fill_color rgba(234, 157, 52, 0.5);
|
||||
@@ -7180,8 +7285,8 @@ scrolledwindow.inline undershoot.top {
|
||||
}
|
||||
|
||||
image.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
@@ -7417,6 +7522,14 @@ notebook scrolledwindow treeview.treeview-spacing {
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
.account-switcher-row label {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
.account-switcher-row label.dim-label {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
avatar {
|
||||
border-radius: 9999px;
|
||||
font-weight: bold;
|
||||
@@ -7565,7 +7678,7 @@ toast > label {
|
||||
}
|
||||
|
||||
viewswitcher {
|
||||
margin: 0;
|
||||
margin: 2px;
|
||||
border-spacing: 3px;
|
||||
}
|
||||
|
||||
@@ -7574,13 +7687,13 @@ viewswitcher.wide button.toggle {
|
||||
}
|
||||
|
||||
viewswitcher.wide button.toggle:first-child {
|
||||
border-top-left-radius: 18px;
|
||||
border-bottom-left-radius: 18px;
|
||||
border-top-left-radius: 17px;
|
||||
border-bottom-left-radius: 17px;
|
||||
}
|
||||
|
||||
viewswitcher.wide button.toggle:last-child {
|
||||
border-top-right-radius: 18px;
|
||||
border-bottom-right-radius: 18px;
|
||||
border-top-right-radius: 17px;
|
||||
border-bottom-right-radius: 17px;
|
||||
}
|
||||
|
||||
viewswitcher.narrow button.toggle {
|
||||
@@ -7706,6 +7819,11 @@ preferencespage > scrolledwindow > viewport > clamp > box {
|
||||
border-spacing: 24px;
|
||||
}
|
||||
|
||||
preferencesgroup > box background-preview widget.sidebar,
|
||||
preferencesgroup > box widget.header-bar:not(.editable-area) {
|
||||
background-color: #111019;
|
||||
}
|
||||
|
||||
preferencesgroup > box,
|
||||
preferencesgroup > box .labels {
|
||||
border-spacing: 6px;
|
||||
@@ -7811,6 +7929,37 @@ preferencesgroup > box button.accent-button.slate {
|
||||
--accent-bg-color: var(--accent-slate);
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate {
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
border-radius: 12px 12px 0 0;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row:first-child {
|
||||
border-radius: 12px 12px 0 0;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row:last-child {
|
||||
border-radius: 0 0 12px 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row + row {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
window.about .main-page > viewport > clamp > box {
|
||||
margin: 12px;
|
||||
border-spacing: 6px;
|
||||
@@ -7949,35 +8098,41 @@ overlay-split-view > shadow.down {
|
||||
background-color: #191724;
|
||||
color: #faf4ed;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
|
||||
.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow {
|
||||
color: rgba(25, 23, 36, 0.38);
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough, placessidebar > scrolledwindow > scrollbar > range > trough, .nautilus-window placessidebar scrollbar > range > trough, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough {
|
||||
margin: 0 -8px 0 0;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider {
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
background-color: #232032;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover, .nautilus-window placessidebar scrollbar > range > trough > slider:hover, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover {
|
||||
background-color: rgba(250, 244, 237, 0.7);
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active, .nautilus-window placessidebar scrollbar > range > trough > slider:active, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active {
|
||||
background-color: #faf4ed;
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, .nautilus-window placessidebar scrollbar > range > trough > slider:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled {
|
||||
background-color: rgba(250, 244, 237, 0.32);
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
|
||||
@@ -8018,7 +8173,7 @@ placessidebar list.navigation-sidebar > row, .nautilus-window placessidebar > sc
|
||||
color: rgba(25, 23, 36, 0.6);
|
||||
border-radius: 9px;
|
||||
color: #faf4ed;
|
||||
padding: 7px 0;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
placessidebar list.navigation-sidebar > row:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus {
|
||||
|
||||
@@ -213,7 +213,7 @@ window.assistant .sidebar {
|
||||
}
|
||||
|
||||
window.assistant .sidebar label {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 12px;
|
||||
color: rgba(250, 244, 237, 0.5);
|
||||
font-weight: 500;
|
||||
@@ -276,7 +276,7 @@ spinner:checked:disabled {
|
||||
entry headerbar popover.background entry,
|
||||
headerbar popover.background entry entry,
|
||||
entry {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0 8px;
|
||||
border-spacing: 6px;
|
||||
border-radius: 12px;
|
||||
@@ -375,14 +375,14 @@ entry image:disabled {
|
||||
entry headerbar popover.background entry image.left,
|
||||
headerbar popover.background entry entry image.left,
|
||||
entry image.left {
|
||||
margin: 0 6px 0 2px;
|
||||
margin: 0 6px 0 1px;
|
||||
}
|
||||
|
||||
|
||||
entry headerbar popover.background entry image.right,
|
||||
headerbar popover.background entry entry image.right,
|
||||
entry image.right {
|
||||
margin: 0 2px 0 6px;
|
||||
margin: 0 1px 0 6px;
|
||||
}
|
||||
|
||||
|
||||
@@ -856,7 +856,8 @@ splitbutton.flat > menubutton > button {
|
||||
placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active),
|
||||
splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) {
|
||||
color: #faf4ed;
|
||||
outline: 2px solid rgba(250, 244, 237, 0.04);
|
||||
outline: 2px solid transparent;
|
||||
/* outline: 2px solid $fill; */
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
@@ -904,7 +905,8 @@ splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active
|
||||
splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active),
|
||||
splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) {
|
||||
color: #faf4ed;
|
||||
outline: 2px solid rgba(250, 244, 237, 0.04);
|
||||
outline: 2px solid transparent;
|
||||
/* outline: 2px solid $fill; */
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
@@ -995,7 +997,7 @@ button.opaque:checked.keyboard-activating, button.opaque:checked:active {
|
||||
button {
|
||||
min-height: 24px;
|
||||
min-width: 16px;
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
border-radius: 9px;
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -1023,12 +1025,12 @@ button.text-button {
|
||||
|
||||
button.image-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
button.text-button.image-button, button.image-text-button {
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
@@ -1046,19 +1048,19 @@ button.image-text-button > box > box > label {
|
||||
}
|
||||
|
||||
button.text-button.image-button label:first-child, button.image-text-button label:first-child {
|
||||
margin-left: 10px;
|
||||
margin-left: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button label:last-child, button.image-text-button label:last-child {
|
||||
margin-right: 10px;
|
||||
margin-right: 11px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child {
|
||||
margin-left: 6px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child {
|
||||
margin-right: 6px;
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) {
|
||||
@@ -1169,7 +1171,7 @@ button.card:drop(active) {
|
||||
button.osd {
|
||||
min-width: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px;
|
||||
padding: 5px;
|
||||
box-shadow: none;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
color: #faf4ed;
|
||||
@@ -1302,11 +1304,11 @@ button.font > box > box > label, button.file > box > box > label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
windowcontrols button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
windowcontrols button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -1392,7 +1394,7 @@ splitbutton > separator {
|
||||
}
|
||||
|
||||
splitbutton > menubutton > button {
|
||||
padding: 6px 10px;
|
||||
padding: 5px 9px;
|
||||
}
|
||||
|
||||
splitbutton.image-button > button {
|
||||
@@ -1869,7 +1871,7 @@ spinbutton > button:focus:not(:hover):not(:active):not(:disabled) {
|
||||
}
|
||||
|
||||
spinbutton:not(.vertical) > text {
|
||||
min-width: 32px;
|
||||
min-width: 30px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
@@ -1910,14 +1912,14 @@ cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatabl
|
||||
}
|
||||
|
||||
spinbutton.vertical > text {
|
||||
min-height: 36px;
|
||||
min-width: 42px;
|
||||
min-height: 34px;
|
||||
min-width: 40px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
spinbutton.vertical > button {
|
||||
padding: 0;
|
||||
margin: 6px 9px;
|
||||
margin: 6px 8px;
|
||||
}
|
||||
|
||||
/**************
|
||||
@@ -1942,12 +1944,12 @@ combobox > popover.menu > contents modelbutton {
|
||||
|
||||
dropdown button.combo cellview:dir(ltr),
|
||||
combobox button.combo cellview:dir(ltr) {
|
||||
margin-left: -2px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
dropdown button.combo cellview:dir(rtl),
|
||||
combobox button.combo cellview:dir(rtl) {
|
||||
margin-right: -2px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
dropdown popover,
|
||||
@@ -1996,21 +1998,21 @@ combobox > .linked:not(.vertical) > entry:not(:only-child) {
|
||||
|
||||
dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child,
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
|
||||
margin-right: -36px;
|
||||
padding-right: 36px;
|
||||
margin-right: -34px;
|
||||
padding-right: 34px;
|
||||
}
|
||||
|
||||
dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child,
|
||||
combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
|
||||
margin-left: -36px;
|
||||
padding-left: 36px;
|
||||
margin-left: -34px;
|
||||
padding-left: 34px;
|
||||
}
|
||||
|
||||
dropdown > .linked:not(.vertical) > button:not(:only-child),
|
||||
combobox > .linked:not(.vertical) > button:not(:only-child) {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin: 6px;
|
||||
margin: 5px;
|
||||
padding: 4px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
@@ -2048,7 +2050,8 @@ button.combo:only-child {
|
||||
|
||||
button.combo:only-child:focus {
|
||||
color: #faf4ed;
|
||||
outline: 2px solid rgba(250, 244, 237, 0.04);
|
||||
outline: 2px solid transparent;
|
||||
/* outline: 2px solid $fill; */
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
@@ -2185,7 +2188,12 @@ searchbar > revealer > box menubutton {
|
||||
***************/
|
||||
headerbar button:not(.suggested-action):not(.destructive-action) {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
/* background-color: if( */
|
||||
/* $variant == 'light', */
|
||||
/* rgba($base_alt, 0.5), */
|
||||
/* $titlebar-fill */
|
||||
/* ); */
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
border: none;
|
||||
outline: none;
|
||||
@@ -2265,7 +2273,7 @@ headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructi
|
||||
headerbar entry {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
color: #faf4ed;
|
||||
border-radius: 9999px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
headerbar entry:disabled {
|
||||
@@ -2289,7 +2297,7 @@ headerbar {
|
||||
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
|
||||
background-color: transparent;
|
||||
color: #faf4ed;
|
||||
min-height: 48px;
|
||||
min-height: 46px;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
@@ -2316,12 +2324,15 @@ headerbar.flat, headerbar.flat:backdrop {
|
||||
}
|
||||
|
||||
headerbar .title {
|
||||
padding: 0 12px;
|
||||
/* padding: 0 $space-size * 2; */
|
||||
padding: 0;
|
||||
margin: 0 -20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
headerbar .subtitle {
|
||||
padding: 0 12px;
|
||||
/* padding: 0 $space-size * 2; */
|
||||
padding: 0;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
@@ -2354,7 +2365,7 @@ headerbar headerbar + separator {
|
||||
}
|
||||
|
||||
headerbar > windowhandle > box {
|
||||
padding: 0 6px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
headerbar > windowhandle > box,
|
||||
@@ -2391,7 +2402,12 @@ headerbar button.destructive-action:disabled {
|
||||
}
|
||||
|
||||
headerbar splitbutton {
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
/* background-color: if( */
|
||||
/* $variant == 'light', */
|
||||
/* rgba($base_alt, 0.5), */
|
||||
/* $titlebar-fill */
|
||||
/* ); */
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
@@ -2449,7 +2465,7 @@ headerbar separator:not(.sidebar) {
|
||||
}
|
||||
|
||||
headerbar switch {
|
||||
margin: 12px 6px;
|
||||
margin: 11px 6px;
|
||||
}
|
||||
|
||||
headerbar.selection-mode {
|
||||
@@ -2476,7 +2492,7 @@ headerbar.selection-mode .selection-menu .arrow {
|
||||
}
|
||||
|
||||
headerbar.default-decoration {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 12px 12px 0 0;
|
||||
@@ -2512,8 +2528,8 @@ window.devel headerbar:backdrop {
|
||||
************/
|
||||
|
||||
pathbar > button {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 12px;
|
||||
background-color: alpha(currentColor, 0.08);
|
||||
border: none;
|
||||
@@ -2752,7 +2768,7 @@ treeview.view acceleditor > label {
|
||||
}
|
||||
|
||||
stack.view treeview.view {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
/*********
|
||||
@@ -3213,7 +3229,7 @@ tabbar > revealer > box {
|
||||
}
|
||||
|
||||
tabbar .box {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
background-image: none;
|
||||
padding: 0;
|
||||
@@ -3427,26 +3443,24 @@ scrollbar {
|
||||
}
|
||||
|
||||
scrollbar.top {
|
||||
border-bottom: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar.bottom {
|
||||
border-top: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar.left {
|
||||
border-right: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar.right {
|
||||
border-left: 1px solid rgba(250, 244, 237, 0.12);
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
|
||||
scrollbar > range > trough {
|
||||
border: none;
|
||||
background: none;
|
||||
padding: 0;
|
||||
outline: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider {
|
||||
@@ -3456,21 +3470,21 @@ scrollbar > range > trough > slider {
|
||||
border: 4px solid transparent;
|
||||
border-radius: 9999px;
|
||||
background-clip: padding-box;
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
background-color: #232032;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider:hover {
|
||||
background-color: rgba(250, 244, 237, 0.7);
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider:active {
|
||||
background-color: #faf4ed;
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
scrollbar > range > trough > slider:disabled {
|
||||
background-color: rgba(250, 244, 237, 0.32);
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
scrollbar > range.fine-tune > trough > slider {
|
||||
@@ -3479,11 +3493,11 @@ scrollbar > range.fine-tune > trough > slider {
|
||||
}
|
||||
|
||||
scrollbar > range.fine-tune.horizontal > trough > slider {
|
||||
margin: 3px 0;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
scrollbar > range.fine-tune.vertical > trough > slider {
|
||||
margin: 0 3px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
scrollbar.overlay-indicator:not(.fine-tune) > range > trough > slider {
|
||||
@@ -3498,14 +3512,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
margin: 0;
|
||||
border: 1px solid rgba(52, 48, 75, 0.3);
|
||||
margin: 2px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
margin: 0;
|
||||
margin: 2px;
|
||||
border: 1px solid rgba(52, 48, 75, 0.3);
|
||||
border-radius: 9999px;
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
@@ -3534,7 +3548,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
|
||||
}
|
||||
|
||||
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
|
||||
background-color: rgba(43, 40, 62, 0.9);
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
scrollbar.horizontal > range > trough > slider {
|
||||
@@ -3866,11 +3880,11 @@ scale {
|
||||
}
|
||||
|
||||
scale.horizontal {
|
||||
padding: 17px 12px;
|
||||
padding: 16px 12px;
|
||||
}
|
||||
|
||||
scale.vertical {
|
||||
padding: 12px 17px;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
scale > trough {
|
||||
@@ -3927,14 +3941,14 @@ scale > trough > slider:disabled {
|
||||
|
||||
scale.fine-tune.horizontal {
|
||||
min-height: 4px;
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune.vertical {
|
||||
min-width: 4px;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
scale.fine-tune > trough > slider {
|
||||
@@ -4055,7 +4069,7 @@ levelbar.horizontal block {
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block {
|
||||
min-width: 36px;
|
||||
min-width: 34px;
|
||||
}
|
||||
|
||||
levelbar.horizontal.discrete block:not(:last-child) {
|
||||
@@ -4067,7 +4081,7 @@ levelbar.vertical block {
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block {
|
||||
min-height: 36px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
levelbar.vertical.discrete block:not(:last-child) {
|
||||
@@ -4186,7 +4200,7 @@ stack scrolledwindow.frame viewport.frame list {
|
||||
border: none;
|
||||
}
|
||||
|
||||
overshoot.top {
|
||||
scrolledwindow > overshoot.top {
|
||||
background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 100% 3%, 100% 50%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4196,7 +4210,7 @@ overshoot.top {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
overshoot.bottom {
|
||||
scrolledwindow > overshoot.bottom {
|
||||
background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 100% 3%, 100% 50%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4206,7 +4220,7 @@ overshoot.bottom {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
overshoot.left {
|
||||
scrolledwindow > overshoot.left {
|
||||
background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 3% 100%, 50% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4216,7 +4230,7 @@ overshoot.left {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
overshoot.right {
|
||||
scrolledwindow > overshoot.right {
|
||||
background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0));
|
||||
background-size: 3% 100%, 50% 100%;
|
||||
background-repeat: no-repeat;
|
||||
@@ -4226,9 +4240,46 @@ overshoot.right {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
junction {
|
||||
border: none;
|
||||
scrolledwindow.undershoot-top > undershoot.top {
|
||||
border-radius: 0px 0px 0 0;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to bottom, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-bottom > undershoot.bottom {
|
||||
border-radius: 0 0 0px 0px;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to top, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-start:dir(ltr) > undershoot.left {
|
||||
border-radius: 0px 0 0 0px;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to right, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-start:dir(rtl) > undershoot.right {
|
||||
border-radius: 0 0px 0px 0;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to left, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-end:dir(ltr) > undershoot.right {
|
||||
border-radius: 0 0px 0px 0;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to left, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow.undershoot-end:dir(rtl) > undershoot.left {
|
||||
border-radius: 0px 0 0 0px;
|
||||
box-shadow: none;
|
||||
background: linear-gradient(to right, alpha(rgba(25, 23, 36, 0.2), 0.75), transparent 4px);
|
||||
}
|
||||
|
||||
scrolledwindow > undershoot {
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
separator {
|
||||
@@ -4365,7 +4416,7 @@ row label.subtitle {
|
||||
row > box.header {
|
||||
margin-left: 12px;
|
||||
margin-right: 12px;
|
||||
min-height: 48px;
|
||||
min-height: 46px;
|
||||
}
|
||||
|
||||
row > box.header > .icon:disabled {
|
||||
@@ -4992,7 +5043,8 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
* Navigation Sidebar *
|
||||
**********************/
|
||||
.navigation-sidebar {
|
||||
padding: 2px 4px;
|
||||
/* padding: $space-size - 4 $space-size - 2; //only vertical padding. horizontal row size would clip */
|
||||
padding: 0 6px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
@@ -5012,8 +5064,9 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
|
||||
|
||||
.navigation-sidebar > row {
|
||||
min-height: 24px;
|
||||
padding: 0 6px 0 6px;
|
||||
margin: 1px;
|
||||
/* padding: 0 $space-size 0 $space-size; */
|
||||
padding: 0 6px;
|
||||
margin: 0;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
@@ -5495,36 +5548,44 @@ window.ssd {
|
||||
box-shadow: inset 0 1px rgba(250, 244, 237, 0.1);
|
||||
}
|
||||
|
||||
windowcontrols button:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action) {
|
||||
min-height: 22px;
|
||||
min-width: 22px;
|
||||
padding: 0;
|
||||
margin: 0 2px;
|
||||
padding: 6px 0;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: alpha(currentColor, 0.1);
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) image, windowcontrols button.close:not(.suggested-action):not(.destructive-action) image {
|
||||
padding: 0;
|
||||
windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:hover:not(.suggested-action):not(.destructive-action) {
|
||||
color: #faf4ed;
|
||||
background-color: alpha(currentColor, 0.15);
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px rgba(250, 244, 237, 0.1);
|
||||
windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image {
|
||||
background-color: alpha(currentColor, 0.1);
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image {
|
||||
background-color: alpha(currentColor, 0.15);
|
||||
}
|
||||
|
||||
windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image {
|
||||
background-color: alpha(currentColor, 0.2);
|
||||
}
|
||||
|
||||
windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) {
|
||||
windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) {
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
@@ -5533,13 +5594,18 @@ windowcontrols {
|
||||
}
|
||||
|
||||
windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
|
||||
margin-right: 4px;
|
||||
margin-left: 4px;
|
||||
margin-right: 6px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
windowcontrols > button:not(.suggested-action):not(.destructive-action) > image {
|
||||
border-radius: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -5650,8 +5716,8 @@ stackswitcher button.text-button {
|
||||
|
||||
stackswitcher button.circular,
|
||||
stackswitcher button.text-button.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -5767,14 +5833,25 @@ popover.entry-completion > contents {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view,
|
||||
.nautilus-window .nautilus-list-view {
|
||||
/* @extend %content_style; */
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view .view,
|
||||
.nautilus-window .nautilus-list-view .view {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view row.activatable > cell,
|
||||
.nautilus-window .nautilus-list-view row.activatable > cell {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.nautilus-window .nautilus-grid-view gridview.view {
|
||||
margin: 6px;
|
||||
padding: 6px;
|
||||
margin: 10px 5px;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
|
||||
.nautilus-window tabbar .box {
|
||||
@@ -5834,7 +5911,7 @@ popover.entry-completion > contents {
|
||||
margin: 6px;
|
||||
border-style: none;
|
||||
border-radius: 9px;
|
||||
background-color: #191724;
|
||||
background-color: rgba(52, 48, 75, 0.95);
|
||||
color: #9ccfd8;
|
||||
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
@@ -5921,6 +5998,26 @@ popover.entry-completion > contents {
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
#NautilusFileChooser gridview.view {
|
||||
background-color: transparent;
|
||||
margin: 10px 5px;
|
||||
padding: 10px 5px;
|
||||
}
|
||||
|
||||
#NautilusFileChooser columnview.view,
|
||||
row.activatable > cell {
|
||||
background-color: transparent;
|
||||
padding: 1px 10px;
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover label {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover image {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
/* Nautilus Progress Indicator */
|
||||
windowhandle box.vertical box.toolbar {
|
||||
background-color: #191724;
|
||||
@@ -5934,14 +6031,6 @@ windowhandle box.toolbar menubutton button.toggle {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover label {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
#NautilusProgressIndicator popover image {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
window.dialog > box > stack > box > box > notebook.frame {
|
||||
border-width: 0 0 0 1px;
|
||||
border-radius: 0;
|
||||
@@ -6165,8 +6254,8 @@ datechooser navigator label {
|
||||
|
||||
datechooser navigator button.flat,
|
||||
datechooser navigator button.image-button {
|
||||
min-height: 36px;
|
||||
min-width: 36px;
|
||||
min-height: 34px;
|
||||
min-width: 34px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -6181,8 +6270,8 @@ datechooser button.day {
|
||||
font-weight: normal;
|
||||
margin: 3px;
|
||||
padding: 0;
|
||||
min-height: 36px;
|
||||
min-width: 36px;
|
||||
min-height: 34px;
|
||||
min-width: 34px;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
@@ -6392,6 +6481,22 @@ menubutton stack > box {
|
||||
border-top-left-radius: 12px;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left > windowhandle > box {
|
||||
padding: 0px;
|
||||
margin: 0 5px 0 15px;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left > windowhandle widget > box.start {
|
||||
padding: 0px;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left > windowhandle widget > box,
|
||||
.tweak-titlebar-left windowtitle {
|
||||
padding: 0px;
|
||||
margin: 0 -3px 0 10px;
|
||||
}
|
||||
|
||||
.tweak-titlebar-left:backdrop {
|
||||
box-shadow: inset 0 1px rgba(250, 244, 237, 0.1);
|
||||
border-top-left-radius: 12px;
|
||||
@@ -7063,7 +7168,7 @@ spinner.fade-in:checked {
|
||||
|
||||
window > contents > leaflet > box > stack.background {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(to bottom, transparent, transparent 48px, #191724 48px, #191724);
|
||||
background-image: linear-gradient(to bottom, transparent, transparent 46px, #191724 46px, #191724);
|
||||
}
|
||||
|
||||
@define-color weather_temp_chart_fill_color rgba(234, 157, 52, 0.5);
|
||||
@@ -7180,8 +7285,8 @@ scrolledwindow.inline undershoot.top {
|
||||
}
|
||||
|
||||
image.circular {
|
||||
min-width: 36px;
|
||||
min-height: 36px;
|
||||
min-width: 34px;
|
||||
min-height: 34px;
|
||||
padding: 0;
|
||||
border-radius: 9999px;
|
||||
}
|
||||
@@ -7417,6 +7522,14 @@ notebook scrolledwindow treeview.treeview-spacing {
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
.account-switcher-row label {
|
||||
color: #faf4ed;
|
||||
}
|
||||
|
||||
.account-switcher-row label.dim-label {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
}
|
||||
|
||||
avatar {
|
||||
border-radius: 9999px;
|
||||
font-weight: bold;
|
||||
@@ -7565,7 +7678,7 @@ toast > label {
|
||||
}
|
||||
|
||||
viewswitcher {
|
||||
margin: 0;
|
||||
margin: 2px;
|
||||
border-spacing: 3px;
|
||||
}
|
||||
|
||||
@@ -7574,13 +7687,13 @@ viewswitcher.wide button.toggle {
|
||||
}
|
||||
|
||||
viewswitcher.wide button.toggle:first-child {
|
||||
border-top-left-radius: 18px;
|
||||
border-bottom-left-radius: 18px;
|
||||
border-top-left-radius: 17px;
|
||||
border-bottom-left-radius: 17px;
|
||||
}
|
||||
|
||||
viewswitcher.wide button.toggle:last-child {
|
||||
border-top-right-radius: 18px;
|
||||
border-bottom-right-radius: 18px;
|
||||
border-top-right-radius: 17px;
|
||||
border-bottom-right-radius: 17px;
|
||||
}
|
||||
|
||||
viewswitcher.narrow button.toggle {
|
||||
@@ -7706,6 +7819,11 @@ preferencespage > scrolledwindow > viewport > clamp > box {
|
||||
border-spacing: 24px;
|
||||
}
|
||||
|
||||
preferencesgroup > box background-preview widget.sidebar,
|
||||
preferencesgroup > box widget.header-bar:not(.editable-area) {
|
||||
background-color: #111019;
|
||||
}
|
||||
|
||||
preferencesgroup > box,
|
||||
preferencesgroup > box .labels {
|
||||
border-spacing: 6px;
|
||||
@@ -7811,6 +7929,37 @@ preferencesgroup > box button.accent-button.slate {
|
||||
--accent-bg-color: var(--accent-slate);
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate {
|
||||
background-color: transparent;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row {
|
||||
color: #faf4ed;
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
border-radius: 12px 12px 0 0;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row:first-child {
|
||||
border-radius: 12px 12px 0 0;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row:last-child {
|
||||
border-radius: 0 0 12px 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row + row {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus {
|
||||
color: rgba(250, 244, 237, 0.7);
|
||||
background-color: rgba(250, 244, 237, 0.04);
|
||||
}
|
||||
|
||||
window.about .main-page > viewport > clamp > box {
|
||||
margin: 12px;
|
||||
border-spacing: 6px;
|
||||
@@ -7949,35 +8098,41 @@ overlay-split-view > shadow.down {
|
||||
background-color: #191724;
|
||||
color: #faf4ed;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
margin: 0 6px 0 0;
|
||||
}
|
||||
|
||||
.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow {
|
||||
color: rgba(25, 23, 36, 0.38);
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough, placessidebar > scrolledwindow > scrollbar > range > trough, .nautilus-window placessidebar scrollbar > range > trough, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough {
|
||||
margin: 0 -8px 0 0;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider, .nautilus-window placessidebar scrollbar > range > trough > slider, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider {
|
||||
background-color: rgba(250, 244, 237, 0.5);
|
||||
background-color: #232032;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover, .nautilus-window placessidebar scrollbar > range > trough > slider:hover, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover {
|
||||
background-color: rgba(250, 244, 237, 0.7);
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active, .nautilus-window placessidebar scrollbar > range > trough > slider:active, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active {
|
||||
background-color: #faf4ed;
|
||||
background-color: #2b283e;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled,
|
||||
.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled,
|
||||
.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, .nautilus-window placessidebar scrollbar > range > trough > slider:disabled, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled {
|
||||
background-color: rgba(250, 244, 237, 0.32);
|
||||
background-color: #191724;
|
||||
}
|
||||
|
||||
.sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button,
|
||||
@@ -8018,7 +8173,7 @@ placessidebar list.navigation-sidebar > row, .nautilus-window placessidebar > sc
|
||||
color: rgba(25, 23, 36, 0.6);
|
||||
border-radius: 9px;
|
||||
color: #faf4ed;
|
||||
padding: 7px 0;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
placessidebar list.navigation-sidebar > row:hover, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, .nautilus-window placessidebar > scrolledwindow > viewport > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus {
|
||||
|
||||
Reference in New Issue
Block a user