Small syntax changes, enhance notbeook style & change file manager sidebar to white bg

master
Christian Medel 2019-06-05 10:58:42 -04:00
parent 198e58b48c
commit e69fd4ad1c
2 changed files with 59 additions and 26 deletions

View File

@ -951,9 +951,22 @@ notebook {
padding: 0; }
notebook.frame {
margin: -1px;
border: none; }
border-width: 1px;
border-style: solid;
border-color: shade(@theme_bg_color, 1.1);
border-right-color: shade(@borders, 0.8);
border-bottom-color: shade(@borders, 0.8);
background-color: transparent; }
notebook.frame > header {
margin: -1px; }
notebook.frame > header.top {
margin-bottom: 0; }
notebook.frame > header.bottom {
margin-top: 0; }
notebook.frame > header.left {
margin-right: 0; }
notebook.frame > header.right {
margin-left: 0; }
notebook.frame > header.top, notebook.frame > header.bottom {
padding-left: 0;
padding-right: 0; }
@ -961,44 +974,64 @@ notebook {
padding-top: 0;
padding-bottom: 0; }
notebook > stack:not(:only-child) {
border: 1px solid transparent;
background-color: transparent;
border-image: url("assets/notebook.png") 2 2 2 2 stretch; }
background-color: transparent; }
notebook tab {
padding: 4px 6px;
border-width: 4px;
padding: 2px 6px;
border-width: 6px;
border-style: solid;
border-radius: 0;
border-color: transparent;
color: @theme_fg_color;
outline-color: transparent;
background-color: shade(@theme_bg_color, 0.92); }
notebook tab:checked {
background-color: @theme_bg_color; }
notebook tab button, notebook tab button:hover, notebook tab button:focus, notebook tab button:active, notebook tab button:checked, notebook tab button:active:hover, notebook tab button:checked:hover, notebook tab button:backdrop, notebook tab:checked button, notebook tab:checked button:hover, notebook tab:checked button:focus, notebook tab:checked button:active, notebook tab:checked button:checked, notebook tab:checked button:active:hover, notebook tab:checked button:checked:hover, notebook tab:checked button:backdrop {
border-color: transparent;
background-color: transparent;
color: @theme_fg_color;
box-shadow: none; }
color: @theme_fg_color; }
notebook > header {
padding-top: 2px;
background-color: @theme_bg_color; }
notebook > header:backdrop {
background-color: @theme_unfocused_bg_color; }
notebook > header.top > tabs > tab {
border-image: url("assets/tab-top.png") 6 6 6 6 stretch; }
notebook > header.top > tabs > tab:checked {
border-image: url("assets/tab-top-active.png") 6 6 6 6 stretch; }
notebook > header.bottom > tabs > tab {
border-image: url("assets/tab-bottom.png") 6 6 6 6 stretch; }
notebook > header.bottom > tabs > tab:checked {
border-image: url("assets/tab-bottom-active.png") 6 6 6 6 stretch; }
notebook > header.right > tabs > tab {
border-image: url("assets/tab-right.png") 6 6 6 6 stretch; }
notebook > header.right > tabs > tab:checked {
border-image: url("assets/tab-right-active.png") 6 6 6 6 stretch; }
notebook > header.left > tabs > tab {
border-image: url("assets/tab-left.png") 6 6 6 6 stretch; }
notebook > header.left > tabs > tab:checked {
border-image: url("assets/tab-left-active.png") 6 6 6 6 stretch; }
notebook > header.top {
box-shadow: 0 1px shade(@theme_bg_color, 1.1); }
notebook > header.top > tabs > tab {
border-image: url("assets/tab-top.png") 6 6 6 6 stretch;
margin-top: 2px; }
notebook > header.top > tabs > tab:checked {
border-image: url("assets/tab-top-active.png") 6 6 6 6 stretch;
margin-top: 0;
margin-bottom: -1px; }
notebook > header.bottom {
padding-top: 0;
box-shadow: 0 -1px shade(@borders, 0.8); }
notebook > header.bottom > tabs > tab {
border-image: url("assets/tab-bottom.png") 6 6 6 6 stretch;
margin-bottom: 2px; }
notebook > header.bottom > tabs > tab:checked {
border-image: url("assets/tab-bottom-active.png") 6 6 6 6 stretch;
margin-bottom: 0;
margin-top: -1px; }
notebook > header.right {
box-shadow: -1px 0 shade(@borders, 0.8); }
notebook > header.right > tabs > tab {
border-image: url("assets/tab-right.png") 6 6 6 6 stretch;
margin-right: 2px; }
notebook > header.right > tabs > tab:checked {
border-image: url("assets/tab-right-active.png") 6 6 6 6 stretch;
margin-right: 0;
margin-left: -1px; }
notebook > header.left {
box-shadow: 1px 0 shade(@theme_bg_color, 1.1); }
notebook > header.left > tabs > tab {
border-image: url("assets/tab-left.png") 6 6 6 6 stretch;
margin-left: 2px; }
notebook > header.left > tabs > tab:checked {
border-image: url("assets/tab-left-active.png") 6 6 6 6 stretch;
margin-left: 0;
margin-right: -1px; }
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
@ -1698,7 +1731,7 @@ headerbar, headerbar:not(.titlebar) {
border-width: 1px;
border-radius: 2px;
color: @headerbar_fg_color;
border-color: shade(@borders, 0.55);
border-color: shade(shade(@borders, 0.9), 0.55);
background-color: shade(@headerbar_bg_color, 1.08);
-gtk-outline-radius: 2px;
box-shadow: inset 3px 3px @light_shadow, inset 1px 1px @theme_bg_color, inset -2px -2px shade(@theme_bg_color, 0.85), inset -1px -1px shade(@theme_bg_color, 0.65);

View File

@ -76,7 +76,7 @@
@define-color menubar_fg_color @fg_color;
@define-color toolbar_bg_color @bg_color;
@define-color toolbar_fg_color @fg_color;
@define-color sidebar_bg_color @bg_color;
@define-color sidebar_bg_color @base_color;
@define-color sidebar_fg_color @fg_color;
@define-color taskbar_bg_color #f6f6f6;
@define-color taskbar_fg_color #000000;