GTK3: update theme for gedit and nautilus
This commit is contained in:
Daniel Ruiz de Alegría
parent
13ef37f995
commit
131a39b2d5
@ -6798,6 +6798,31 @@ read if you used those and something break with a version upgrade you're on your
|
|||||||
@define-color content_view_bg #272a34;
|
@define-color content_view_bg #272a34;
|
||||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||||
@define-color text_view_bg #1a1c23;
|
@define-color text_view_bg #1a1c23;
|
||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
@ -6859,24 +6884,8 @@ statusbar {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -6886,8 +6895,8 @@ statusbar {
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -6899,70 +6908,60 @@ statusbar {
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -6975,7 +6974,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -7019,58 +7018,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4344,6 +4344,31 @@ read if you used those and something break with a version upgrade you're on your
|
|||||||
@define-color content_view_bg #272a34;
|
@define-color content_view_bg #272a34;
|
||||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||||
@define-color text_view_bg #1a1c23;
|
@define-color text_view_bg #1a1c23;
|
||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
@ -4405,24 +4430,8 @@ statusbar {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -4432,8 +4441,8 @@ statusbar {
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4445,70 +4454,60 @@ statusbar {
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -4521,7 +4520,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4565,58 +4564,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6798,6 +6798,31 @@ read if you used those and something break with a version upgrade you're on your
|
|||||||
@define-color content_view_bg #272a34;
|
@define-color content_view_bg #272a34;
|
||||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||||
@define-color text_view_bg #1a1c23;
|
@define-color text_view_bg #1a1c23;
|
||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
@ -6859,24 +6884,8 @@ statusbar {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -6886,8 +6895,8 @@ statusbar {
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -6899,70 +6908,60 @@ statusbar {
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -6975,7 +6974,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -7019,58 +7018,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6807,6 +6807,31 @@ read if you used those and something break with a version upgrade you're on your
|
|||||||
@define-color content_view_bg #fafafa;
|
@define-color content_view_bg #fafafa;
|
||||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||||
@define-color text_view_bg #fafafa;
|
@define-color text_view_bg #fafafa;
|
||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
@ -6868,24 +6893,8 @@ statusbar {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -6895,8 +6904,8 @@ statusbar {
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -6908,70 +6917,60 @@ statusbar {
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -6984,7 +6983,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -7028,58 +7027,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4344,6 +4344,31 @@ read if you used those and something break with a version upgrade you're on your
|
|||||||
@define-color content_view_bg #272a34;
|
@define-color content_view_bg #272a34;
|
||||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||||
@define-color text_view_bg #1a1c23;
|
@define-color text_view_bg #1a1c23;
|
||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
@ -4405,24 +4430,8 @@ statusbar {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -4432,8 +4441,8 @@ statusbar {
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4445,70 +4454,60 @@ statusbar {
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -4521,7 +4520,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4565,58 +4564,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4362,6 +4362,31 @@ read if you used those and something break with a version upgrade you're on your
|
|||||||
@define-color content_view_bg #fafafa;
|
@define-color content_view_bg #fafafa;
|
||||||
/* Very contrasty background for text views (@theme_text_color foreground) */
|
/* Very contrasty background for text views (@theme_text_color foreground) */
|
||||||
@define-color text_view_bg #fafafa;
|
@define-color text_view_bg #fafafa;
|
||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
@ -4423,24 +4448,8 @@ statusbar {
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -4450,8 +4459,8 @@ statusbar {
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4463,70 +4472,60 @@ statusbar {
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -4539,7 +4538,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -4583,58 +4582,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,28 @@
|
|||||||
|
.open-document-selector-treeview:hover {
|
||||||
|
background-color: alpha(@theme_fg_color, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.open-document-selector-treeview:selected:hover {
|
||||||
|
background-color: @theme_selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-name-label {
|
||||||
|
color: @theme_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-path-label {
|
||||||
|
color: @theme_unfocused_fg_color;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Only normal state is handle */
|
||||||
|
.open-document-selector-match {
|
||||||
|
color: shade (@theme_fg_color, 0.6);
|
||||||
|
background-color: alpha(@warning_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.gedit-document-panel {
|
.gedit-document-panel {
|
||||||
background-color: @sidebar_bg;
|
background-color: @sidebar_bg;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,21 +1,5 @@
|
|||||||
.nautilus-window,
|
.nautilus-empty-state-icon {
|
||||||
.nautilus-window notebook,
|
opacity: 0.50;
|
||||||
.nautilus-window notebook > stack {
|
|
||||||
background: @theme_base_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item {
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label,
|
|
||||||
.nautilus-list-dim-label {
|
|
||||||
color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-canvas-item.dim-label:selected,
|
|
||||||
.nautilus-list-dim-label:selected {
|
|
||||||
color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolbar */
|
/* Toolbar */
|
||||||
@ -25,8 +9,8 @@
|
|||||||
@keyframes needs_attention_keyframes {
|
@keyframes needs_attention_keyframes {
|
||||||
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
/* can't do animation-direction, so holding the color on two keyframes */
|
/* can't do animation-direction, so holding the color on two keyframes */
|
||||||
30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
30% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
90% {background-image: linear-gradient(to bottom, @view_bg_color, @view_bg_color, @view_bg_color); border-color: @window_fg_color; }
|
||||||
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -38,70 +22,60 @@
|
|||||||
animation-iteration-count: 3;
|
animation-iteration-count: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disclosure-button {
|
/* Remove white background and highlight on hover which GTK adds by default
|
||||||
padding-left: 4px;
|
* to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
|
||||||
padding-right: 4px;
|
.operations-list,
|
||||||
|
.operations-list > :hover {
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Path bar */
|
/* Path bar */
|
||||||
|
|
||||||
.path-bar-box {
|
.nautilus-path-bar > scrolledwindow {
|
||||||
border-radius: 5px;
|
margin: 6px 0px 6px 0px;
|
||||||
border: 1px @borders solid;
|
border-radius: 6px 0px 0px 6px;
|
||||||
background-color: @theme_bg_color;
|
border-right-width: 0px;
|
||||||
padding-right: 6px;
|
background-color: alpha(currentColor, 0.1);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.left {
|
||||||
|
border-radius: 6px 0px 0px 6px;
|
||||||
|
background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
|
}
|
||||||
|
.nautilus-path-bar > scrolledwindow undershoot.right {
|
||||||
|
background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button {
|
.nautilus-path-bar > button,
|
||||||
|
.path-buttons-box button {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:first-child {
|
.path-buttons-box button {
|
||||||
border-width: 0px 1px 0px 0px;
|
margin: 0px;
|
||||||
border-radius: 3.5px 0px 0px 3.5px;
|
box-shadow: none;
|
||||||
|
border-radius: 7px;
|
||||||
|
border-width: 0px;
|
||||||
|
-gtk-icon-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:first-child) {
|
.path-buttons-box button:not(:hover),
|
||||||
border-width: 0px 1px 0px 1px;
|
.path-buttons-box button.current-dir
|
||||||
border-radius: 0px 0px 0px 0px;
|
{
|
||||||
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nautilus-path-bar button:not(:checked) image { opacity: 0.8; } /* dim the icon when not checked */
|
.path-buttons-box button:not(.current-dir):not(:backdrop):hover label {
|
||||||
|
opacity: 1;
|
||||||
/* Make the tags fit into the box */
|
|
||||||
entry.search > * {
|
|
||||||
margin: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected {
|
|
||||||
background: mix(@theme_bg_color, @theme_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected,
|
|
||||||
.nautilus-window .sidebar-row:selected image,
|
|
||||||
.nautilus-window .sidebar-row:selected label {
|
|
||||||
color: mix(@theme_fg_color, @theme_text_color, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop {
|
|
||||||
background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop,
|
|
||||||
.nautilus-window .sidebar-row:selected:backdrop label {
|
|
||||||
color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Floating status bar */
|
/* Floating status bar */
|
||||||
.floating-bar {
|
.floating-bar {
|
||||||
padding: 1px;
|
padding: 3px;
|
||||||
background-color: @theme_base_color;
|
background-color: @view_bg_color;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid solid none;
|
border-style: solid solid none;
|
||||||
border-color: @borders;
|
border-color: @borders;
|
||||||
border-radius: 3px 3px 0 0;
|
border-radius: 8px 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar.bottom.left { /* axes left border and border radius */
|
.floating-bar.bottom.left { /* axes left border and border radius */
|
||||||
@ -114,7 +88,7 @@ entry.search > * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.floating-bar:backdrop {
|
.floating-bar:backdrop {
|
||||||
background-color: @theme_unfocused_base_color;
|
background-color: @view_bg_color;
|
||||||
border-color: @unfocused_borders;
|
border-color: @unfocused_borders;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -158,58 +132,37 @@ entry.search > * {
|
|||||||
color: shade(@disk_space_free, 0.7);
|
color: shade(@disk_space_free, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* View */
|
/* As a workaround for GtkTreeView showing thick border above first row when
|
||||||
.nautilus-list-view .view {
|
* horizontal grid lines are enabled, we add them using CSS instead. Exclude the
|
||||||
border-bottom: 1px solid @theme_bg_color;
|
* drop targets to let through the default feedback style. */
|
||||||
|
.nautilus-list-view .view:not(:drop(active)) {
|
||||||
|
border-bottom: 1px solid @window_bg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-information {
|
.search-information {
|
||||||
background-color: @theme_selected_bg_color;
|
background-color: @accent_bg_color;
|
||||||
color:white;
|
color:white;
|
||||||
padding:2px;
|
padding:2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide superfluous treeview drop target indication */
|
|
||||||
.nautilus-list-view .view.dnd {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@define-color conflict_bg #fef6b6;
|
|
||||||
|
|
||||||
.conflict-row {
|
.conflict-row {
|
||||||
background: @conflict_bg;
|
background: @warning_bg_color;
|
||||||
color: black;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:hover {
|
/* Grid view */
|
||||||
background-color: shade(@conflict_bg, 0.9);
|
.nautilus-grid-view gridview {
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.conflict-row:selected {
|
.nautilus-grid-view gridview > child {
|
||||||
background: @theme_selected_bg_color;
|
padding: 6px;
|
||||||
color: @theme_selected_fg_color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icon view */
|
.nautilus-grid-view .thumbnail {
|
||||||
flowboxchild:selected {
|
background-color: @shade_color;
|
||||||
background-color:transparent;
|
box-shadow: 0px 1px 2px 0px @shade_color,
|
||||||
}
|
0px 0px 0px 1px @shade_color,
|
||||||
|
0px 2px 0px 0px @shade_color;
|
||||||
.icon-background {
|
border-radius: 2px;
|
||||||
background-color:black;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
flowboxchild > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
}
|
|
||||||
flowboxchild:selected > .icon-item-background {
|
|
||||||
padding:4px;
|
|
||||||
background-color:#4a90d9;
|
|
||||||
border-color:#4a90d9;
|
|
||||||
border-style:solid;
|
|
||||||
border-width:0px;
|
|
||||||
border-radius:4px 4px 4px 4px;
|
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user