From bcb2eadbc9c5d02341d8ed61eb280065d0799d5c Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sun, 4 Mar 2018 15:48:16 +0100 Subject: Menta themes: add backdrop state to caja and mate-font-viewer all in mate-application.css --- .../BlueMenta/gtk-3.0/mate-applications.css | 91 +++++++++++++++++++++- desktop-themes/Menta/gtk-3.0/mate-applications.css | 91 +++++++++++++++++++++- 2 files changed, 176 insertions(+), 6 deletions(-) (limited to 'desktop-themes') diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css index 4b26a09d..e1d31ef9 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css +++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css @@ -17,6 +17,13 @@ @button_hover_gradient_color_b); } +.caja-navigation-window .caja-side-pane button.flat:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_backdrop_color_a, + @button_gradient_backdrop_color_b); +} + .caja-navigation-window .caja-side-pane button.flat:first-child, .caja-navigation-window .caja-side-pane button.flat:hover:first-child { border-image: url("borders/button.png") 3 4 4 4 / 3px 4px 4px 4px stretch; @@ -143,6 +150,21 @@ color: shade (@theme_selected_fg_color, 1.00); } +/* unfocused window */ +.caja-side-pane notebook treeview.view:backdrop, +.caja-side-pane notebook textview.view text:backdrop, +.caja-side-pane notebook viewport.frame:backdrop, +.caja-side-pane notebook widget .vertical:backdrop { + background-color: shade(@theme_bg_color, 1.02); + color: @theme_unfocused_fg_color; +} + +.caja-side-pane treeview.view:selected:backdrop, +.caja-side-pane treeview.view:selected:hover:backdrop { + background-color: shade(@backdrop_selected_color, 0.92); + color: @theme_unfocused_fg_color; +} + /* treeview rows */ .caja-side-pane treeview.view { padding: 2px 0px; @@ -165,7 +187,7 @@ /* color of selected icons if unfocused */ /* For some reasons this needs to be set here again */ .caja-navigation-window .caja-notebook .view:active { - background-color: shade(@theme_unfocused_bg_color, 0.94); + background-color: shade(@backdrop_selected_color, 1.00); } /* listview mode */ @@ -193,6 +215,35 @@ color: shade (@theme_selected_bg_color, 0.35); } +/* unfocused window */ +.caja-navigation-window .caja-notebook scrolledwindow.view.frame:backdrop .view, +.caja-navigation-window .caja-notebook .view:backdrop { + background-color: shade(@backdrop_color, 1.00); + color: @theme_unfocused_fg_color; +} + +.caja-navigation-window .caja-notebook scrolledwindow.view.frame:backdrop .view:selected, +.caja-navigation-window .caja-notebook .view:selected:backdrop { + background-color: shade(@backdrop_selected_color, 1.00); + color: @theme_unfocused_fg_color; +} + +.caja-navigation-window .caja-notebook treeview.view:selected:backdrop, +.caja-navigation-window .caja-notebook treeview.view:selected:hover:backdrop { + background-image: linear-gradient(to bottom, + shade (@backdrop_selected_color, 1.00), + shade (@backdrop_selected_color, 1.00)); +} + +.caja-desktop.view .entry:backdrop, +.caja-navigation-window .view .entry:backdrop { + background-image: linear-gradient(to bottom, + shade (@backdrop_selected_color, 1.02), + shade (@backdrop_color, 1.02)); + color: @theme_unfocused_fg_color; + border-color: shade (@backdrop_selected_color, 0.85); +} + /* ie. inactive-pane caja */ .caja-notebook .view:disabled { background-color: @inactive-pane_bg_color; @@ -210,8 +261,6 @@ } .caja-desktop.caja-canvas-item:selected, -.caja-desktop.caja-canvas-item:active, -.caja-navigation-window .caja-canvas-item:active, .caja-navigation-window .caja-canvas-item:selected { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; @@ -244,6 +293,12 @@ text-shadow: none; } +.caja-desktop.caja-canvas-item:active, +.caja-desktop.view:selected:backdrop { + background-color: shade(@backdrop_selected_color, 0.75); + color: @theme_unfocused_fg_color; +} + /* search, etc */ /* needed as this is used for firefox locationbar, to avoid double borders */ .caja-notebook box.vertical > frame > border { @@ -961,3 +1016,33 @@ window.background.maximized.caja-navigation-window notebook.caja-notebook scroll border-right-width: 0px; } +/******************** + * mate-font-viewer * + ********************/ + +.font-viewer iconview.view > .cell, +.font-viewer iconview.view > .cell:backdrop { + background-color: transparent; +} + +.font-viewer iconview > .cell:hover { + background-color: shade (@theme_selected_bg_color, 1.55); + color: shade (@theme_selected_bg_color, 0.35); +} + +/* SushiFontViewer, does not work!, only with gtk3-inspector */ +.font-viewer viewport:backdrop > widget.view:backdrop { + background-color: shade(@backdrop_color, 1.00); + color: @theme_unfocused_fg_color; +} + +.font-viewer iconview.view:backdrop { + background-color: shade(@backdrop_color, 0.95); + color: @theme_unfocused_fg_color; +} + +.font-viewer iconview.view > .cell, +.font-viewer viewport > .view { + transition: all 400ms ease-out; +} + diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css index a8e32313..9a484197 100644 --- a/desktop-themes/Menta/gtk-3.0/mate-applications.css +++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css @@ -17,6 +17,13 @@ @button_hover_gradient_color_b); } +.caja-navigation-window .caja-side-pane button.flat:backdrop { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_backdrop_color_a, + @button_gradient_backdrop_color_b); +} + .caja-navigation-window .caja-side-pane button.flat:first-child, .caja-navigation-window .caja-side-pane button.flat:hover:first-child { border-image: url("borders/button.png") 3 4 4 4 / 3px 4px 4px 4px stretch; @@ -143,6 +150,21 @@ color: shade (@theme_selected_fg_color, 1.00); } +/* unfocused window */ +.caja-side-pane notebook treeview.view:backdrop, +.caja-side-pane notebook textview.view text:backdrop, +.caja-side-pane notebook viewport.frame:backdrop, +.caja-side-pane notebook widget .vertical:backdrop { + background-color: shade(@theme_bg_color, 1.02); + color: @theme_unfocused_fg_color; +} + +.caja-side-pane treeview.view:selected:backdrop, +.caja-side-pane treeview.view:selected:hover:backdrop { + background-color: shade(@backdrop_selected_color, 0.92); + color: @theme_unfocused_fg_color; +} + /* treeview rows */ .caja-side-pane treeview.view { padding: 2px 0px; @@ -165,7 +187,7 @@ /* color of selected icons if unfocused */ /* For some reasons this needs to be set here again */ .caja-navigation-window .caja-notebook .view:active { - background-color: shade(@theme_unfocused_bg_color, 0.94); + background-color: shade(@backdrop_selected_color, 1.00); } /* listview mode */ @@ -193,6 +215,35 @@ color: shade (@theme_selected_bg_color, 0.35); } +/* unfocused window */ +.caja-navigation-window .caja-notebook scrolledwindow.view.frame:backdrop .view, +.caja-navigation-window .caja-notebook .view:backdrop { + background-color: shade(@backdrop_color, 1.00); + color: @theme_unfocused_fg_color; +} + +.caja-navigation-window .caja-notebook scrolledwindow.view.frame:backdrop .view:selected, +.caja-navigation-window .caja-notebook .view:selected:backdrop { + background-color: shade(@backdrop_selected_color, 1.00); + color: @theme_unfocused_fg_color; +} + +.caja-navigation-window .caja-notebook treeview.view:selected:backdrop, +.caja-navigation-window .caja-notebook treeview.view:selected:hover:backdrop { + background-image: linear-gradient(to bottom, + shade (@backdrop_selected_color, 1.00), + shade (@backdrop_selected_color, 1.00)); +} + +.caja-desktop.view .entry:backdrop, +.caja-navigation-window .view .entry:backdrop { + background-image: linear-gradient(to bottom, + shade (@backdrop_selected_color, 1.02), + shade (@backdrop_color, 1.02)); + color: @theme_unfocused_fg_color; + border-color: shade (@backdrop_selected_color, 0.85); +} + /* ie. inactive-pane caja */ .caja-notebook .view:disabled { background-color: @inactive-pane_bg_color; @@ -210,8 +261,6 @@ } .caja-desktop.caja-canvas-item:selected, -.caja-desktop.caja-canvas-item:active, -.caja-navigation-window .caja-canvas-item:active, .caja-navigation-window .caja-canvas-item:selected { color: @theme_selected_fg_color; background-color: @theme_selected_bg_color; @@ -244,6 +293,12 @@ text-shadow: none; } +.caja-desktop.caja-canvas-item:active, +.caja-desktop.view:selected:backdrop { + background-color: shade(@backdrop_selected_color, 0.75); + color: @theme_unfocused_fg_color; +} + /* search, etc */ /* needed as this is used for firefox locationbar, to avoid double borders */ .caja-notebook box.vertical > frame > border { @@ -966,3 +1021,33 @@ window.background.maximized.caja-navigation-window notebook.caja-notebook scroll border-right-width: 0px; } +/******************** + * mate-font-viewer * + ********************/ + +.font-viewer iconview.view > .cell, +.font-viewer iconview.view > .cell:backdrop { + background-color: transparent; +} + +.font-viewer iconview > .cell:hover { + background-color: shade (@theme_selected_bg_color, 1.55); + color: shade (@theme_selected_bg_color, 0.35); +} + +/* SushiFontViewer, does not work!, only with gtk3-inspector */ +.font-viewer viewport:backdrop > widget.view:backdrop { + background-color: shade(@backdrop_color, 1.00); + color: @theme_unfocused_fg_color; +} + +.font-viewer iconview.view:backdrop { + background-color: shade(@backdrop_color, 0.95); + color: @theme_unfocused_fg_color; +} + +.font-viewer iconview.view > .cell, +.font-viewer viewport > .view { + transition: all 400ms ease-out; +} + -- cgit v1.2.1