From 734c666e837af608a2cfc81e47b8ae34ebe63583 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Thu, 12 Feb 2015 01:08:53 +0100 Subject: Menta themes GTK3: adjust all variants of caja sidebar - fix nemo hover color in sidebars - add mate-applications.css --- desktop-themes/BlueMenta/gtk-3.0/Makefile.am | 1 + desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 20 + .../BlueMenta/gtk-3.0/mate-applications.css | 544 ++++++++++++++++++++ .../BlueMenta/gtk-3.0/other-applications.css | 5 + desktop-themes/Menta/gtk-3.0/Makefile.am | 1 + desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 20 + desktop-themes/Menta/gtk-3.0/mate-applications.css | 546 +++++++++++++++++++++ .../Menta/gtk-3.0/other-applications.css | 5 + 8 files changed, 1142 insertions(+) create mode 100644 desktop-themes/BlueMenta/gtk-3.0/mate-applications.css create mode 100644 desktop-themes/Menta/gtk-3.0/mate-applications.css diff --git a/desktop-themes/BlueMenta/gtk-3.0/Makefile.am b/desktop-themes/BlueMenta/gtk-3.0/Makefile.am index 6960eeb8..03dced05 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/Makefile.am +++ b/desktop-themes/BlueMenta/gtk-3.0/Makefile.am @@ -10,6 +10,7 @@ theme_DATA = \ gtk-widgets-backgrounds.css \ gtk-widgets-borders.css \ gtk-widgets.css \ + mate-applications.css \ other-applications.css \ settings.ini \ unity.css diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css index 5a600b5e..5306fd04 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css @@ -3137,6 +3137,26 @@ GtkTreeView row:nth-child(even):backdrop:hover { background-color: shade (@theme_base_color, 0.96); } +.sidebar GtkTreeView row:backdrop:selected { + background-color: @theme_selected_bg_color; + border-style: solid; + border-width: 1px 0 1px 0; + border-top-color: @borders; + border-bottom-color: shade (@theme_base_color, 0.96); + box-shadow: inset 0 1px 0 alpha (@borders, 0.3), inset 0 -1px 0 @borders; +} + +/* ie. pluma open dialog */ +.sidebar GtkTreeView row:hover { + background-color: shade (@theme_selected_bg_color, 1.15); + color: shade (@theme_selected_bg_color, 0.35); +} + +.sidebar GtkTreeView row:active:hover, +.sidebar GtkTreeView row:selected:hover { + color: shade (@theme_selected_fg_color, 1.00); +} + column-header.button, column-header .button { color: @theme_fg_color; diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css new file mode 100644 index 00000000..10dec9fc --- /dev/null +++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css @@ -0,0 +1,544 @@ +/********************* + * CAJA File manager * + *********************/ +/* for breadcrumbs path bar */ + +.caja-pathbar-button, +CajaPathbarButton { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_bg_color, 0.8), 1.1)), + color-stop (.3, shade(alpha(@theme_bg_color, 0.8), 1.1)), + color-stop (.7, shade(alpha(@theme_bg_color, 0.8), 0.98)), + color-stop (1, shade(alpha(@theme_bg_color, 0.8), 0.90))); + border-color: #979797; + color: @theme_fg_color; + -CajaPathbarButton-border-radius: 3px; +} + +CajaPathbarButton:active { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_bg_color, 0.8), .8)), + color-stop (.3, shade(alpha(@theme_bg_color, 0.8), .9)), + color-stop (1, shade(alpha(@theme_bg_color, 0.8), 1.0))); +} + +CajaPathbarButton:hover { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_selected_bg_color, 0.8), 1.25)), + color-stop (.3, shade(alpha(@theme_selected_bg_color, 0.8), 1.25)), + color-stop (.7, shade(alpha(@theme_selected_bg_color, 0.8), 0.95)), + color-stop (1, shade(alpha(@theme_selected_bg_color, 0.8), 0.85))); +} + +CajaPathbarButton:active:hover { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_selected_bg_color, 0.8), .80)), + color-stop (.3, shade(alpha(@theme_selected_bg_color, 0.8), .95)), + color-stop (1, shade(alpha(@theme_selected_bg_color, 0.8), 1.25))); +} + +/* For Places Sidebar diskfull indicators */ +CajaPlacesTreeView { + -CajaPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, .65); + -CajaPlacesTreeView-disk-full-fg-color: shade(@theme_selected_bg_color, 1.0); + -CajaPlacesTreeView-disk-full-bar-width: 2px; + -CajaPlacesTreeView-disk-full-bar-radius: 1px; + -CajaPlacesTreeView-disk-full-bottom-padding: 1px; + -CajaPlacesTreeView-disk-full-max-length: 70px; +} + +CajaPlacesTreeView:selected { + -CajaPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, 2.0); + -CajaPlacesTreeView-disk-full-fg-color: shade(@theme_fg_color, 2.0); +} + +CajaPlacesTreeView:hover { +} + +CajaPlacesTreeView:selected:hover { +} + +/* Caja places bar */ +CajaWindow .button.flat { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + +CajaWindow .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_color_a, + @button_hover_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + +/* some overrides for button.flat */ +/* zoom button */ +CajaWindow .primary-toolbar .button.flat { + background-color: transparent; + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); +} + +/* zoom button */ +CajaWindow .primary-toolbar .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + +/* ComboBox views */ +CajaWindow .toolbar GtkComboBox .button { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); + padding: 4px 4px; +} + +CajaWindow .toolbar GtkComboBox .button:hover { + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 4px 4px; +} + +CajaWindow * { + -GtkPaned-handle-size: 0; +} + +/* caja sidebar */ +CajaWindow FMTreeView .view, +CajaWindow CajaNotesViewer .view, +CajaWindow CajaPlacesSidebar .view, +CajaWindow CajaHistorySidebar .view, +CajaWindow CajaInformationPanel GtkVBox, +CajaWindow CajaEmblemSidebar GtkViewport { + background-color: shade (@theme_bg_color, 1.08); + color: @theme_fg_color; +} + +CajaWindow CajaPlacesSidebar row:active:hover, +CajaWindow CajaPlacesSidebar row:selected:hover, +CajaWindow CajaHistorySidebar row:active:hover, +CajaWindow CajaHistorySidebar row:selected:hover, +CajaWindow FMTreeView row:active:hover, +CajaWindow FMTreeView row:selected:hover { + color: shade (@theme_selected_fg_color, 1.00); +} + +CajaWindow .rubberband, +CajaWindow .view.rubberband { + background-color: alpha (@theme_selected_bg_color, 0.35); +} + +CajaWindow CajaPlacesSidebar .frame { + border-right-width: 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.90); + border-left: none; + border-top: none; + border-bottom: none; +} + +CajaWindow CajaPlacesSidebar row:selected { + color: @theme_selected_fg_color; +} + +CajaWindow CajaPlacesSidebar row:backdrop:selected { + color: @theme_fg_color; + text-shadow: none; +} + +CajaWindow CajaPlacesSidebar row:hover { + background-color: shade (@theme_bg_color, 0.97); +} + +/* desktop mode */ +.caja-desktop.caja-canvas-item { + color: @theme_bg_color; + text-shadow: 1px 1px alpha (#000000, 0.8); +} + +.caja-desktop.caja-canvas-item:active { + background-image: none; + background-color: alpha (@theme_bg_color, 0.84); + color: @theme_fg_color; +} + +.caja-desktop.caja-canvas-item:selected { + background-image: none; + background-color: alpha (@theme_selected_bg_color, 0.84); + color: @theme_selected_fg_color; +} + +.caja-desktop.caja-canvas-item:active, +.caja-desktop.caja-canvas-item:prelight, +.caja-desktop.caja-canvas-item:selected { + text-shadow: none; +} + +/* inactive pane */ + +.caja-inactive-pane .view { + background-color: shade(@theme_base_color, 0.9); +} + +/* Toolbar */ +CajaWindow .toolbar .button { + border-image: none; +} + +/* Misc */ +CajaView.frame, +CajaNotebook.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +CajaNotebook.notebook tab.top, +CajaNotebook.notebook tab.bottom { + border-right-width: 1px; + border-left-width: 1px; +} + +CajaNotebook .frame { + border-width: 1px 0 0 0; +} + +.caja-cluebar-label { + font: normal; + text-shadow: 0 1px shade (@cluebar_color, 1.06); +} + +CajaTrashBar.info, +CajaXContentBar.info, +CajaSearchBar.info, +CajaQueryEditor.info { + background-color: @cluebar_color; + border-bottom-color: shade (@cluebar_color, 0.92); + border-radius: 0; + border-style: solid; + border-width: 0px 0px 1px 0px; + color: @theme_fg_color; +} + +CajaTrashBar .button, +CajaXContentBar .button, +CajaSearchBar .button, +CajaQueryEditor .button { + border-radius: 0; +} + +/**************** + * Mate-Panel * + ****************/ + +/* the panel bar itself */ +.mate-panel-menu-bar, +MatePanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelFrame, +PanelAppletFrame, +MatePanelAppletFrameDBus, +MatePanelAppletContainer, +MatePanelApplet { + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; + text-shadow: none; +} + +MatePanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 1.03)), + to (shade (@theme_bg_color, 0.95))); + color: shade (@theme_fg_color, 4.30); + text-shadow: none; +} + +/* prelight of WnckPager */ +MatePanelApplet *:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); + background-color: @theme_base_color; +} + +/* desktop-applet, clockapplet, drivemount, character-map, +dictionary */ +MatePanelApplet .button { + transition: all 400ms ease-out; + background-image: none; + background-color: @theme_bg_color; + color: @theme_text_color; + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 0px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +MatePanelApplet .button:active:hover, +MatePanelApplet .button:active { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + color: shade (@theme_selected_fg_color, 1.00); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +MatePanelApplet .button:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); + background-color: @theme_base_color; + color: shade (@theme_text_color, 1.0); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +/*Wncklist */ +WnckTasklist .button { + transition: all 400ms ease-out; + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); + background-color: @theme_base_color; + color: @theme_text_color; + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +WnckTasklist .button:active:hover, +WnckTasklist .button:active { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + color: shade (@theme_selected_fg_color, 1.00); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +WnckTasklist .button:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); + background-color: @theme_base_color; + color: shade (@theme_text_color, 1.0); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +/* set normal menubar button */ +PanelMenuBar.menubar .menuitem { + transition: all 200ms ease-out; +} + +/* set selected menubar button */ +PanelMenuBar.menubar .menuitem:hover { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + color: shade (@theme_selected_fg_color, 1.00); + text-shadow: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; +} + +/* set normal menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem { + transition: all 150ms ease-out; +} + +/* set selected menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem:active:hover, +PanelMenuBar.menubar .menu .menuitem:hover { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 0.85)); + color: shade (@theme_selected_fg_color, 1.00); + text-shadow: none; + border-style: none; + border-width: 0px; + border-radius: 0px; +} + +/* set normal button WnckSelector */ +.mate-panel-window-menu-menu-bar .menuitem, +MatePanelApplet > WnckSelector.menubar .menuitem { + background-image: none; + background-color: @theme_bg_color; + border-style: solid; + border-width: 0px; + border-radius: 0px; +} + +/* set selected button WnckSelector */ +.mate-panel-window-menu-menu-bar .menuitem:hover, +MatePanelApplet > WnckSelector.menubar .menuitem:hover { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + border-style: solid; + border-width: 0px; + border-radius: 5px; +} + +/* set WnckSelector selected menuitem */ +.mate-panel-window-menu-menu-bar .menu .menuitem:hover, +MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 0.85)); + color: shade (@theme_selected_fg_color, 1.00); + text-shadow: none; +} + +ClockBox, +.mate-panel-menu-bar.menubar, +MatePanelApplet > GtkMenuBar.menubar { + font: normal; +} + +WnckPager { + background-image: none; + border-color: @transparent; + background-color: @theme_bg_color; +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12px; + -NaTrayApplet-icon-size: 16; +} + +/* Classic icon style */ +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +/* Makes the text color on the light panel black */ +.mate-panel-menu-bar .menuitem { + color: @theme_fg_color; + text-shadow: none; +} + +/**************** + * Mate-Terminal * + ****************/ + +TerminalWindow GtkNotebook.notebook tab { + padding: 2px; + border-color: transparent; + border-width: 0px; + background-image: none; + background-color: transparent; +} + +TerminalWindow GtkNotebook.notebook tab.top, +.notebook tab.bottom { + padding: 2px; +} + +/**************** + * Pluma * + ****************/ + +/* pluma line numbers */ +PlumaView { + background-color: shade (@theme_bg_color, 1.07); +} + +/*FIXME normaly this isn't the right entry for adjusting +the sidebar entry hover color*/ +PlumaWindow .view row:hover { + background-color: shade (@theme_selected_bg_color, 1.15); + color: shade (@theme_selected_bg_color, 0.35); +} + +/* Pluma status bar */ +PlumaWindow .button.flat { + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 2px 5px; +} + +PlumaWindow .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 2px 5px; +} + +/* surpress styling of close button */ +PlumaWindow .notebook tab .button.flat, +PlumaWindow .notebook tab .button.flat:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0); + text-shadow: none; + icon-shadow: none; + border-image: none; +} + +/*********************** + * Mate-Control-Center * + ***********************/ + +ShellWindow .button.flat { + border-image: none; +} + +/* button hover of applications */ +ShellWindow .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_color_a, + @button_hover_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + diff --git a/desktop-themes/BlueMenta/gtk-3.0/other-applications.css b/desktop-themes/BlueMenta/gtk-3.0/other-applications.css index b3959844..a2529c2b 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/other-applications.css +++ b/desktop-themes/BlueMenta/gtk-3.0/other-applications.css @@ -40,6 +40,11 @@ NemoWindow .sidebar row:backdrop:selected { text-shadow: none; } +NemoWindow .sidebar row:hover { + background-color: shade (@theme_selected_bg_color, 1.15); + color: shade (@theme_selected_bg_color, 0.35); +} + /* desktop mode */ .nemo-desktop.nemo-canvas-item { color: @theme_bg_color; diff --git a/desktop-themes/Menta/gtk-3.0/Makefile.am b/desktop-themes/Menta/gtk-3.0/Makefile.am index 9d362720..812c2aa6 100644 --- a/desktop-themes/Menta/gtk-3.0/Makefile.am +++ b/desktop-themes/Menta/gtk-3.0/Makefile.am @@ -11,6 +11,7 @@ theme_DATA = \ gtk-widgets-assets.css \ gtk-widgets-backgrounds.css \ gtk-widgets-borders.css \ + mate-applications.css \ other-applications.css \ settings.ini \ unity.css diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css index d6fa6f89..4ed3018d 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css @@ -3018,6 +3018,26 @@ GtkTreeView row:nth-child(even):backdrop:hover { background-color: shade (@theme_base_color, 0.96); } +.sidebar GtkTreeView row:backdrop:selected { + background-color: @theme_selected_bg_color; + border-style: solid; + border-width: 1px 0 1px 0; + border-top-color: @borders; + border-bottom-color: shade (@theme_base_color, 0.96); + box-shadow: inset 0 1px 0 alpha (@borders, 0.3), inset 0 -1px 0 @borders; +} + +/* ie. pluma open dialog */ +.sidebar GtkTreeView row:hover { + background-color: shade (@theme_selected_bg_color, 1.15); + color: shade (@theme_selected_bg_color, 0.35); +} + +.sidebar GtkTreeView row:active:hover, +.sidebar GtkTreeView row:selected:hover { + color: shade (@theme_selected_fg_color, 1.00); +} + column-header.button, column-header .button { color: @theme_text_color; diff --git a/desktop-themes/Menta/gtk-3.0/mate-applications.css b/desktop-themes/Menta/gtk-3.0/mate-applications.css new file mode 100644 index 00000000..e255ff51 --- /dev/null +++ b/desktop-themes/Menta/gtk-3.0/mate-applications.css @@ -0,0 +1,546 @@ +/********************* + * CAJA File manager * + *********************/ +/* for breadcrumbs path bar */ + +.caja-pathbar-button, +CajaPathbarButton { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_bg_color, 0.8), 1.1)), + color-stop (.3, shade(alpha(@theme_bg_color, 0.8), 1.1)), + color-stop (.7, shade(alpha(@theme_bg_color, 0.8), 0.98)), + color-stop (1, shade(alpha(@theme_bg_color, 0.8), 0.90))); + border-color: #979797; + color: @theme_fg_color; + -CajaPathbarButton-border-radius: 3px; +} + +CajaPathbarButton:active { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_bg_color, 0.8), .8)), + color-stop (.3, shade(alpha(@theme_bg_color, 0.8), .9)), + color-stop (1, shade(alpha(@theme_bg_color, 0.8), 1.0))); +} + +CajaPathbarButton:hover { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_selected_bg_color, 0.8), 1.25)), + color-stop (.3, shade(alpha(@theme_selected_bg_color, 0.8), 1.25)), + color-stop (.7, shade(alpha(@theme_selected_bg_color, 0.8), 0.95)), + color-stop (1, shade(alpha(@theme_selected_bg_color, 0.8), 0.85))); +} + +CajaPathbarButton:active:hover { + background-image: -gtk-gradient(linear, left top, left bottom, + color-stop (0, shade(alpha(@theme_selected_bg_color, 0.8), .80)), + color-stop (.3, shade(alpha(@theme_selected_bg_color, 0.8), .95)), + color-stop (1, shade(alpha(@theme_selected_bg_color, 0.8), 1.25))); +} + + +/* For Places Sidebar diskfull indicators */ + +CajaPlacesTreeView { + -CajaPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, .65); + -CajaPlacesTreeView-disk-full-fg-color: shade(@theme_selected_bg_color, 1.0); + -CajaPlacesTreeView-disk-full-bar-width: 2px; + -CajaPlacesTreeView-disk-full-bar-radius: 1px; + -CajaPlacesTreeView-disk-full-bottom-padding: 1px; + -CajaPlacesTreeView-disk-full-max-length: 70px; +} + +CajaPlacesTreeView:selected { + -CajaPlacesTreeView-disk-full-bg-color: shade(@theme_bg_color, 2.0); + -CajaPlacesTreeView-disk-full-fg-color: shade(@theme_fg_color, 2.0); +} + +CajaPlacesTreeView:hover { +} + +CajaPlacesTreeView:selected:hover { +} + +/* Caja places bar */ +CajaWindow .button.flat { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + +CajaWindow .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_color_a, + @button_hover_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + +/* some overrides for button.flat */ +/* zoom button */ +CajaWindow .primary-toolbar .button.flat { + background-color: transparent; + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); +} + +/* zoom button */ +CajaWindow .primary-toolbar .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + +/* ComboBox views */ +CajaWindow .toolbar GtkComboBox .button { + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); + padding: 4px 4px; +} + +CajaWindow .toolbar GtkComboBox .button:hover { + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 4px 4px; +} + +CajaWindow * { + -GtkPaned-handle-size: 0; +} + +/* caja sidebar */ +CajaWindow FMTreeView .view, +CajaWindow CajaNotesViewer .view, +CajaWindow CajaPlacesSidebar .view, +CajaWindow CajaHistorySidebar .view, +CajaWindow CajaInformationPanel GtkVBox, +CajaWindow CajaEmblemSidebar GtkViewport { + background-color: shade (@theme_bg_color, 1.08); + color: @theme_fg_color; +} + +CajaWindow CajaPlacesSidebar row:active:hover, +CajaWindow CajaPlacesSidebar row:selected:hover, +CajaWindow CajaHistorySidebar row:active:hover, +CajaWindow CajaHistorySidebar row:selected:hover, +CajaWindow FMTreeView row:active:hover, +CajaWindow FMTreeView row:selected:hover { + color: shade (@theme_selected_fg_color, 1.00); +} + +CajaWindow .rubberband, +CajaWindow .view.rubberband { + background-color: alpha (@theme_selected_bg_color, 0.35); +} + +CajaWindow CajaPlacesSidebar .frame { + border-right-width: 1px; + border-style: solid; + border-color: shade (@theme_bg_color, 0.90); + border-left: none; + border-top: none; + border-bottom: none; +} + +CajaWindow CajaPlacesSidebar row:selected { + color: @theme_selected_fg_color; +} + +CajaWindow CajaPlacesSidebar row:backdrop:selected { + color: @theme_fg_color; + text-shadow: none; +} + +CajaWindow CajaPlacesSidebar row:hover { + background-color: shade (@theme_bg_color, 0.97); +} + +/* desktop mode */ +.caja-desktop.caja-canvas-item { + color: @theme_bg_color; + text-shadow: 1px 1px alpha (#000000, 0.8); +} + +.caja-desktop.caja-canvas-item:active { + background-image: none; + background-color: alpha (@theme_bg_color, 0.84); + color: @theme_fg_color; +} + +.caja-desktop.caja-canvas-item:selected { + background-image: none; + background-color: alpha (@theme_selected_bg_color, 0.84); + color: @theme_selected_fg_color; +} + +.caja-desktop.caja-canvas-item:active, +.caja-desktop.caja-canvas-item:prelight, +.caja-desktop.caja-canvas-item:selected { + text-shadow: none; +} + +/* inactive pane */ + +.caja-inactive-pane .view { + background-color: shade(@theme_base_color, 0.9); +} + +/* Toolbar */ +CajaWindow .toolbar .button { + border-image: none; +} + +/* Misc */ +CajaView.frame, +CajaNotebook.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +CajaNotebook.notebook tab.top, +CajaNotebook.notebook tab.bottom { + border-right-width: 1px; + border-left-width: 1px; +} + +CajaNotebook .frame { + border-width: 1px 0 0 0; +} + +.caja-cluebar-label { + font: normal; + text-shadow: 0 1px shade (@cluebar_color, 1.06); +} + +CajaTrashBar.info, +CajaXContentBar.info, +CajaSearchBar.info, +CajaQueryEditor.info { + background-color: @cluebar_color; + border-bottom-color: shade (@cluebar_color, 0.92); + border-radius: 0; + border-style: solid; + border-width: 0px 0px 1px 0px; + color: @theme_fg_color; +} + +CajaTrashBar .button, +CajaXContentBar .button, +CajaSearchBar .button, +CajaQueryEditor .button { + border-radius: 0; +} + +/**************** + * Mate-Panel * + ****************/ + +/* the panel bar itself */ +.mate-panel-menu-bar, +MatePanelApplet > GtkMenuBar.menubar, +PanelToplevel, +PanelWidget, +PanelFrame, +PanelAppletFrame, +MatePanelAppletFrameDBus, +MatePanelAppletContainer, +MatePanelApplet { + background-color: @theme_bg_color; + background-image: none; + color: @theme_fg_color; + text-shadow: none; +} + +MatePanelApplet { + border-width: 0; +} + +PanelSeparator { + border-width: 0; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@theme_bg_color, 1.03)), + to (shade (@theme_bg_color, 0.95))); + color: shade (@theme_fg_color, 4.30); + text-shadow: none; +} + +/* prelight of WnckPager */ +MatePanelApplet *:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); + background-color: @theme_base_color; +} + +/* desktop-applet, clockapplet, drivemount, character-map, +dictionary */ +MatePanelApplet .button { + transition: all 400ms ease-out; + background-image: none; + background-color: @theme_bg_color; + color: @theme_text_color; + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 0px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +MatePanelApplet .button:active:hover, +MatePanelApplet .button:active { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + color: shade (@theme_selected_fg_color, 1.00); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +MatePanelApplet .button:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); + background-color: @theme_base_color; + color: shade (@theme_text_color, 1.0); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +/*Wncklist */ +WnckTasklist .button { + transition: all 400ms ease-out; + background-image: linear-gradient(to bottom, + shade (@theme_bg_color, 1.0), + shade (@theme_bg_color, 0.96)); + background-color: @theme_base_color; + color: @theme_text_color; + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +WnckTasklist .button:active:hover, +WnckTasklist .button:active { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + color: shade (@theme_selected_fg_color, 1.00); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +WnckTasklist .button:hover { + background-image: linear-gradient(to bottom, + @theme_bg_color, + shade (@theme_selected_bg_color, 0.86)); + background-color: @theme_base_color; + color: shade (@theme_text_color, 1.0); + border-image: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; + text-shadow: none; + -GtkWidget-window-dragging: true; +} + +/* set normal menubar button */ +PanelMenuBar.menubar .menuitem { + transition: all 200ms ease-out; +} + +/* set selected menubar button */ +PanelMenuBar.menubar .menuitem:hover { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + color: shade (@theme_selected_fg_color, 1.00); + text-shadow: none; + border-style: solid; + border-width: 0px; + border-radius: 5px; +} + +/* set normal menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem { + transition: all 150ms ease-out; +} + +/* set selected menubar menuitem */ +PanelMenuBar.menubar .menu .menuitem:active:hover, +PanelMenuBar.menubar .menu .menuitem:hover { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 0.85)); + color: shade (@theme_selected_fg_color, 1.00); + text-shadow: none; + border-style: none; + border-width: 0px; + border-radius: 0px; +} + +/* set normal button WnckSelector */ +.mate-panel-window-menu-menu-bar .menuitem, +MatePanelApplet > WnckSelector.menubar .menuitem { + background-image: none; + background-color: @theme_bg_color; + border-style: solid; + border-width: 0px; + border-radius: 0px; +} + +/* set selected button WnckSelector */ +.mate-panel-window-menu-menu-bar .menuitem:hover, +MatePanelApplet > WnckSelector.menubar .menuitem:hover { + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 0.86), + shade (@theme_selected_bg_color, 0.26)); + background-color: @theme_base_color; + border-style: solid; + border-width: 0px; + border-radius: 5px; +} + +/* set WnckSelector selected menuitem */ +.mate-panel-window-menu-menu-bar .menu .menuitem:hover, +MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover { + background-color: @theme_selected_bg_color; + background-image: linear-gradient(to bottom, + shade (@theme_selected_bg_color, 1.0), + shade (@theme_selected_bg_color, 0.85)); + color: shade (@theme_selected_fg_color, 1.00); + text-shadow: none; +} + +ClockBox, +.mate-panel-menu-bar.menubar, +MatePanelApplet > GtkMenuBar.menubar { + font: normal; +} + +WnckPager { + background-image: none; + border-color: @transparent; + background-color: @theme_bg_color; +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12px; + -NaTrayApplet-icon-size: 16; +} + +/* Classic icon style */ +.mate-panel-menu-bar { + -PanelMenuBar-icon-visible: true; +} + +/* Makes the text color on the light panel black */ +.mate-panel-menu-bar .menuitem { + color: @theme_fg_color; + text-shadow: none; +} + +/**************** + * Mate-Terminal * + ****************/ + +TerminalWindow GtkNotebook.notebook tab { + padding: 2px; + border-color: transparent; + border-width: 0px; + background-image: none; + background-color: transparent; +} + +TerminalWindow GtkNotebook.notebook tab.top, +.notebook tab.bottom { + padding: 2px; +} + +/**************** + * Pluma * + ****************/ + +/* pluma line numbers */ +PlumaView { + background-color: shade (@theme_bg_color, 1.07); +} + +/*FIXME normaly this isn't the right entry for adjusting +the sidebar entry hover color*/ +PlumaWindow .view row:hover { + background-color: shade (@theme_selected_bg_color, 1.15); + color: shade (@theme_selected_bg_color, 0.35); +} + +/* Pluma status bar */ +PlumaWindow .button.flat { + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 2px 5px; +} + +PlumaWindow .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_gradient_color_a, + @button_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; + padding: 2px 5px; +} + +/* surpress styling of close button */ +PlumaWindow .notebook tab .button.flat, +PlumaWindow .notebook tab .button.flat:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0); + text-shadow: none; + icon-shadow: none; + border-image: none; +} + +/*********************** + * Mate-Control-Center * + ***********************/ + +ShellWindow .button.flat { + border-image: none; +} + +/* button hover of applications */ +ShellWindow .button.flat:hover { + background-color: transparent; + background-image: linear-gradient(to bottom, + @button_hover_gradient_color_a, + @button_hover_gradient_color_b); + border-image: url("borders/button.png") 3 3 4 3 / 3px 3px 4px 3px stretch; +} + diff --git a/desktop-themes/Menta/gtk-3.0/other-applications.css b/desktop-themes/Menta/gtk-3.0/other-applications.css index 813b2c89..9d232a41 100644 --- a/desktop-themes/Menta/gtk-3.0/other-applications.css +++ b/desktop-themes/Menta/gtk-3.0/other-applications.css @@ -40,6 +40,11 @@ NemoWindow .sidebar row:backdrop:selected { text-shadow: none; } +NemoWindow .sidebar row:hover { + background-color: shade (@theme_selected_bg_color, 1.15); + color: shade (@theme_selected_bg_color, 0.35); +} + /* desktop mode */ .nemo-desktop.nemo-canvas-item { color: @theme_bg_color; -- cgit v1.2.1