1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
This commit is contained in:
Horst3180 2016-02-26 00:10:22 +01:00
parent 61e1597a65
commit bf1be44a2c
8 changed files with 714 additions and 524 deletions

View File

@ -63,7 +63,7 @@ iconview {
color: #D3DAE3; color: #D3DAE3;
background-color: #404552; } background-color: #404552; }
iconview:selected, iconview:selected:focus { iconview:selected, iconview:selected:focus {
border-radius: 3px; } border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
@ -158,8 +158,8 @@ entry {
border-color: #2b2e39; border-color: #2b2e39;
background-color: #404552; background-color: #404552;
background-image: linear-gradient(to bottom, #404552); background-image: linear-gradient(to bottom, #404552);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; } border-radius: 0; }
entry:focus { entry:focus {
@ -179,7 +179,7 @@ entry {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
entry progress { entry progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #5294E2; border-color: #5294E2;
@ -421,13 +421,25 @@ button {
background-color: rgba(68, 74, 88, 0.55); } background-color: rgba(68, 74, 88, 0.55); }
button.destructive-action:disabled > label { button.destructive-action:disabled > label {
color: inherit; } color: inherit; }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button label:first-child { button.text-button.image-button {
padding-left: 8px; } padding-left: 0;
button.text-button.image-button label:last-child { padding-right: 0; }
padding-right: 8px; } button.text-button.image-button label:first-child {
padding-left: 12px;
padding-right: 0; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -724,6 +736,9 @@ button:link > label, button:visited > label {
spinbutton button:active { spinbutton button:active {
color: #ffffff; } color: #ffffff; }
spinbutton:disabled {
color: rgba(211, 218, 227, 0.45); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -1258,12 +1273,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child { .path-bar button:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
@ -1327,36 +1336,41 @@ treeview.view {
border-radius: 3px; border-radius: 3px;
border-width: 0; } border-width: 0; }
treeview.view header button { treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: #b6bcc6; color: #b6bcc6;
background-color: #404552; background-color: #404552;
font-weight: bold; } background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; } color: #5294E2; }
treeview.view header button:active { treeview.view header button:active {
color: #D3DAE3; } color: #D3DAE3; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { treeview.view header button:active, treeview.view header button:hover {
transition: none; background-color: #404552; }
color: #5294E2; treeview.view header button:active:hover {
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } color: #D3DAE3; }
treeview.view header button:disabled {
treeview.view header button { border-color: #383C4A;
min-height: 0; background-image: none; }
min-width: 0; treeview.view header button:last-child {
padding: 3px 6px; border-right-style: none;
background-image: none; border-image: none; }
border-style: none solid none none; treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active,
border-radius: 0; treeview.view header.button.dnd,
border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header.button.dnd:selected,
treeview.view header button:active, treeview.view header button:hover { treeview.view header.button.dnd:hover,
background-color: #404552; } treeview.view header.button.dnd:active {
treeview.view header button:active:hover { padding: 0 6px;
color: #D3DAE3; } transition: none;
treeview.view header button:disabled { color: #ffffff;
border-color: #383C4A; background-color: #5294E2;
background-image: none; } border-radius: 0;
treeview.view header button:last-child { border-style: none; }
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {
@ -2053,6 +2067,14 @@ levelbar block.empty {
background-color: #404552; background-color: #404552;
border-color: #404552; } border-color: #404552; }
printdialog paper {
border: 1px solid #2b2e39;
background: white;
padding: 0; }
printdialog .dialog-action-box {
margin: 12px; }
frame border, frame border,
.frame { .frame {
margin: 0; margin: 0;
@ -2064,11 +2086,6 @@ frame border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
paper {
border: 1px solid #2b2e39;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; } border-style: none; }
@ -2297,9 +2314,12 @@ messagedialog.csd .dialog-action-area button:only-child {
border-left-style: none; border-left-style: none;
border-right-style: none; } border-right-style: none; }
filechooser #pathbarbox {
border-bottom: 1px solid rgba(43, 46, 57, 0.5); }
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: #383C4A; } background-color: #3c4150; }
stacksidebar row { stacksidebar row {
padding: 10px 4px; } padding: 10px 4px; }
@ -2313,9 +2333,10 @@ placessidebar list {
background-color: transparent; } background-color: transparent; }
placessidebar row { placessidebar row {
min-height: 30px;
padding: 0px; } padding: 0px; }
placessidebar row > revealer { placessidebar row > revealer {
padding: 8px 10px; } padding: 0 10px; }
placessidebar row image.sidebar-icon:dir(ltr) { placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; } padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { placessidebar row image.sidebar-icon:dir(rtl) {
@ -2325,8 +2346,10 @@ placessidebar row {
placessidebar row label.sidebar-label:dir(rtl) { placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; } padding-left: 2px; }
button.sidebar-button { button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; } -gtk-outline-radius: 100%; }
@ -2522,16 +2545,11 @@ button.color {
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
.scale-popup button { .scale-popup button:hover {
padding: 6px; } color: #D3DAE3;
.scale-popup button:hover { outline-color: rgba(211, 218, 227, 0.3);
color: #D3DAE3; border-color: #2b2e39;
outline-color: rgba(211, 218, 227, 0.3); background-color: #505666; }
border-color: #2b2e39;
background-color: #505666; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection {
@ -2552,12 +2570,14 @@ button.circular-button {
padding: 0; } padding: 0; }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: #D3DAE3;
background-color: #404552; background-color: #404552;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); }
color: #D3DAE3;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button { stackswitcher button.text-button {
min-width: 80px; } min-width: 80px; }
@ -2567,7 +2587,8 @@ stackswitcher button.circular {
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; } border-color: black;
box-shadow: inset 0 0 0 1px black; }
decoration { decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@ -2576,15 +2597,16 @@ decoration {
margin: 10px; } margin: 10px; }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); }
.fullscreen decoration,
.tiled decoration { .tiled decoration {
border-radius: 0; } border-radius: 0; }
.popup decoration, decoration.popup { .popup decoration, decoration.popup {
box-shadow: none; box-shadow: none;
border-radius: 0; } border-radius: 0; }
.ssd decoration, decoration.ssd { .ssd decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); }
.ssd decoration.maximized, decoration.ssd.maximized { .ssd decoration.maximized {
border-radius: 0; } border-radius: 0; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 2px; border-radius: 2px;
@ -3418,21 +3440,17 @@ GtkListBox .h4 {
font: bold; } font: bold; }
.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator {
background: rgba(53, 57, 69, 0.95); } background: rgba(42, 45, 55, 0.95); }
.nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
.nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list { .nautilus-window.csd.background, .nautilus-window placessidebar list {
background-color: transparent; } background-color: transparent; }
.nautilus-window placessidebar.sidebar { .nautilus-window placessidebar.sidebar {
background-color: rgba(53, 57, 69, 0.95); } background-color: rgba(53, 57, 69, 0.95); }
.nautilus-window placessidebar.sidebar:dir(ltr) {
margin-right: -1px; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
margin-left: -1px; }
.nautilus-window placessidebar.sidebar:dir(ltr) {
border-right: 1px solid rgba(42, 45, 55, 0.95); }
.nautilus-window placessidebar.sidebar:dir(rtl) {
border-left: 1px solid rgba(42, 45, 55, 0.95); }
.nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
@ -3452,21 +3470,25 @@ GtkListBox .h4 {
.nautilus-window.maximized placessidebar.sidebar { .nautilus-window.maximized placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window .sidebar-button.button { .nautilus-window button.sidebar-button {
color: #BAC3CF; } color: #BAC3CF; }
.nautilus-window .sidebar-button.button:hover { .nautilus-window button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.nautilus-window .sidebar-button.button:active { .nautilus-window button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: #2b2e39;
background-color: #5294E2; } background-color: #5294E2; }
.nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; } opacity: 0.5; }
.nautilus-window searchbar {
border-color: transparent;
box-shadow: inset 0 -1px #2b2e39; }
.gedit-bottom-panel-paned { .gedit-bottom-panel-paned {
background-color: #404552; } background-color: #404552; }

View File

@ -63,7 +63,7 @@ iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
iconview:selected, iconview:selected:focus { iconview:selected, iconview:selected:focus {
border-radius: 3px; } border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
@ -158,8 +158,8 @@ entry {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #ffffff; background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); background-image: linear-gradient(to bottom, #ffffff);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; } border-radius: 0; }
entry:focus { entry:focus {
@ -178,7 +178,7 @@ entry {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
entry progress { entry progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #5294E2; border-color: #5294E2;
@ -420,13 +420,25 @@ button {
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
button.destructive-action:disabled > label { button.destructive-action:disabled > label {
color: inherit; } color: inherit; }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button label:first-child { button.text-button.image-button {
padding-left: 8px; } padding-left: 0;
button.text-button.image-button label:last-child { padding-right: 0; }
padding-right: 8px; } button.text-button.image-button label:first-child {
padding-left: 12px;
padding-right: 0; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -723,6 +735,9 @@ button:link > label, button:visited > label {
spinbutton button:active { spinbutton button:active {
color: #ffffff; } color: #ffffff; }
spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -1257,12 +1272,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child { .path-bar button:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
@ -1326,36 +1335,41 @@ treeview.view {
border-radius: 3px; border-radius: 3px;
border-width: 0; } border-width: 0; }
treeview.view header button { treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: #7d8189; color: #7d8189;
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; } color: #5294E2; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; } color: #5c616c; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { treeview.view header button:active, treeview.view header button:hover {
transition: none; background-color: #ffffff; }
color: #5294E2; treeview.view header button:active:hover {
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } color: #5c616c; }
treeview.view header button:disabled {
treeview.view header button { border-color: #F5F6F7;
min-height: 0; background-image: none; }
min-width: 0; treeview.view header button:last-child {
padding: 3px 6px; border-right-style: none;
background-image: none; border-image: none; }
border-style: none solid none none; treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active,
border-radius: 0; treeview.view header.button.dnd,
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header.button.dnd:selected,
treeview.view header button:active, treeview.view header button:hover { treeview.view header.button.dnd:hover,
background-color: #ffffff; } treeview.view header.button.dnd:active {
treeview.view header button:active:hover { padding: 0 6px;
color: #5c616c; } transition: none;
treeview.view header button:disabled { color: #ffffff;
border-color: #F5F6F7; background-color: #5294E2;
background-image: none; } border-radius: 0;
treeview.view header button:last-child { border-style: none; }
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {
@ -2052,6 +2066,14 @@ levelbar block.empty {
background-color: rgba(92, 97, 108, 0.2); background-color: rgba(92, 97, 108, 0.2);
border-color: rgba(92, 97, 108, 0.2); } border-color: rgba(92, 97, 108, 0.2); }
printdialog paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
printdialog .dialog-action-box {
margin: 12px; }
frame border, frame border,
.frame { .frame {
margin: 0; margin: 0;
@ -2063,11 +2085,6 @@ frame border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; } border-style: none; }
@ -2296,9 +2313,12 @@ messagedialog.csd .dialog-action-area button:only-child {
border-left-style: none; border-left-style: none;
border-right-style: none; } border-right-style: none; }
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: #F5F6F7; } background-color: #fbfbfc; }
stacksidebar row { stacksidebar row {
padding: 10px 4px; } padding: 10px 4px; }
@ -2312,9 +2332,10 @@ placessidebar list {
background-color: transparent; } background-color: transparent; }
placessidebar row { placessidebar row {
min-height: 30px;
padding: 0px; } padding: 0px; }
placessidebar row > revealer { placessidebar row > revealer {
padding: 8px 10px; } padding: 0 10px; }
placessidebar row image.sidebar-icon:dir(ltr) { placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; } padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { placessidebar row image.sidebar-icon:dir(rtl) {
@ -2324,8 +2345,10 @@ placessidebar row {
placessidebar row label.sidebar-label:dir(rtl) { placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; } padding-left: 2px; }
button.sidebar-button { button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; } -gtk-outline-radius: 100%; }
@ -2521,16 +2544,11 @@ button.color {
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
.scale-popup button { .scale-popup button:hover {
padding: 6px; } color: #5c616c;
.scale-popup button:hover { outline-color: rgba(92, 97, 108, 0.3);
color: #5c616c; border-color: #cfd6e6;
outline-color: rgba(92, 97, 108, 0.3); background-color: white; }
border-color: #cfd6e6;
background-color: white; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection {
@ -2551,12 +2569,14 @@ button.circular-button {
padding: 0; } padding: 0; }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dcdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); }
color: #5c616c;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button { stackswitcher button.text-button {
min-width: 80px; } min-width: 80px; }
@ -2566,7 +2586,8 @@ stackswitcher button.circular {
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; } border-color: black;
box-shadow: inset 0 0 0 1px black; }
decoration { decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@ -2575,15 +2596,16 @@ decoration {
margin: 10px; } margin: 10px; }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
.fullscreen decoration,
.tiled decoration { .tiled decoration {
border-radius: 0; } border-radius: 0; }
.popup decoration, decoration.popup { .popup decoration, decoration.popup {
box-shadow: none; box-shadow: none;
border-radius: 0; } border-radius: 0; }
.ssd decoration, decoration.ssd { .ssd decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); }
.ssd decoration.maximized, decoration.ssd.maximized { .ssd decoration.maximized {
border-radius: 0; } border-radius: 0; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 2px; border-radius: 2px;
@ -3418,16 +3440,16 @@ GtkListBox .h4 {
.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator {
background: rgba(53, 57, 69, 0.95); } background: rgba(53, 57, 69, 0.95); }
.nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
.nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list { .nautilus-window.csd.background, .nautilus-window placessidebar list {
background-color: transparent; } background-color: transparent; }
.nautilus-window placessidebar.sidebar { .nautilus-window placessidebar.sidebar {
background-color: rgba(53, 57, 69, 0.95); } background-color: rgba(53, 57, 69, 0.95); }
.nautilus-window placessidebar.sidebar:dir(ltr) {
margin-right: -1px; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
margin-left: -1px; }
.nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
@ -3447,21 +3469,25 @@ GtkListBox .h4 {
.nautilus-window.maximized placessidebar.sidebar { .nautilus-window.maximized placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window .sidebar-button.button { .nautilus-window button.sidebar-button {
color: #BAC3CF; } color: #BAC3CF; }
.nautilus-window .sidebar-button.button:hover { .nautilus-window button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.nautilus-window .sidebar-button.button:active { .nautilus-window button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; } opacity: 0.5; }
.nautilus-window searchbar {
border-color: transparent;
box-shadow: inset 0 -1px #dcdfe3; }
.gedit-bottom-panel-paned { .gedit-bottom-panel-paned {
background-color: #ffffff; } background-color: #ffffff; }

View File

@ -63,7 +63,7 @@ iconview {
color: #D3DAE3; color: #D3DAE3;
background-color: #404552; } background-color: #404552; }
iconview:selected, iconview:selected:focus { iconview:selected, iconview:selected:focus {
border-radius: 3px; } border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
@ -158,8 +158,8 @@ entry {
border-color: #2b2e39; border-color: #2b2e39;
background-color: #404552; background-color: #404552;
background-image: linear-gradient(to bottom, #404552); background-image: linear-gradient(to bottom, #404552);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; } border-radius: 0; }
entry:focus { entry:focus {
@ -179,7 +179,7 @@ entry {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
entry progress { entry progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #5294E2; border-color: #5294E2;
@ -421,13 +421,25 @@ button {
background-color: rgba(68, 74, 88, 0.55); } background-color: rgba(68, 74, 88, 0.55); }
button.destructive-action:disabled > label { button.destructive-action:disabled > label {
color: inherit; } color: inherit; }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button label:first-child { button.text-button.image-button {
padding-left: 8px; } padding-left: 0;
button.text-button.image-button label:last-child { padding-right: 0; }
padding-right: 8px; } button.text-button.image-button label:first-child {
padding-left: 12px;
padding-right: 0; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -724,6 +736,9 @@ button:link > label, button:visited > label {
spinbutton button:active { spinbutton button:active {
color: #ffffff; } color: #ffffff; }
spinbutton:disabled {
color: rgba(211, 218, 227, 0.45); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -1258,12 +1273,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child { .path-bar button:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
@ -1327,36 +1336,41 @@ treeview.view {
border-radius: 3px; border-radius: 3px;
border-width: 0; } border-width: 0; }
treeview.view header button { treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: #b6bcc6; color: #b6bcc6;
background-color: #404552; background-color: #404552;
font-weight: bold; } background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; } color: #5294E2; }
treeview.view header button:active { treeview.view header button:active {
color: #D3DAE3; } color: #D3DAE3; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { treeview.view header button:active, treeview.view header button:hover {
transition: none; background-color: #404552; }
color: #5294E2; treeview.view header button:active:hover {
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } color: #D3DAE3; }
treeview.view header button:disabled {
treeview.view header button { border-color: #383C4A;
min-height: 0; background-image: none; }
min-width: 0; treeview.view header button:last-child {
padding: 3px 6px; border-right-style: none;
background-image: none; border-image: none; }
border-style: none solid none none; treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active,
border-radius: 0; treeview.view header.button.dnd,
border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header.button.dnd:selected,
treeview.view header button:active, treeview.view header button:hover { treeview.view header.button.dnd:hover,
background-color: #404552; } treeview.view header.button.dnd:active {
treeview.view header button:active:hover { padding: 0 6px;
color: #D3DAE3; } transition: none;
treeview.view header button:disabled { color: #ffffff;
border-color: #383C4A; background-color: #5294E2;
background-image: none; } border-radius: 0;
treeview.view header button:last-child { border-style: none; }
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {
@ -2053,6 +2067,14 @@ levelbar block.empty {
background-color: #404552; background-color: #404552;
border-color: #404552; } border-color: #404552; }
printdialog paper {
border: 1px solid #2b2e39;
background: white;
padding: 0; }
printdialog .dialog-action-box {
margin: 12px; }
frame border, frame border,
.frame { .frame {
margin: 0; margin: 0;
@ -2064,11 +2086,6 @@ frame border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
paper {
border: 1px solid #2b2e39;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; } border-style: none; }
@ -2297,9 +2314,12 @@ messagedialog.csd .dialog-action-area button:only-child {
border-left-style: none; border-left-style: none;
border-right-style: none; } border-right-style: none; }
filechooser #pathbarbox {
border-bottom: 1px solid rgba(43, 46, 57, 0.5); }
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: #383C4A; } background-color: #3c4150; }
stacksidebar row { stacksidebar row {
padding: 10px 4px; } padding: 10px 4px; }
@ -2313,9 +2333,10 @@ placessidebar list {
background-color: transparent; } background-color: transparent; }
placessidebar row { placessidebar row {
min-height: 30px;
padding: 0px; } padding: 0px; }
placessidebar row > revealer { placessidebar row > revealer {
padding: 8px 10px; } padding: 0 10px; }
placessidebar row image.sidebar-icon:dir(ltr) { placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; } padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { placessidebar row image.sidebar-icon:dir(rtl) {
@ -2325,8 +2346,10 @@ placessidebar row {
placessidebar row label.sidebar-label:dir(rtl) { placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; } padding-left: 2px; }
button.sidebar-button { button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; } -gtk-outline-radius: 100%; }
@ -2522,16 +2545,11 @@ button.color {
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
.scale-popup button { .scale-popup button:hover {
padding: 6px; } color: #D3DAE3;
.scale-popup button:hover { outline-color: rgba(211, 218, 227, 0.3);
color: #D3DAE3; border-color: #2b2e39;
outline-color: rgba(211, 218, 227, 0.3); background-color: #505666; }
border-color: #2b2e39;
background-color: #505666; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection {
@ -2552,12 +2570,14 @@ button.circular-button {
padding: 0; } padding: 0; }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: #D3DAE3;
background-color: #404552; background-color: #404552;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); }
color: #D3DAE3;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button { stackswitcher button.text-button {
min-width: 80px; } min-width: 80px; }
@ -2567,7 +2587,8 @@ stackswitcher button.circular {
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; } border-color: black;
box-shadow: inset 0 0 0 1px black; }
decoration { decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@ -2576,15 +2597,16 @@ decoration {
margin: 10px; } margin: 10px; }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); }
.fullscreen decoration,
.tiled decoration { .tiled decoration {
border-radius: 0; } border-radius: 0; }
.popup decoration, decoration.popup { .popup decoration, decoration.popup {
box-shadow: none; box-shadow: none;
border-radius: 0; } border-radius: 0; }
.ssd decoration, decoration.ssd { .ssd decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); }
.ssd decoration.maximized, decoration.ssd.maximized { .ssd decoration.maximized {
border-radius: 0; } border-radius: 0; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 2px; border-radius: 2px;
@ -3418,21 +3440,17 @@ GtkListBox .h4 {
font: bold; } font: bold; }
.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator {
background: #353945; } background: #2a2d37; }
.nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
.nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list { .nautilus-window.csd.background, .nautilus-window placessidebar list {
background-color: transparent; } background-color: transparent; }
.nautilus-window placessidebar.sidebar { .nautilus-window placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window placessidebar.sidebar:dir(ltr) {
margin-right: -1px; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
margin-left: -1px; }
.nautilus-window placessidebar.sidebar:dir(ltr) {
border-right: 1px solid #2a2d37; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
border-left: 1px solid #2a2d37; }
.nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
@ -3452,21 +3470,25 @@ GtkListBox .h4 {
.nautilus-window.maximized placessidebar.sidebar { .nautilus-window.maximized placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window .sidebar-button.button { .nautilus-window button.sidebar-button {
color: #BAC3CF; } color: #BAC3CF; }
.nautilus-window .sidebar-button.button:hover { .nautilus-window button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.nautilus-window .sidebar-button.button:active { .nautilus-window button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: #2b2e39;
background-color: #5294E2; } background-color: #5294E2; }
.nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; } opacity: 0.5; }
.nautilus-window searchbar {
border-color: transparent;
box-shadow: inset 0 -1px #2b2e39; }
.gedit-bottom-panel-paned { .gedit-bottom-panel-paned {
background-color: #404552; } background-color: #404552; }

View File

@ -63,7 +63,7 @@ iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
iconview:selected, iconview:selected:focus { iconview:selected, iconview:selected:focus {
border-radius: 3px; } border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
@ -158,8 +158,8 @@ entry {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #ffffff; background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); background-image: linear-gradient(to bottom, #ffffff);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; } border-radius: 0; }
entry:focus { entry:focus {
@ -178,7 +178,7 @@ entry {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
entry progress { entry progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #5294E2; border-color: #5294E2;
@ -420,13 +420,25 @@ button {
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
button.destructive-action:disabled > label { button.destructive-action:disabled > label {
color: inherit; } color: inherit; }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button label:first-child { button.text-button.image-button {
padding-left: 8px; } padding-left: 0;
button.text-button.image-button label:last-child { padding-right: 0; }
padding-right: 8px; } button.text-button.image-button label:first-child {
padding-left: 12px;
padding-right: 0; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -723,6 +735,9 @@ button:link > label, button:visited > label {
spinbutton button:active { spinbutton button:active {
color: #ffffff; } color: #ffffff; }
spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -1257,12 +1272,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child { .path-bar button:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
@ -1326,36 +1335,41 @@ treeview.view {
border-radius: 3px; border-radius: 3px;
border-width: 0; } border-width: 0; }
treeview.view header button { treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: #7d8189; color: #7d8189;
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; } color: #5294E2; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; } color: #5c616c; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { treeview.view header button:active, treeview.view header button:hover {
transition: none; background-color: #ffffff; }
color: #5294E2; treeview.view header button:active:hover {
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } color: #5c616c; }
treeview.view header button:disabled {
treeview.view header button { border-color: #F5F6F7;
min-height: 0; background-image: none; }
min-width: 0; treeview.view header button:last-child {
padding: 3px 6px; border-right-style: none;
background-image: none; border-image: none; }
border-style: none solid none none; treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active,
border-radius: 0; treeview.view header.button.dnd,
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header.button.dnd:selected,
treeview.view header button:active, treeview.view header button:hover { treeview.view header.button.dnd:hover,
background-color: #ffffff; } treeview.view header.button.dnd:active {
treeview.view header button:active:hover { padding: 0 6px;
color: #5c616c; } transition: none;
treeview.view header button:disabled { color: #ffffff;
border-color: #F5F6F7; background-color: #5294E2;
background-image: none; } border-radius: 0;
treeview.view header button:last-child { border-style: none; }
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {
@ -2052,6 +2066,14 @@ levelbar block.empty {
background-color: rgba(92, 97, 108, 0.2); background-color: rgba(92, 97, 108, 0.2);
border-color: rgba(92, 97, 108, 0.2); } border-color: rgba(92, 97, 108, 0.2); }
printdialog paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
printdialog .dialog-action-box {
margin: 12px; }
frame border, frame border,
.frame { .frame {
margin: 0; margin: 0;
@ -2063,11 +2085,6 @@ frame border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; } border-style: none; }
@ -2296,9 +2313,12 @@ messagedialog.csd .dialog-action-area button:only-child {
border-left-style: none; border-left-style: none;
border-right-style: none; } border-right-style: none; }
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: #F5F6F7; } background-color: #fbfbfc; }
stacksidebar row { stacksidebar row {
padding: 10px 4px; } padding: 10px 4px; }
@ -2312,9 +2332,10 @@ placessidebar list {
background-color: transparent; } background-color: transparent; }
placessidebar row { placessidebar row {
min-height: 30px;
padding: 0px; } padding: 0px; }
placessidebar row > revealer { placessidebar row > revealer {
padding: 8px 10px; } padding: 0 10px; }
placessidebar row image.sidebar-icon:dir(ltr) { placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; } padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { placessidebar row image.sidebar-icon:dir(rtl) {
@ -2324,8 +2345,10 @@ placessidebar row {
placessidebar row label.sidebar-label:dir(rtl) { placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; } padding-left: 2px; }
button.sidebar-button { button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; } -gtk-outline-radius: 100%; }
@ -2521,16 +2544,11 @@ button.color {
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
.scale-popup button { .scale-popup button:hover {
padding: 6px; } color: #5c616c;
.scale-popup button:hover { outline-color: rgba(92, 97, 108, 0.3);
color: #5c616c; border-color: #cfd6e6;
outline-color: rgba(92, 97, 108, 0.3); background-color: white; }
border-color: #cfd6e6;
background-color: white; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection {
@ -2551,12 +2569,14 @@ button.circular-button {
padding: 0; } padding: 0; }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dcdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); }
color: #5c616c;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button { stackswitcher button.text-button {
min-width: 80px; } min-width: 80px; }
@ -2566,7 +2586,8 @@ stackswitcher button.circular {
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; } border-color: black;
box-shadow: inset 0 0 0 1px black; }
decoration { decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
@ -2575,15 +2596,16 @@ decoration {
margin: 10px; } margin: 10px; }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
.fullscreen decoration,
.tiled decoration { .tiled decoration {
border-radius: 0; } border-radius: 0; }
.popup decoration, decoration.popup { .popup decoration, decoration.popup {
box-shadow: none; box-shadow: none;
border-radius: 0; } border-radius: 0; }
.ssd decoration, decoration.ssd { .ssd decoration {
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); }
.ssd decoration.maximized, decoration.ssd.maximized { .ssd decoration.maximized {
border-radius: 0; } border-radius: 0; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 2px; border-radius: 2px;
@ -3418,16 +3440,16 @@ GtkListBox .h4 {
.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator {
background: #353945; } background: #353945; }
.nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
.nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list { .nautilus-window.csd.background, .nautilus-window placessidebar list {
background-color: transparent; } background-color: transparent; }
.nautilus-window placessidebar.sidebar { .nautilus-window placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window placessidebar.sidebar:dir(ltr) {
margin-right: -1px; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
margin-left: -1px; }
.nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
@ -3447,21 +3469,25 @@ GtkListBox .h4 {
.nautilus-window.maximized placessidebar.sidebar { .nautilus-window.maximized placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window .sidebar-button.button { .nautilus-window button.sidebar-button {
color: #BAC3CF; } color: #BAC3CF; }
.nautilus-window .sidebar-button.button:hover { .nautilus-window button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.nautilus-window .sidebar-button.button:active { .nautilus-window button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; } opacity: 0.5; }
.nautilus-window searchbar {
border-color: transparent;
box-shadow: inset 0 -1px #dcdfe3; }
.gedit-bottom-panel-paned { .gedit-bottom-panel-paned {
background-color: #ffffff; } background-color: #ffffff; }

View File

@ -63,7 +63,7 @@ iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
iconview:selected, iconview:selected:focus { iconview:selected, iconview:selected:focus {
border-radius: 3px; } border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
@ -158,8 +158,8 @@ entry {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #ffffff; background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); background-image: linear-gradient(to bottom, #ffffff);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; } border-radius: 0; }
entry:focus { entry:focus {
@ -178,7 +178,7 @@ entry {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
entry progress { entry progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #5294E2; border-color: #5294E2;
@ -420,13 +420,25 @@ button {
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
button.destructive-action:disabled > label { button.destructive-action:disabled > label {
color: inherit; } color: inherit; }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button label:first-child { button.text-button.image-button {
padding-left: 8px; } padding-left: 0;
button.text-button.image-button label:last-child { padding-right: 0; }
padding-right: 8px; } button.text-button.image-button label:first-child {
padding-left: 12px;
padding-right: 0; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -723,6 +735,9 @@ button:link > label, button:visited > label {
spinbutton button:active { spinbutton button:active {
color: #ffffff; } color: #ffffff; }
spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -1261,12 +1276,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child { .path-bar button:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
@ -1330,36 +1339,41 @@ treeview.view {
border-radius: 3px; border-radius: 3px;
border-width: 0; } border-width: 0; }
treeview.view header button { treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: #7d8189; color: #7d8189;
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; } color: #5294E2; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; } color: #5c616c; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { treeview.view header button:active, treeview.view header button:hover {
transition: none; background-color: #ffffff; }
color: #5294E2; treeview.view header button:active:hover {
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } color: #5c616c; }
treeview.view header button:disabled {
treeview.view header button { border-color: #F5F6F7;
min-height: 0; background-image: none; }
min-width: 0; treeview.view header button:last-child {
padding: 3px 6px; border-right-style: none;
background-image: none; border-image: none; }
border-style: none solid none none; treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active,
border-radius: 0; treeview.view header.button.dnd,
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header.button.dnd:selected,
treeview.view header button:active, treeview.view header button:hover { treeview.view header.button.dnd:hover,
background-color: #ffffff; } treeview.view header.button.dnd:active {
treeview.view header button:active:hover { padding: 0 6px;
color: #5c616c; } transition: none;
treeview.view header button:disabled { color: #ffffff;
border-color: #F5F6F7; background-color: #5294E2;
background-image: none; } border-radius: 0;
treeview.view header button:last-child { border-style: none; }
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {
@ -2056,6 +2070,14 @@ levelbar block.empty {
background-color: rgba(92, 97, 108, 0.2); background-color: rgba(92, 97, 108, 0.2);
border-color: rgba(92, 97, 108, 0.2); } border-color: rgba(92, 97, 108, 0.2); }
printdialog paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
printdialog .dialog-action-box {
margin: 12px; }
frame border, frame border,
.frame { .frame {
margin: 0; margin: 0;
@ -2067,11 +2089,6 @@ frame border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; } border-style: none; }
@ -2300,9 +2317,12 @@ messagedialog.csd .dialog-action-area button:only-child {
border-left-style: none; border-left-style: none;
border-right-style: none; } border-right-style: none; }
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: #F5F6F7; } background-color: #fbfbfc; }
stacksidebar row { stacksidebar row {
padding: 10px 4px; } padding: 10px 4px; }
@ -2316,9 +2336,10 @@ placessidebar list {
background-color: transparent; } background-color: transparent; }
placessidebar row { placessidebar row {
min-height: 30px;
padding: 0px; } padding: 0px; }
placessidebar row > revealer { placessidebar row > revealer {
padding: 8px 10px; } padding: 0 10px; }
placessidebar row image.sidebar-icon:dir(ltr) { placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; } padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { placessidebar row image.sidebar-icon:dir(rtl) {
@ -2328,8 +2349,10 @@ placessidebar row {
placessidebar row label.sidebar-label:dir(rtl) { placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; } padding-left: 2px; }
button.sidebar-button { button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; } -gtk-outline-radius: 100%; }
@ -2525,16 +2548,11 @@ button.color {
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
.scale-popup button { .scale-popup button:hover {
padding: 6px; } color: #5c616c;
.scale-popup button:hover { outline-color: rgba(92, 97, 108, 0.3);
color: #5c616c; border-color: #cfd6e6;
outline-color: rgba(92, 97, 108, 0.3); background-color: white; }
border-color: #cfd6e6;
background-color: white; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection {
@ -2555,12 +2573,14 @@ button.circular-button {
padding: 0; } padding: 0; }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dcdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); }
color: #5c616c;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button { stackswitcher button.text-button {
min-width: 80px; } min-width: 80px; }
@ -2570,7 +2590,8 @@ stackswitcher button.circular {
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; } border-color: black;
box-shadow: inset 0 0 0 1px black; }
decoration { decoration {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@ -2579,15 +2600,16 @@ decoration {
margin: 10px; } margin: 10px; }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
.fullscreen decoration,
.tiled decoration { .tiled decoration {
border-radius: 0; } border-radius: 0; }
.popup decoration, decoration.popup { .popup decoration, decoration.popup {
box-shadow: none; box-shadow: none;
border-radius: 0; } border-radius: 0; }
.ssd decoration, decoration.ssd { .ssd decoration {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
.ssd decoration.maximized, decoration.ssd.maximized { .ssd decoration.maximized {
border-radius: 0; } border-radius: 0; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 2px; border-radius: 2px;
@ -3422,16 +3444,16 @@ GtkListBox .h4 {
.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator {
background: #353945; } background: #353945; }
.nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
.nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list { .nautilus-window.csd.background, .nautilus-window placessidebar list {
background-color: transparent; } background-color: transparent; }
.nautilus-window placessidebar.sidebar { .nautilus-window placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window placessidebar.sidebar:dir(ltr) {
margin-right: -1px; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
margin-left: -1px; }
.nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
@ -3451,21 +3473,25 @@ GtkListBox .h4 {
.nautilus-window.maximized placessidebar.sidebar { .nautilus-window.maximized placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window .sidebar-button.button { .nautilus-window button.sidebar-button {
color: #BAC3CF; } color: #BAC3CF; }
.nautilus-window .sidebar-button.button:hover { .nautilus-window button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5); } background-color: rgba(119, 127, 151, 0.5); }
.nautilus-window .sidebar-button.button:active { .nautilus-window button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.4); border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; } opacity: 0.5; }
.nautilus-window searchbar {
border-color: transparent;
box-shadow: inset 0 -1px #dcdfe3; }
.gedit-bottom-panel-paned { .gedit-bottom-panel-paned {
background-color: #ffffff; } background-color: #ffffff; }

View File

@ -63,7 +63,7 @@ iconview {
color: #5c616c; color: #5c616c;
background-color: #ffffff; } background-color: #ffffff; }
iconview:selected, iconview:selected:focus { iconview:selected, iconview:selected:focus {
border-radius: 3px; } border-radius: 2px; }
rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband,
.rubberband { .rubberband {
@ -158,8 +158,8 @@ entry {
border-color: #cfd6e6; border-color: #cfd6e6;
background-color: #ffffff; background-color: #ffffff;
background-image: linear-gradient(to bottom, #ffffff); background-image: linear-gradient(to bottom, #ffffff);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; } border-radius: 0; }
entry:focus { entry:focus {
@ -178,7 +178,7 @@ entry {
background-color: #5294E2; background-color: #5294E2;
color: #ffffff; } color: #ffffff; }
entry progress { entry progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: #5294E2; border-color: #5294E2;
@ -420,13 +420,25 @@ button {
background-color: rgba(251, 251, 252, 0.55); } background-color: rgba(251, 251, 252, 0.55); }
button.destructive-action:disabled > label { button.destructive-action:disabled > label {
color: inherit; } color: inherit; }
button.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0; }
button.text-button { button.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; } padding-right: 16px; }
button.text-button.image-button label:first-child { button.text-button.image-button {
padding-left: 8px; } padding-left: 0;
button.text-button.image-button label:last-child { padding-right: 0; }
padding-right: 8px; } button.text-button.image-button label:first-child {
padding-left: 12px;
padding-right: 0; }
button.text-button.image-button label:last-child {
padding-left: 0;
padding-right: 12px; }
button.text-button.image-button image {
padding-left: 6px;
padding-right: 6px; }
.stack-switcher > button { .stack-switcher > button {
outline-offset: -3px; } outline-offset: -3px; }
.stack-switcher > button > label { .stack-switcher > button > label {
@ -723,6 +735,9 @@ button:link > label, button:visited > label {
spinbutton button:active { spinbutton button:active {
color: #ffffff; } color: #ffffff; }
spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
@ -1261,12 +1276,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ
.primary-toolbar scale trough:disabled, headerbar scale trough:disabled { .primary-toolbar scale trough:disabled, headerbar scale trough:disabled {
background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); }
.path-bar button:first-child {
padding-left: 10px; }
.path-bar button:last-child {
padding-right: 10px; }
.path-bar button:only-child { .path-bar button:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; } padding-right: 10px; }
@ -1330,36 +1339,41 @@ treeview.view {
border-radius: 3px; border-radius: 3px;
border-width: 0; } border-width: 0; }
treeview.view header button { treeview.view header button {
min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: #7d8189; color: #7d8189;
background-color: #ffffff; background-color: #ffffff;
font-weight: bold; } background-image: none;
border-style: none solid none none;
border-radius: 0;
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; }
treeview.view header button:hover { treeview.view header button:hover {
color: #5294E2; } color: #5294E2; }
treeview.view header button:active { treeview.view header button:active {
color: #5c616c; } color: #5c616c; }
treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { treeview.view header button:active, treeview.view header button:hover {
transition: none; background-color: #ffffff; }
color: #5294E2; treeview.view header button:active:hover {
box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } color: #5c616c; }
treeview.view header button:disabled {
treeview.view header button { border-color: #F5F6F7;
min-height: 0; background-image: none; }
min-width: 0; treeview.view header button:last-child {
padding: 3px 6px; border-right-style: none;
background-image: none; border-image: none; }
border-style: none solid none none; treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active,
border-radius: 0; treeview.view header.button.dnd,
border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header.button.dnd:selected,
treeview.view header button:active, treeview.view header button:hover { treeview.view header.button.dnd:hover,
background-color: #ffffff; } treeview.view header.button.dnd:active {
treeview.view header button:active:hover { padding: 0 6px;
color: #5c616c; } transition: none;
treeview.view header button:disabled { color: #ffffff;
border-color: #F5F6F7; background-color: #5294E2;
background-image: none; } border-radius: 0;
treeview.view header button:last-child { border-style: none; }
border-right-style: none;
border-image: none; }
menubar, menubar,
.menubar { .menubar {
@ -2056,6 +2070,14 @@ levelbar block.empty {
background-color: rgba(92, 97, 108, 0.2); background-color: rgba(92, 97, 108, 0.2);
border-color: rgba(92, 97, 108, 0.2); } border-color: rgba(92, 97, 108, 0.2); }
printdialog paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
printdialog .dialog-action-box {
margin: 12px; }
frame border, frame border,
.frame { .frame {
margin: 0; margin: 0;
@ -2067,11 +2089,6 @@ frame border,
.frame.flat { .frame.flat {
border-style: none; } border-style: none; }
paper {
border: 1px solid #dcdfe3;
background: white;
padding: 0; }
scrolledwindow viewport.frame, placessidebar viewport.frame { scrolledwindow viewport.frame, placessidebar viewport.frame {
border-style: none; } border-style: none; }
@ -2300,9 +2317,12 @@ messagedialog.csd .dialog-action-area button:only-child {
border-left-style: none; border-left-style: none;
border-right-style: none; } border-right-style: none; }
filechooser #pathbarbox {
border-bottom: 1px solid rgba(220, 223, 227, 0.5); }
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: #F5F6F7; } background-color: #fbfbfc; }
stacksidebar row { stacksidebar row {
padding: 10px 4px; } padding: 10px 4px; }
@ -2316,9 +2336,10 @@ placessidebar list {
background-color: transparent; } background-color: transparent; }
placessidebar row { placessidebar row {
min-height: 30px;
padding: 0px; } padding: 0px; }
placessidebar row > revealer { placessidebar row > revealer {
padding: 8px 10px; } padding: 0 10px; }
placessidebar row image.sidebar-icon:dir(ltr) { placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; } padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { placessidebar row image.sidebar-icon:dir(rtl) {
@ -2328,8 +2349,10 @@ placessidebar row {
placessidebar row label.sidebar-label:dir(rtl) { placessidebar row label.sidebar-label:dir(rtl) {
padding-left: 2px; } padding-left: 2px; }
button.sidebar-button { button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; } -gtk-outline-radius: 100%; }
@ -2525,16 +2548,11 @@ button.color {
.content-view:hover { .content-view:hover {
-gtk-icon-effect: highlight; } -gtk-icon-effect: highlight; }
.scale-popup button { .scale-popup button:hover {
padding: 6px; } color: #5c616c;
.scale-popup button:hover { outline-color: rgba(92, 97, 108, 0.3);
color: #5c616c; border-color: #cfd6e6;
outline-color: rgba(92, 97, 108, 0.3); background-color: white; }
border-color: #cfd6e6;
background-color: white; }
button.scale {
padding: 8px; }
.context-menu, popover.touch-selection, .context-menu, popover.touch-selection,
popover.background.touch-selection { popover.background.touch-selection {
@ -2555,12 +2573,14 @@ button.circular-button {
padding: 0; } padding: 0; }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border: 1px solid #dcdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); }
color: #5c616c;
padding: 3px 8px 3px 8px; }
stackswitcher button.text-button { stackswitcher button.text-button {
min-width: 80px; } min-width: 80px; }
@ -2570,7 +2590,8 @@ stackswitcher button.circular {
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; } border-color: black;
box-shadow: inset 0 0 0 1px black; }
decoration { decoration {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
@ -2579,15 +2600,16 @@ decoration {
margin: 10px; } margin: 10px; }
decoration:backdrop { decoration:backdrop {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); }
.fullscreen decoration,
.tiled decoration { .tiled decoration {
border-radius: 0; } border-radius: 0; }
.popup decoration, decoration.popup { .popup decoration, decoration.popup {
box-shadow: none; box-shadow: none;
border-radius: 0; } border-radius: 0; }
.ssd decoration, decoration.ssd { .ssd decoration {
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
.ssd decoration.maximized, decoration.ssd.maximized { .ssd decoration.maximized {
border-radius: 0; } border-radius: 0; }
.csd.popup decoration { .csd.popup decoration {
border-radius: 2px; border-radius: 2px;
@ -3422,16 +3444,16 @@ GtkListBox .h4 {
.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator {
background: rgba(53, 57, 69, 0.95); } background: rgba(53, 57, 69, 0.95); }
.nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) {
margin-left: -1px; }
.nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) {
margin-right: -1px; }
.nautilus-window.csd.background, .nautilus-window placessidebar list { .nautilus-window.csd.background, .nautilus-window placessidebar list {
background-color: transparent; } background-color: transparent; }
.nautilus-window placessidebar.sidebar { .nautilus-window placessidebar.sidebar {
background-color: rgba(53, 57, 69, 0.95); } background-color: rgba(53, 57, 69, 0.95); }
.nautilus-window placessidebar.sidebar:dir(ltr) {
margin-right: -1px; }
.nautilus-window placessidebar.sidebar:dir(rtl) {
margin-left: -1px; }
.nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row {
border: 1px solid #5294E2; } border: 1px solid #5294E2; }
.nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row {
@ -3451,21 +3473,25 @@ GtkListBox .h4 {
.nautilus-window.maximized placessidebar.sidebar { .nautilus-window.maximized placessidebar.sidebar {
background-color: #353945; } background-color: #353945; }
.nautilus-window .sidebar-button.button { .nautilus-window button.sidebar-button {
color: #BAC3CF; } color: #BAC3CF; }
.nautilus-window .sidebar-button.button:hover { .nautilus-window button.sidebar-button:hover {
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45); } background-color: rgba(119, 127, 151, 0.45); }
.nautilus-window .sidebar-button.button:active { .nautilus-window button.sidebar-button:active {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: rgba(26, 28, 34, 0.35); border-color: #5294E2;
background-color: #5294E2; } background-color: #5294E2; }
.nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image {
opacity: 0.5; } opacity: 0.5; }
.nautilus-window searchbar {
border-color: transparent;
box-shadow: inset 0 -1px #dcdfe3; }
.gedit-bottom-panel-paned { .gedit-bottom-panel-paned {
background-color: #ffffff; } background-color: #ffffff; }

View File

@ -93,7 +93,7 @@ iconview {
&:selected, &:selected,
&:selected:focus { &:selected:focus {
border-radius: 3px; border-radius: 2px;
@extend %selected_items; @extend %selected_items;
} }
} }
@ -216,8 +216,8 @@ entry {
&.flat, &.flat:focus { &.flat, &.flat:focus {
@include entry(normal); @include entry(normal);
padding-left: 2px; min-height: 0;
padding-right: 2px; padding: 2px;
border: none; border: none;
border-radius: 0; border-radius: 0;
} }
@ -236,7 +236,7 @@ entry {
} }
progress { progress {
margin: 2px 12px; margin: 0 -6px;
border-radius: 0; border-radius: 0;
border-width: 0 0 2px; border-width: 0 0 2px;
border-color: $selected_bg_color; border-color: $selected_bg_color;
@ -421,6 +421,12 @@ button {
} }
} }
&.image-button {
min-width: 32px;
padding-left: 0;
padding-right: 0;
}
&.text-button { &.text-button {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
@ -431,8 +437,24 @@ button {
// to have the image-button padding, while the text side the text-button // to have the image-button padding, while the text side the text-button
// one, so we're adding the missing padding to the label depending on // one, so we're adding the missing padding to the label depending on
// its position inside the button // its position inside the button
label:first-child { padding-left: 8px; } padding-left: 0;
label:last-child { padding-right: 8px; } padding-right: 0;
label {
&:first-child {
padding-left: 12px;
padding-right: 0;
}
&:last-child {
padding-left: 0;
padding-right: 12px;
}
}
image {
padding-left: 6px;
padding-right: 6px;
}
} }
.stack-switcher > & { .stack-switcher > & {
@ -716,7 +738,9 @@ button:link, button:visited {
// Spinbuttons // Spinbuttons
// //
spinbutton { spinbutton {
button:active { color: $selected_fg_color; } button:active { color: $selected_fg_color; }
&:disabled { color: $insensitive_fg_color; }
&:not(.vertical) { &:not(.vertical) {
button, entry { button, entry {
@ -1289,8 +1313,6 @@ headerbar {
// //
.path-bar button { .path-bar button {
&:first-child { padding-left: 10px; }
&:last-child { padding-right: 10px; }
&:only-child { &:only-child {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
@ -1381,52 +1403,49 @@ treeview.view {
button { button {
$_column_header_color: mix($fg_color,$base_color,80%); $_column_header_color: mix($fg_color,$base_color,80%);
@extend %column_header_button; min-height: 0;
min-width: 0;
padding: 3px 6px;
font-weight: bold;
color: $_column_header_color; color: $_column_header_color;
background-color: $base_color; background-color: $base_color;
font-weight: bold; background-image: none;
&:hover { border-style: none solid none none;
color: $selected_bg_color; border-radius: 0;
border-image: linear-gradient(to bottom,
$base_color 20%,
transparentize(if($variant == 'light', black, white), 0.89) 20%,
transparentize(if($variant == 'light', black, white), 0.89) 80%,
$base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch;
&:hover { color: $selected_bg_color; }
&:active { color: $fg_color; }
&:active, &:hover { background-color: $base_color; }
&:active:hover { color: $fg_color; }
&:disabled {
border-color: $bg_color;
background-image: none;
} }
&:active { &:last-child {
color: $fg_color; border-right-style: none;
} border-image: none;
&.dnd {
&, &:selected, &:hover {
transition: none;
color: $selected_bg_color;
box-shadow: inset 1px 1px 0 1px $selected_bg_color,
inset -1px 0 0 1px $selected_bg_color,
inset 1px 1px $base_color, inset -1px 0 $base_color;
}
} }
} }
} }
}
%column_header_button { button.dnd,
min-height: 0; header.button.dnd {
min-width: 0; &, &:selected, &:hover, &:active {
padding: 3px 6px; padding: 0 6px;
background-image: none; transition: none;
border-style: none solid none none; color: $selected_fg_color;
border-radius: 0; background-color: $selected_bg_color;
border-image: linear-gradient(to bottom, border-radius: 0;
$base_color 20%, border-style: none;
transparentize(if($variant == 'light', black, white), 0.89) 20%, }
transparentize(if($variant == 'light', black, white), 0.89) 80%,
$base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch;
&:active, &:hover { background-color: $base_color; }
&:active:hover { color: $fg_color; }
&:disabled {
border-color: $bg_color;
background-image: none;
}
&:last-child {
border-right-style: none;
border-image: none;
} }
} }
@ -2160,6 +2179,19 @@ levelbar {
} }
} }
//
// Print dialog
//
printdialog {
paper {
border: 1px solid $borders_color;
background: white;
padding: 0;
}
.dialog-action-box { margin: 12px; }
}
// //
// Frames // Frames
// //
@ -2173,12 +2205,6 @@ frame border,
padding: 0; padding: 0;
} }
paper {
border: 1px solid $borders_color;
background: white;
padding: 0;
}
scrolledwindow { scrolledwindow {
viewport.frame { // avoid double borders when viewport inside viewport.frame { // avoid double borders when viewport inside
// scrolled window // scrolled window
@ -2385,12 +2411,19 @@ messagedialog { // Message Dialog styling
} }
} }
//
// Filechooser
//
filechooser {
#pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); }
}
// //
// Sidebar // Sidebar
// //
.sidebar, .sidebar .view { .sidebar, .sidebar .view {
border: none; border: none;
background-color: $bg_color; background-color: lighten($bg_color, 2%);
&:selected { @extend %selected_items; } &:selected { @extend %selected_items; }
separator { @extend separator; } separator { @extend separator; }
@ -2418,11 +2451,12 @@ placessidebar {
row { row {
// Needs overriding of the GtkListBoxRow padding // Needs overriding of the GtkListBoxRow padding
min-height: 30px;
padding: 0px; padding: 0px;
// Using margins/padding directly in the SidebarRow // Using margins/padding directly in the SidebarRow
// will make the animation of the new bookmark row jump // will make the animation of the new bookmark row jump
> revealer { > revealer {
padding: 8px 10px; padding: 0 10px;
} }
image.sidebar-icon { image.sidebar-icon {
&:dir(ltr) { padding-right: 8px; } &:dir(ltr) { padding-right: 8px; }
@ -2433,12 +2467,15 @@ placessidebar {
&:dir(rtl) { padding-left: 2px; } &:dir(rtl) { padding-left: 2px; }
} }
@at-root button.sidebar-button { @at-root button.sidebar-button {
min-width: 26px; min-width: 22px;
min-height: 26px; min-height: 22px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0; padding: 0;
@extend button.flat; @extend button.flat;
border-radius: 100%; border-radius: 100%;
-gtk-outline-radius: 100%; -gtk-outline-radius: 100%;
&:not(:hover):not(:active) > image { opacity: 0.5 }; &:not(:hover):not(:active) > image { opacity: 0.5 };
} }
} }
@ -2708,14 +2745,11 @@ button.color {
} }
.scale-popup button { // +/- buttons on GtkVolumeButton popup .scale-popup button { // +/- buttons on GtkVolumeButton popup
padding: 6px;
&:hover { &:hover {
@include button(hover); @include button(hover);
} }
} }
button.scale { padding: 8px; }
// Decouple the font of context menus from their entry/textview // Decouple the font of context menus from their entry/textview
.context-menu { font: initial; } .context-menu { font: initial; }
.monospace { font: Monospace; } .monospace { font: Monospace; }
@ -2735,12 +2769,16 @@ button.circular-button {
} }
.keycap { .keycap {
min-width: 16px;
min-height: 20px;
padding: 3px 6px 4px 6px;
color: $fg_color;
background-color: $base_color; background-color: $base_color;
border: 1px solid $borders_color; border: 1px solid $borders_color;
border-radius: 2px; border-radius: 2.5px;
box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85));
color: $fg_color;
padding: 3px 8px 3px 8px;
} }
stackswitcher button { stackswitcher button {
@ -2753,7 +2791,8 @@ stackswitcher button {
// //
*:drop(active):focus, *:drop(active):focus,
*:drop(active) { *:drop(active) {
border: 1px solid black; border-color: black;
box-shadow: inset 0 0 0 1px black;
} }
// //
@ -2779,6 +2818,7 @@ decoration {
0 8px 8px 0 transparent, 0 8px 8px 0 transparent,
0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2));
} }
.fullscreen &,
.tiled & { .tiled & {
border-radius: 0; border-radius: 0;
} }
@ -2788,8 +2828,7 @@ decoration {
border-radius: 0; border-radius: 0;
} }
// server-side decorations as used by mutter // server-side decorations as used by mutter
.ssd &, .ssd & {
&.ssd {
border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0);
box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border);

View File

@ -3,7 +3,12 @@
//GtkFileChooserDialog, //GtkFileChooserDialog,
//NemoWindow, //NemoWindow,
.nautilus-window { .nautilus-window {
paned > separator { background: $dark_sidebar_bg; } paned > separator {
background: $dark_sidebar_border;
&:dir(ltr) { margin-left: -1px; }
&:dir(rtl) { margin-right: -1px; }
}
} }
// Dark transparent sidebars // Dark transparent sidebars
@ -14,14 +19,6 @@
placessidebar.sidebar { placessidebar.sidebar {
&:dir(ltr) { margin-right: -1px; }
&:dir(rtl) { margin-left: -1px; }
@if $variant=='dark' {
&:dir(ltr) { border-right: 1px solid $dark_sidebar_border; }
&:dir(rtl) { border-left: 1px solid $dark_sidebar_border; }
}
background-color: $dark_sidebar_bg; background-color: $dark_sidebar_bg;
row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; }
@ -49,14 +46,20 @@
&.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); }
.sidebar-button.button { button.sidebar-button {
color: $dark_sidebar_fg; color: $dark_sidebar_fg;
&:hover { @include button(osd-hover); } &:hover { @include button(osd-hover); }
&:active { @include button(osd-active); } &:active { @include button(active); }
&:not(:hover):not(:active) > image { opacity: 0.5 }; &:not(:hover):not(:active) > image { opacity: 0.5 };
} }
searchbar {
// Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096
border-color: transparent;
box-shadow: inset 0 -1px $borders_color;
}
} }