Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

improve tabs

Browse Source
This commit is contained in:
Horst3180 2016-03-03 15:40:57 +01:00
parent 68f72d8b27
commit 865b98f659
8 changed files with 328 additions and 315 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -667,7 +667,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { .menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1519,12 +1519,13 @@ cursor-handle {
notebook { notebook {
padding: 0; padding: 0;
background-color: #404552;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame { notebook.frame {
border: 1px solid #2b2e39; } border: 1px solid #2b2e39; }
notebook.frame header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook > stack:not(:only-child) {
background-color: #404552; }
notebook > header { notebook > header {
padding: 3px; padding: 3px;
background-color: #383C4A; } background-color: #383C4A; }
@ -1538,94 +1539,92 @@ notebook {
box-shadow: inset -1px 0 #2b2e39; } box-shadow: inset -1px 0 #2b2e39; }
notebook > header.top { notebook > header.top {
padding-bottom: 0; } padding-bottom: 0; }
notebook > header.top tab { notebook > header.top > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px; margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom tab { notebook > header.bottom > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px; margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right tab { notebook > header.right > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left tab { notebook > header.left > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left tab.reorderable-page { notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
padding-left: 12px;
padding-right: 12px; }
notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
margin-left: 2px; } margin-left: 2px; }
notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
margin-right: 2px; } margin-right: 2px; }
notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
margin-top: 2px; } margin-top: 2px; }
notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
margin-bottom: 2px; } margin-bottom: 2px; }
notebook > header tabs arrow { notebook > header > tabs > arrow {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
notebook > header tabs arrow:hover { notebook > header > tabs > arrow:hover {
color: rgba(211, 218, 227, 0.725); } color: rgba(211, 218, 227, 0.725); }
notebook > header tabs arrow:active { notebook > header > tabs > arrow:active {
color: #D3DAE3; } color: #D3DAE3; }
notebook > header tabs arrow:disabled { notebook > header > tabs > arrow:disabled {
color: rgba(211, 218, 227, 0.15); } color: rgba(211, 218, 227, 0.15); }
notebook > header tab { notebook > header > tabs > tab {
color: rgba(211, 218, 227, 0.45);
background-color: rgba(64, 69, 82, 0); } background-color: rgba(64, 69, 82, 0); }
notebook > header tab label { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.725);
notebook > header tab:hover {
background-color: rgba(64, 69, 82, 0.5); background-color: rgba(64, 69, 82, 0.5);
border-color: #2b2e39; } border-color: #2b2e39;
notebook > header tab:hover label { box-shadow: inset 0 -1px #2b2e39; }
color: rgba(211, 218, 227, 0.725); } notebook > header > tabs > tab:checked {
notebook > header tab:checked { color: #D3DAE3;
background-color: #404552; background-color: #404552;
border-color: #2b2e39; } border-color: #2b2e39; }
notebook > header tab:checked label { notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
color: #D3DAE3; }
notebook > header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #9da3ad; } color: #9da3ad; }
notebook > header tab button:hover { notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook > header tab button:active, notebook > header tab button:active:hover { notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {
@ -2770,6 +2769,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #404552; background-color: #404552;
border-bottom: 1px solid #2b2e39; } border-bottom: 1px solid #2b2e39; }
.nautilus-window notebook {
background-color: #404552; }
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

98
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { .menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1518,12 +1518,13 @@ cursor-handle {
notebook { notebook {
padding: 0; padding: 0;
background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook > stack:not(:only-child) {
background-color: #ffffff; }
notebook > header { notebook > header {
padding: 3px; padding: 3px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
@ -1537,94 +1538,92 @@ notebook {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.top { notebook > header.top {
padding-bottom: 0; } padding-bottom: 0; }
notebook > header.top tab { notebook > header.top > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px; margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom tab { notebook > header.bottom > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px; margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right tab { notebook > header.right > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left tab { notebook > header.left > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left tab.reorderable-page { notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
padding-left: 12px;
padding-right: 12px; }
notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
margin-left: 2px; } margin-left: 2px; }
notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
margin-right: 2px; } margin-right: 2px; }
notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
margin-top: 2px; } margin-top: 2px; }
notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
margin-bottom: 2px; } margin-bottom: 2px; }
notebook > header tabs arrow { notebook > header > tabs > arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook > header tabs arrow:hover { notebook > header > tabs > arrow:hover {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook > header tabs arrow:active { notebook > header > tabs > arrow:active {
color: #5c616c; } color: #5c616c; }
notebook > header tabs arrow:disabled { notebook > header > tabs > arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook > header tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header tab label { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.775);
notebook > header tab:hover {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; } border-color: #dcdfe3;
notebook > header tab:hover label { box-shadow: inset 0 -1px #dcdfe3; }
color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > tab:checked {
notebook > header tab:checked { color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
notebook > header tab:checked label { notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
color: #5c616c; }
notebook > header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook > header tab button:hover { notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook > header tab button:active, notebook > header tab button:active:hover { notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {
@ -2769,6 +2768,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #ffffff; background-color: #ffffff;
border-bottom: 1px solid #dcdfe3; } border-bottom: 1px solid #dcdfe3; }
.nautilus-window notebook {
background-color: #ffffff; }
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

98
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -667,7 +667,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { .menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1519,12 +1519,13 @@ cursor-handle {
notebook { notebook {
padding: 0; padding: 0;
background-color: #404552;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame { notebook.frame {
border: 1px solid #2b2e39; } border: 1px solid #2b2e39; }
notebook.frame header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook > stack:not(:only-child) {
background-color: #404552; }
notebook > header { notebook > header {
padding: 3px; padding: 3px;
background-color: #383C4A; } background-color: #383C4A; }
@ -1538,94 +1539,92 @@ notebook {
box-shadow: inset -1px 0 #2b2e39; } box-shadow: inset -1px 0 #2b2e39; }
notebook > header.top { notebook > header.top {
padding-bottom: 0; } padding-bottom: 0; }
notebook > header.top tab { notebook > header.top > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px; margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom tab { notebook > header.bottom > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px; margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right tab { notebook > header.right > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left tab { notebook > header.left > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left tab.reorderable-page { notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
padding-left: 12px;
padding-right: 12px; }
notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
margin-left: 2px; } margin-left: 2px; }
notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
margin-right: 2px; } margin-right: 2px; }
notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
margin-top: 2px; } margin-top: 2px; }
notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
margin-bottom: 2px; } margin-bottom: 2px; }
notebook > header tabs arrow { notebook > header > tabs > arrow {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
notebook > header tabs arrow:hover { notebook > header > tabs > arrow:hover {
color: rgba(211, 218, 227, 0.725); } color: rgba(211, 218, 227, 0.725); }
notebook > header tabs arrow:active { notebook > header > tabs > arrow:active {
color: #D3DAE3; } color: #D3DAE3; }
notebook > header tabs arrow:disabled { notebook > header > tabs > arrow:disabled {
color: rgba(211, 218, 227, 0.15); } color: rgba(211, 218, 227, 0.15); }
notebook > header tab { notebook > header > tabs > tab {
color: rgba(211, 218, 227, 0.45);
background-color: rgba(64, 69, 82, 0); } background-color: rgba(64, 69, 82, 0); }
notebook > header tab label { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.725);
notebook > header tab:hover {
background-color: rgba(64, 69, 82, 0.5); background-color: rgba(64, 69, 82, 0.5);
border-color: #2b2e39; } border-color: #2b2e39;
notebook > header tab:hover label { box-shadow: inset 0 -1px #2b2e39; }
color: rgba(211, 218, 227, 0.725); } notebook > header > tabs > tab:checked {
notebook > header tab:checked { color: #D3DAE3;
background-color: #404552; background-color: #404552;
border-color: #2b2e39; } border-color: #2b2e39; }
notebook > header tab:checked label { notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
color: #D3DAE3; }
notebook > header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #9da3ad; } color: #9da3ad; }
notebook > header tab button:hover { notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook > header tab button:active, notebook > header tab button:active:hover { notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {
@ -2770,6 +2769,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #404552; background-color: #404552;
border-bottom: 1px solid #2b2e39; } border-bottom: 1px solid #2b2e39; }
.nautilus-window notebook {
background-color: #404552; }
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

98
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { .menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1518,12 +1518,13 @@ cursor-handle {
notebook { notebook {
padding: 0; padding: 0;
background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook > stack:not(:only-child) {
background-color: #ffffff; }
notebook > header { notebook > header {
padding: 3px; padding: 3px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
@ -1537,94 +1538,92 @@ notebook {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.top { notebook > header.top {
padding-bottom: 0; } padding-bottom: 0; }
notebook > header.top tab { notebook > header.top > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px; margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom tab { notebook > header.bottom > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px; margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right tab { notebook > header.right > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left tab { notebook > header.left > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left tab.reorderable-page { notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
padding-left: 12px;
padding-right: 12px; }
notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
margin-left: 2px; } margin-left: 2px; }
notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
margin-right: 2px; } margin-right: 2px; }
notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
margin-top: 2px; } margin-top: 2px; }
notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
margin-bottom: 2px; } margin-bottom: 2px; }
notebook > header tabs arrow { notebook > header > tabs > arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook > header tabs arrow:hover { notebook > header > tabs > arrow:hover {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook > header tabs arrow:active { notebook > header > tabs > arrow:active {
color: #5c616c; } color: #5c616c; }
notebook > header tabs arrow:disabled { notebook > header > tabs > arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook > header tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header tab label { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.775);
notebook > header tab:hover {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; } border-color: #dcdfe3;
notebook > header tab:hover label { box-shadow: inset 0 -1px #dcdfe3; }
color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > tab:checked {
notebook > header tab:checked { color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
notebook > header tab:checked label { notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
color: #5c616c; }
notebook > header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook > header tab button:hover { notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook > header tab button:active, notebook > header tab button:active:hover { notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {
@ -2769,6 +2768,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #ffffff; background-color: #ffffff;
border-bottom: 1px solid #dcdfe3; } border-bottom: 1px solid #dcdfe3; }
.nautilus-window notebook {
background-color: #ffffff; }
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

98
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { .menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1522,12 +1522,13 @@ cursor-handle {
notebook { notebook {
padding: 0; padding: 0;
background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook > stack:not(:only-child) {
background-color: #ffffff; }
notebook > header { notebook > header {
padding: 3px; padding: 3px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
@ -1541,94 +1542,92 @@ notebook {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.top { notebook > header.top {
padding-bottom: 0; } padding-bottom: 0; }
notebook > header.top tab { notebook > header.top > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px; margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom tab { notebook > header.bottom > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px; margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right tab { notebook > header.right > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left tab { notebook > header.left > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left tab.reorderable-page { notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
padding-left: 12px;
padding-right: 12px; }
notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
margin-left: 2px; } margin-left: 2px; }
notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
margin-right: 2px; } margin-right: 2px; }
notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
margin-top: 2px; } margin-top: 2px; }
notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
margin-bottom: 2px; } margin-bottom: 2px; }
notebook > header tabs arrow { notebook > header > tabs > arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook > header tabs arrow:hover { notebook > header > tabs > arrow:hover {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook > header tabs arrow:active { notebook > header > tabs > arrow:active {
color: #5c616c; } color: #5c616c; }
notebook > header tabs arrow:disabled { notebook > header > tabs > arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook > header tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header tab label { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.775);
notebook > header tab:hover {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; } border-color: #dcdfe3;
notebook > header tab:hover label { box-shadow: inset 0 -1px #dcdfe3; }
color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > tab:checked {
notebook > header tab:checked { color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
notebook > header tab:checked label { notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
color: #5c616c; }
notebook > header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook > header tab button:hover { notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook > header tab button:active, notebook > header tab button:active:hover { notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {
@ -2773,6 +2772,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #ffffff; background-color: #ffffff;
border-bottom: 1px solid #dcdfe3; } border-bottom: 1px solid #dcdfe3; }
.nautilus-window notebook {
background-color: #ffffff; }
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

98
common/gtk-3.0/3.20/gtk.css
View File

@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { .menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
border-color: transparent; border-color: transparent;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
@ -1522,12 +1522,13 @@ cursor-handle {
notebook { notebook {
padding: 0; padding: 0;
background-color: #ffffff;
transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook.frame { notebook.frame {
border: 1px solid #dcdfe3; } border: 1px solid #dcdfe3; }
notebook.frame header { notebook.frame > header {
margin: -1px; } margin: -1px; }
notebook > stack:not(:only-child) {
background-color: #ffffff; }
notebook > header { notebook > header {
padding: 3px; padding: 3px;
background-color: #F5F6F7; } background-color: #F5F6F7; }
@ -1541,94 +1542,92 @@ notebook {
box-shadow: inset -1px 0 #dcdfe3; } box-shadow: inset -1px 0 #dcdfe3; }
notebook > header.top { notebook > header.top {
padding-bottom: 0; } padding-bottom: 0; }
notebook > header.top tab { notebook > header.top > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-bottom: none; border-bottom: none;
margin-right: -1px; margin-right: -1px;
border-radius: 1px 1px 0 0; } border-radius: 1px 1px 0 0; }
notebook > header.top tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.bottom { notebook > header.bottom {
padding-top: 0; } padding-top: 0; }
notebook > header.bottom tab { notebook > header.bottom > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-top: none; border-top: none;
margin-right: -1px; margin-right: -1px;
border-radius: 0 0 1px 1px; } border-radius: 0 0 1px 1px; }
notebook > header.bottom tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.right { notebook > header.right {
padding-left: 0; } padding-left: 0; }
notebook > header.right tab { notebook > header.right > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-left: none; border-left: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 0 1px 1px 0; } border-radius: 0 1px 1px 0; }
notebook > header.right tab.reorderable-page {
padding-left: 12px;
padding-right: 12px; }
notebook > header.left { notebook > header.left {
padding-right: 0; } padding-right: 0; }
notebook > header.left tab { notebook > header.left > tabs > tab {
padding: 4px 15px; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-right: none; border-right: none;
margin-bottom: -1px; margin-bottom: -1px;
border-radius: 1px 0 0 1px; } border-radius: 1px 0 0 1px; }
notebook > header.left tab.reorderable-page { notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
padding-left: 12px;
padding-right: 12px; }
notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
margin-left: 2px; } margin-left: 2px; }
notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
margin-right: 2px; } margin-right: 2px; }
notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
margin-top: 2px; } margin-top: 2px; }
notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
margin-bottom: 2px; } margin-bottom: 2px; }
notebook > header tabs arrow { notebook > header > tabs > arrow {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
notebook > header tabs arrow:hover { notebook > header > tabs > arrow:hover {
color: rgba(92, 97, 108, 0.775); } color: rgba(92, 97, 108, 0.775); }
notebook > header tabs arrow:active { notebook > header > tabs > arrow:active {
color: #5c616c; } color: #5c616c; }
notebook > header tabs arrow:disabled { notebook > header > tabs > arrow:disabled {
color: rgba(92, 97, 108, 0.25); } color: rgba(92, 97, 108, 0.25); }
notebook > header tab { notebook > header > tabs > tab {
color: rgba(92, 97, 108, 0.55);
background-color: rgba(255, 255, 255, 0); } background-color: rgba(255, 255, 255, 0); }
notebook > header tab label { notebook > header > tabs > tab:hover:not(:checked) {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.775);
notebook > header tab:hover {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);
border-color: #dcdfe3; } border-color: #dcdfe3;
notebook > header tab:hover label { box-shadow: inset 0 -1px #dcdfe3; }
color: rgba(92, 97, 108, 0.775); } notebook > header > tabs > tab:checked {
notebook > header tab:checked { color: #5c616c;
background-color: #ffffff; background-color: #ffffff;
border-color: #dcdfe3; } border-color: #dcdfe3; }
notebook > header tab:checked label { notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
color: #5c616c; }
notebook > header tab button {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: #92959d; } color: #92959d; }
notebook > header tab button:hover { notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
color: #ff4d4d; } color: #ff4d4d; }
notebook > header tab button:active, notebook > header tab button:active:hover { notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
color: #5294E2; } color: #5294E2; }
* { * {
@ -2773,6 +2772,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
background-color: #ffffff; background-color: #ffffff;
border-bottom: 1px solid #dcdfe3; } border-bottom: 1px solid #dcdfe3; }
.nautilus-window notebook {
background-color: #ffffff; }
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

4
common/gtk-3.0/3.20/sass/_applications.scss
View File

@ -117,6 +117,10 @@
border-bottom: 1px solid $borders_color; border-bottom: 1px solid $borders_color;
} }
.nautilus-window notebook {
background-color: $base_color;
}
button.nautilus-circular-button.image-button { button.nautilus-circular-button.image-button {
border-radius: 50%; border-radius: 50%;
-gtk-outline-radius: 50%; -gtk-outline-radius: 50%;

51
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -1603,18 +1603,19 @@ cursor-handle {
// //
notebook { notebook {
padding: 0; padding: 0;
background-color: $base_color;
transition: all 200ms $ease-out-quad; transition: all 200ms $ease-out-quad;
&.frame { &.frame {
border: 1px solid $borders_color; border: 1px solid $borders_color;
header { margin: -1px; } // ugly hack to hide the borders around the header > header { margin: -1px; } // ugly hack to hide the borders around the header
}
> stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks
background-color: $base_color;
} }
> header { > header {
$vpadding: 4px;
$hpadding: 15px;
padding: 3px; padding: 3px;
background-color: $bg_color; background-color: $bg_color;
@ -1628,16 +1629,16 @@ notebook {
&.#{$_pos} { &.#{$_pos} {
padding-#{$_bpos}: 0; padding-#{$_bpos}: 0;
tab { > tabs > tab {
padding: $vpadding $hpadding; padding: 2px 10px;
min-width: 22px;
min-height: 22px;
outline-offset: -4px;
border: 1px solid transparent; border: 1px solid transparent;
border-#{$_bpos}: none; border-#{$_bpos}: none;
// nicer close button placement
&.reorderable-page {
padding-left: 12px;
padding-right: 12px;
}
// tab overlap // tab overlap
@if $_pos==top or $_pos==bottom { margin-right: -1px; } @if $_pos==top or $_pos==bottom { margin-right: -1px; }
@else { margin-bottom: -1px; } @else { margin-bottom: -1px; }
@ -1652,26 +1653,26 @@ notebook {
} }
// overflow arrows // overflow arrows
&.top, &.bottom { &.top, &.bottom {
tabs arrow.up { > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:last-child { margin-left: 2px; } &:last-child { margin-left: 2px; }
} }
tabs arrow.down { > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
&:first-child { margin-right: 2px; } &:first-child { margin-right: 2px; }
} }
} }
&.left, &.right { &.left, &.right {
tabs arrow.up { > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
&:last-child { margin-top: 2px; } &:last-child { margin-top: 2px; }
} }
tabs arrow.down { > tabs > arrow.down {
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
&:first-child { margin-bottom: 2px; } &:first-child { margin-bottom: 2px; }
} }
} }
tabs arrow { > tabs > arrow {
color: $insensitive_fg_color; color: $insensitive_fg_color;
&:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); }
@ -1679,32 +1680,28 @@ notebook {
&:disabled { color: transparentize($insensitive_fg_color,0.3); } &:disabled { color: transparentize($insensitive_fg_color,0.3); }
} }
// tab colors // tab colors
tab { > tabs > tab {
color: $insensitive_fg_color;
background-color: transparentize($base_color, 1); background-color: transparentize($base_color, 1);
label { color: $insensitive_fg_color; } &:hover:not(:checked) {
color: mix($fg_color, $insensitive_fg_color, 50%);
&:hover {
background-color: transparentize($base_color, 0.5); background-color: transparentize($base_color, 0.5);
border-color: $borders_color; border-color: $borders_color;
box-shadow: inset 0 -1px $borders_color;
label { color: mix($fg_color, $insensitive_fg_color, 50%); }
} }
&:checked { &:checked {
color: $fg_color;
background-color: $base_color; background-color: $base_color;
border-color: $borders_color; border-color: $borders_color;
label { color: $fg_color; }
} }
// close button // close button
button { button.flat {
min-height: 18px; min-height: 18px;
min-width: 16px; min-width: 16px;
padding: 0; padding: 0;
color: mix($bg_color, $fg_color, 35%); color: mix($bg_color, $fg_color, 35%);
@extend %undecorated_button;
&:hover { &:hover {
@extend %undecorated_button; @extend %undecorated_button;
color: lighten(red, 15%); color: lighten(red, 15%);