eRgo35/dots
1
0
Fork 0
mirror of https://github.com/eRgo35/dots.git synced 2025-12-17 07:56:11 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: sync

Browse Source
This commit is contained in:
Michał Czyż
2025-08-02 08:56:47 +02:00
parent 3d2430c2a3
commit c0ae98646a
20 changed files with 4062 additions and 965 deletions
Download Patch File Download Diff File Expand all files Collapse all files

405
.themes/Rosepine-Dark/gtk-4.0/gtk-dark.css
View File

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

405
.themes/Rosepine-Dark/gtk-4.0/gtk.css
View File

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