From 098dc9e58fc33363db2209cb3db4534bda0f3b8d Mon Sep 17 00:00:00 2001 From: rafaellaguna Date: Sat, 30 Jul 2016 20:25:29 +0200 Subject: [PATCH] - gtk 3.20 compatibility - re-merge with ubuntu themes (version 14.04+16.10.20160720.laney1-0ubuntu1) --- changelog | 9 +- .../Lubuntu-default/gtk-2.0/apps/banshee.rc | 23 + .../Lubuntu-default/gtk-2.0/apps/chromium.rc | 44 +- .../themes/Lubuntu-default/gtk-2.0/apps/ff.rc | 3 + .../gtk-2.0/apps/gnome-terminal.rc | 2 +- .../Lubuntu-default/gtk-2.0/apps/lubuntu.rc | 357 ++++ .../gtk-2.0/apps/lubuntu_entry.rc | 35 - .../gtk-2.0/apps/lubuntu_lxpanel.rc | 154 -- .../gtk-2.0/apps/lubuntu_menu.rc | 36 - .../gtk-2.0/apps/lubuntu_scrollbar.rc | 75 - .../gtk-2.0/apps/lubuntu_toolbar.rc | 38 - .../Lubuntu-default/gtk-2.0/apps/nautilus.rc | 11 + .../themes/Lubuntu-default/gtk-2.0/gtkrc | 8 +- .../Lubuntu-default/gtk-3.0/apps/baobab.css | 25 - .../Lubuntu-default/gtk-3.0/apps/calendar.css | 8 + .../Lubuntu-default/gtk-3.0/apps/gedit.css | 19 +- .../gtk-3.0/apps/gnome-panel.css | 73 +- .../gtk-3.0/apps/gnome-terminal.css | 69 +- .../Lubuntu-default/gtk-3.0/apps/nautilus.css | 10 +- .../gtk-3.0/apps/unity-greeter.css | 68 +- .../Lubuntu-default/gtk-3.0/apps/unity.css | 131 -- .../Lubuntu-default/gtk-3.0/gtk-main.css | 12 +- .../gtk-3.0/gtk-widgets-assets-radiance.css | 12 +- .../gtk-3.0/gtk-widgets-assets.css | 400 ++-- .../gtk-3.0/gtk-widgets-borders-radiance.css | 39 +- .../gtk-3.0/gtk-widgets-borders.css | 244 +-- .../gtk-3.0/gtk-widgets-radiance.css | 146 +- .../Lubuntu-default/gtk-3.0/gtk-widgets.css | 1687 +++++++++++------ 28 files changed, 2102 insertions(+), 1636 deletions(-) create mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/banshee.rc create mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu.rc delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_entry.rc delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_lxpanel.rc delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_menu.rc delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_scrollbar.rc delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_toolbar.rc create mode 100644 src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/nautilus.rc delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/baobab.css create mode 100644 src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/calendar.css delete mode 100644 src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity.css diff --git a/changelog b/changelog index 9d6e312..34288ac 100644 --- a/changelog +++ b/changelog @@ -1,8 +1,3 @@ -- improve rc files -- fix gnome / gtk3 scrollbars -- fix progress bars -- add more icons -- more icon resolutions -- re-merge with ubuntu themes -- overall re-compress +- gtk 3.20 compatibility +- re-merge with ubuntu themes (version 14.04+16.10.20160720.laney1-0ubuntu1) diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/banshee.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/banshee.rc new file mode 100644 index 0000000..d49aaf7 --- /dev/null +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/banshee.rc @@ -0,0 +1,23 @@ +# ============================================================================== +# BANSHEE SPECIFIC SETTINGS +# ============================================================================== + +style "banshee_scrollbar" { + engine "murrine" { + roundness = 20 + } +} + +widget "__gtksharp_1*SeekSlider*" style "scale" +widget "__gtksharp_1*Player*croll*" style "banshee_scrollbar" + +widget_class "__gtksharp_1**" style "default" +widget_class "__gtksharp_1**" style "button" +#widget_class "__gtksharp_1**" style "scale" + + + + + + + diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/chromium.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/chromium.rc index 2bd3f46..e926595 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/chromium.rc +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/chromium.rc @@ -1,15 +1,39 @@ +# ============================================================================== +# CHROMIUM SPECIFIC SETTINGS +# ============================================================================== + +style "chromium_toolbar_button" { + engine "murrine" { + roundness = 3 + textstyle = 0 + } +} + style "chrome-gtk-frame" { - ChromeGtkFrame::frame-color = "#dcdcdc" - ChromeGtkFrame::inactive-frame-color = "#dcdcdc" - - ChromeGtkFrame::incognito-frame-color = "#dcdcdc" - ChromeGtkFrame::incognito-inactive-frame-color = "#dcdcdc" - - ChromeGtkFrame::scrollbar-trough-color = "#dcdcdc" - ChromeGtkFrame::scrollbar-slider-normal-color = "#b0b0b0" - ChromeGtkFrame::scrollbar-slider-prelight-color = "#777777" - + ChromeGtkFrame::frame-color = "#dfd7cf" + ChromeGtkFrame::inactive-frame-color = "#dfd7cf" + + ChromeGtkFrame::frame-gradient-size = 16 + ChromeGtkFrame::frame-gradient-color = shade (0.97, @bg_color) + + ChromeGtkFrame::incognito-frame-color = "#dfd7cf" + ChromeGtkFrame::incognito-inactive-frame-color = "#dfd7cf" + + ChromeGtkFrame::incognito-frame-gradient-size = 16 + ChromeGtkFrame::incognito-frame-gradient-color = shade (0.97, @bg_color) + + ChromeGtkFrame::scrollbar-trough-color = shade (0.912, @bg_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade (1.04, @bg_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color } class "ChromeGtkFrame" style "chrome-gtk-frame" + +widget_class "*Chrom*Button*" style "chromium_toolbar_button" + + + + + + diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/ff.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/ff.rc index def64aa..e9b1c0c 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/ff.rc +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/ff.rc @@ -10,6 +10,9 @@ style "ff-default" { } } +style "ff-statusbar" { +} + #widget "MozillaGtkWidget*Toolbar*" style "theme-toolbar" #widget "MozillaGtkWidget*Statusbar*" style "ff-statusbar" diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/gnome-terminal.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/gnome-terminal.rc index b9242d3..336eb9e 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/gnome-terminal.rc +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/gnome-terminal.rc @@ -24,7 +24,7 @@ style "terminal_scrollbar" = "scrollbar" style "terminal_screen" { text[NORMAL] = "#ffffff" - base[NORMAL] = "#300A24" + base[NORMAL] = "#300a24" TerminalScreen::background-darkness = 0.95 } diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu.rc new file mode 100644 index 0000000..5cb5d32 --- /dev/null +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu.rc @@ -0,0 +1,357 @@ +######################################################################## +# Entry +######################################################################## + +style "entry" +{ + GtkWidget::interior_focus = 0 + GtkEntry::inner-border = {1, 1, 1, 1} + + engine "pixmap" + { +### Entry ### + image + { + function = SHADOW + detail = "entry" + file = "images/entry.png" + border = {2, 2, 2, 2} + stretch = TRUE + } + +### Focus ### + image + { + function = FOCUS + detail = "entry" + file = "images/entry-active.png" + border = {2, 2, 2, 2} + stretch = TRUE + } + } +} + +class "GtkEntry*" style "entry" + +######################################################################## +# Panel +######################################################################## + +style "theme-panel" +{ + xthickness = 4 + ythickness = 0 + bg_pixmap[NORMAL] = "images/panel-bg.png" + + fg[NORMAL] = "#000000" + fg[PRELIGHT] = "#ffffff" + fg[ACTIVE] = "#f5f5f5" + text[NORMAL] = "#000000" + text[PRELIGHT] = "#ffffff" + text[ACTIVE] = "#f5f5f5" + + engine "pixmap" { + image { + function = BOX + recolorable = TRUE + state = NORMAL + } + image { + function = BOX + recolorable = TRUE + state = PRELIGHT + file = "images/panel-button-hover.png" + border = { 4, 4, 1, 1 } + stretch = TRUE + } + image { + function = BOX + recolorable = TRUE + state = ACTIVE + file = "images/panel-button-active.png" + border = { 4, 4, 1, 1 } + stretch = TRUE + } + image { + function = BOX + recolorable = TRUE + state = SELECTED + file = "images/panel-button-active.png" + border = { 4, 4, 1, 1 } + stretch = TRUE + } + image { + function = BOX + recolorable = TRUE + state = INSENSITIVE + } + image { + function = ARROW + recolorable = TRUE + arrow_direction = DOWN + } + } +} + +style "theme-panel-light" +{ + xthickness = 1 + ythickness = 0 + + fg[NORMAL] = @fg_color +} + +style "theme-panel-text" +{ + fg[NORMAL] = "#000000" + fg[PRELIGHT] = "#333333" + fg[ACTIVE] = "#f5f5f5" + text[NORMAL] = "#f5f5f5" + text[PRELIGHT] = "#ffffff" + text[ACTIVE] = "#f5f5f5" +} + +style "theme-main-menu-text" = "theme-panel-text" +{ + fg[PRELIGHT] = "#ffffff" + text[PRELIGHT] = "#ffffff" +} + +style "theme-panel-handle" +{ + engine "pixmap" { + image { + function = HANDLE + } + image { + function = HANDLE + } + } +} + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +widget "*indicator-applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +# widget_class "*notif*" style "theme-panel" +# widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel-light" +widget_class "*Notif*Brasero*" style "theme-panel-light" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" + +# lxpanel and fbpanel +widget "*.tclock.*" style "theme-panel" +widget "*.taskbar.*" style "theme-panel" +widget_class "*GtkBgbox*" style "theme-panel" + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel**" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Hide ugly handle +class "PanelAppletFrame" style:highest "theme-panel-handle" + +# The following removes the arrows from the panel + +style "panel-arrow-remove" { +engine "pixmap" { + image { + function = ARROW + recolorable = TRUE + overlay_file = "images/arrow-blank.png" + overlay_border = {2,2,2,2} + overlay_stretch = FALSE + arrow_direction = UP + } + image { + function = ARROW + recolorable = TRUE + overlay_file = "images/arrow-blank.png" + overlay_border = {2,2,2,2} + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +widget_class "*PanelToplevel*" style "panel-arrow-remove" + +######################################################################## +# Menu +######################################################################## + +style "dark" +{ + bg[NORMAL] = "#e0e0e0" + bg[PRELIGHT] = shade (1.05, "#e0e0e0") + bg[SELECTED] = @selected_bg_color + bg[ACTIVE] = shade (0.95, "#e0e0e0") + bg[INSENSITIVE] = "#e0e0e0" +} + +style "menubar" = "dark" { + # those two lines were added to fix firefox's menubar item text + bg[SELECTED] = "#8FB2CF" + fg[SELECTED] = @selected_fg_color + + engine "murrine" { + textstyle = 1 + text_shade = 1.23 + gradient_shades = {1.0, 1.0, 1.0, 1.0} + lightborder_shade = 1.0 + } +} + +style "menubar_item" = "menu_item" { + bg[PRELIGHT] = "#8FB2CF" + fg[PRELIGHT] = @selected_fg_color + + engine "murrine" { + gradient_shades = {1.00, 1.0, 1.0, 1.0} +# glowstyle = 5 + border_shades = { 1.0, 1.0 } + glow_shade = 1.00 + lightborderstyle = 3 + lightborder_shade = 1.2 + roundness = 4 + } +} + +######################################################################## +# Scrollbar +######################################################################## + +style "default" { + + GtkScrollbar ::has-backward-stepper = 0 + GtkScrollbar ::has-forward-stepper = 1 + GtkScrollbar ::min-slider-length = 30 + GtkScrollbar ::slider-width = 9 + GtkScrollbar ::trough-border = 3 + GtkScrollbar ::activate-slider = 0 + GtkScrollbar ::trough-side-details = 0 + GtkScrollbar ::stepper-size = 1 + + GtkScrolledWindow ::scrollbar-spacing = 0 + GtkScrolledWindow ::scrollbars-within-bevel = 1 + +} + +style "scrollbar" { + bg[SELECTED] = shade (0.70, @base_color) # color indicador + bg[NORMAL] = shade (0.90, @bg_color) # color borde indicador + + fg[NORMAL] = shade (1.00, @base_color) + fg[PRELIGHT] = shade (1.00, @base_color) + fg[ACTIVE] = shade (1.00, @base_color) + fg[SELECTED] = shade (1.00, @base_color) + fg[INSENSITIVE] = shade (1.00, @base_color) + + engine "murrine" { + roundness = 10 + gradient_shades = {1.0,1.0,1.0,1.0} + highlight_shade = 1.0 + glow_shade = 1.0 + #reliefstyle = 0 + prelight_shade = .75 + gradient_colors = FALSE + lightborder_shade = 1.0 + lightborderstyle = 0 + trough_shades = {1.05, 1.13} + border_shades = {1.32, 1.32} + contrast = 0.00 + colorize_scrollbar = TRUE + scrollbarstyle = 0 + } +} + +style "hscrollbar" { +} + +style "vscrollbar" { +} + +style "overlay_scrollbar" +{ + bg[SELECTED] = shade (1.0, @selected_bg_color) + bg[INSENSITIVE] = shade (0.85, @bg_color) + bg[ACTIVE] = shade (0.6, @bg_color) +} + +style "scale" = "button" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = shade (1.06, @bg_color) + bg[ACTIVE] = shade (0.94, @bg_color) + + engine "murrine" { + contrast = 0.6 + border_shades = {0.9, 0.8} + roundness = 5 + lightborder_shade = 1.32 + gradient_shades = {1.1, 1.0, 1.0, 0.8} + handlestyle = 2 + trough_border_shades = {0.9, 1.4} + glow_shade = 1.0 +# reliefstyle = 2 +# shadow_shades = { 1.0, 0.9 } + } +} + +######################################################################## +# Toolbar +######################################################################## + +########################################################################## +# Toolbar +########################################################################## + +style "toolbar" { + engine "pixmap" + { + image + { + function = BOX + recolorable = TRUE + file = "images/toolbar.png" + border = {1,1,1,1} + stretch = TRUE + } + + image + { + function = HANDLE + overlay_file = "images/handle-horiz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image + { + function = HANDLE + overlay_file = "images/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + } +} + +class "*Toolbar*" style "toolbar" +class "*Handle*" style "toolbar" +class "*Paned*" style "toolbar" + diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_entry.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_entry.rc deleted file mode 100644 index 91fbd86..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_entry.rc +++ /dev/null @@ -1,35 +0,0 @@ -######################################################################## -# Entry -######################################################################## - -style "entry" -{ - GtkWidget::interior_focus = 0 - GtkEntry::inner-border = {1, 1, 1, 1} - - engine "pixmap" - { -### Entry ### - image - { - function = SHADOW - detail = "entry" - file = "images/entry.png" - border = {2, 2, 2, 2} - stretch = TRUE - } - -### Focus ### - image - { - function = FOCUS - detail = "entry" - file = "images/entry-active.png" - border = {2, 2, 2, 2} - stretch = TRUE - } - } -} - -class "GtkEntry*" style "entry" - diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_lxpanel.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_lxpanel.rc deleted file mode 100644 index 6ff39f4..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_lxpanel.rc +++ /dev/null @@ -1,154 +0,0 @@ -style "theme-panel" -{ - xthickness = 4 - ythickness = 0 - bg_pixmap[NORMAL] = "images/panel-bg.png" - - fg[NORMAL] = "#000000" - fg[PRELIGHT] = "#ffffff" - fg[ACTIVE] = "#f5f5f5" - text[NORMAL] = "#000000" - text[PRELIGHT] = "#ffffff" - text[ACTIVE] = "#f5f5f5" - - engine "pixmap" { - image { - function = BOX - recolorable = TRUE - state = NORMAL - } - image { - function = BOX - recolorable = TRUE - state = PRELIGHT - file = "images/panel-button-hover.png" - border = { 4, 4, 1, 1 } - stretch = TRUE - } - image { - function = BOX - recolorable = TRUE - state = ACTIVE - file = "images/panel-button-active.png" - border = { 4, 4, 1, 1 } - stretch = TRUE - } - image { - function = BOX - recolorable = TRUE - state = SELECTED - file = "images/panel-button-active.png" - border = { 4, 4, 1, 1 } - stretch = TRUE - } - image { - function = BOX - recolorable = TRUE - state = INSENSITIVE - } - image { - function = ARROW - recolorable = TRUE - arrow_direction = DOWN - } - } -} - -style "theme-panel-light" -{ - xthickness = 1 - ythickness = 0 - - fg[NORMAL] = @fg_color -} - -style "theme-panel-text" -{ - fg[NORMAL] = "#000000" - fg[PRELIGHT] = "#333333" - fg[ACTIVE] = "#f5f5f5" - text[NORMAL] = "#f5f5f5" - text[PRELIGHT] = "#ffffff" - text[ACTIVE] = "#f5f5f5" -} - -style "theme-main-menu-text" = "theme-panel-text" -{ - fg[PRELIGHT] = "#ffffff" - text[PRELIGHT] = "#ffffff" -} - -style "theme-panel-handle" -{ - engine "pixmap" { - image { - function = HANDLE - } - image { - function = HANDLE - } - } -} - -widget "*PanelWidget*" style "theme-panel" -widget "*PanelApplet*" style "theme-panel" -widget "*fast-user-switch*" style "theme-panel" -widget "*CPUFreq*Applet*" style "theme-panel" -widget "*indicator-applet*" style "theme-panel" -class "PanelApp*" style "theme-panel" -class "PanelToplevel*" style "theme-panel" -widget_class "*PanelToplevel*" style "theme-panel" -# widget_class "*notif*" style "theme-panel" -# widget_class "*Notif*" style "theme-panel" -widget_class "*Tray*" style "theme-panel" -widget_class "*tray*" style "theme-panel" -widget_class "*computertemp*" style "theme-panel" -widget_class "*Applet*Tomboy*" style "theme-panel" -widget_class "*Applet*Netstatus*" style "theme-panel" - -# Fixes for tooltip text in some apps. -widget_class "*Notif*Beagle*" style "theme-panel-light" -widget_class "*Notif*Brasero*" style "theme-panel-light" - -# XFCE panel theming. -widget "*Xfce*Panel*" style "theme-panel" -class "*Xfce*Panel*" style "theme-panel" - -# lxpanel and fbpanel -widget "*.tclock.*" style "theme-panel" -widget "*.taskbar.*" style "theme-panel" -widget_class "*GtkBgbox*" style "theme-panel" - -# Make sure panel text color doesn't change -widget_class "*Panel*MenuBar*" style "theme-main-menu-text" -widget_class "*Panel**" style "theme-main-menu-text" -widget "*.clock-applet-button.*" style "theme-panel-text" -widget "*PanelApplet*" style "theme-panel-text" - -# Hide ugly handle -class "PanelAppletFrame" style:highest "theme-panel-handle" - -# The following removes the arrows from the panel - -style "panel-arrow-remove" { -engine "pixmap" { - image { - function = ARROW - recolorable = TRUE - overlay_file = "images/arrow-blank.png" - overlay_border = {2,2,2,2} - overlay_stretch = FALSE - arrow_direction = UP - } - image { - function = ARROW - recolorable = TRUE - overlay_file = "images/arrow-blank.png" - overlay_border = {2,2,2,2} - overlay_stretch = FALSE - arrow_direction = DOWN - } - } -} - -widget_class "*PanelToplevel*" style "panel-arrow-remove" diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_menu.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_menu.rc deleted file mode 100644 index bc50a5d..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_menu.rc +++ /dev/null @@ -1,36 +0,0 @@ -style "dark" -{ - bg[NORMAL] = "#e0e0e0" - bg[PRELIGHT] = shade (1.05, "#e0e0e0") - bg[SELECTED] = @selected_bg_color - bg[ACTIVE] = shade (0.95, "#e0e0e0") - bg[INSENSITIVE] = "#e0e0e0" -} - -style "menubar" = "dark" { - # those two lines were added to fix firefox's menubar item text - bg[SELECTED] = "#8FB2CF" - fg[SELECTED] = @selected_fg_color - - engine "murrine" { - textstyle = 1 - text_shade = 1.23 - gradient_shades = {1.0, 1.0, 1.0, 1.0} - lightborder_shade = 1.0 - } -} - -style "menubar_item" = "menu_item" { - bg[PRELIGHT] = "#8FB2CF" - fg[PRELIGHT] = @selected_fg_color - - engine "murrine" { - gradient_shades = {1.00, 1.0, 1.0, 1.0} -# glowstyle = 5 - border_shades = { 1.0, 1.0 } - glow_shade = 1.00 - lightborderstyle = 3 - lightborder_shade = 1.2 - roundness = 4 - } -} diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_scrollbar.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_scrollbar.rc deleted file mode 100644 index f0665ec..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_scrollbar.rc +++ /dev/null @@ -1,75 +0,0 @@ -style "default" { - - GtkScrollbar ::has-backward-stepper = 0 - GtkScrollbar ::has-forward-stepper = 1 - GtkScrollbar ::min-slider-length = 30 - GtkScrollbar ::slider-width = 9 - GtkScrollbar ::trough-border = 3 - GtkScrollbar ::activate-slider = 0 - GtkScrollbar ::trough-side-details = 0 - GtkScrollbar ::stepper-size = 1 - - GtkScrolledWindow ::scrollbar-spacing = 0 - GtkScrolledWindow ::scrollbars-within-bevel = 1 - -} - -style "scrollbar" { - bg[SELECTED] = shade (0.70, @base_color) # color indicador - bg[NORMAL] = shade (0.90, @bg_color) # color borde indicador - - fg[NORMAL] = shade (1.00, @base_color) - fg[PRELIGHT] = shade (1.00, @base_color) - fg[ACTIVE] = shade (1.00, @base_color) - fg[SELECTED] = shade (1.00, @base_color) - fg[INSENSITIVE] = shade (1.00, @base_color) - - engine "murrine" { - roundness = 10 - gradient_shades = {1.0,1.0,1.0,1.0} - highlight_shade = 1.0 - glow_shade = 1.0 - #reliefstyle = 0 - prelight_shade = .75 - gradient_colors = FALSE - lightborder_shade = 1.0 - lightborderstyle = 0 - trough_shades = {1.05, 1.13} - border_shades = {1.32, 1.32} - contrast = 0.00 - colorize_scrollbar = TRUE - scrollbarstyle = 0 - } -} - -style "hscrollbar" { -} - -style "vscrollbar" { -} - -style "overlay_scrollbar" -{ - bg[SELECTED] = shade (1.0, @selected_bg_color) - bg[INSENSITIVE] = shade (0.85, @bg_color) - bg[ACTIVE] = shade (0.6, @bg_color) -} - -style "scale" = "button" { - bg[NORMAL] = @bg_color - bg[PRELIGHT] = shade (1.06, @bg_color) - bg[ACTIVE] = shade (0.94, @bg_color) - - engine "murrine" { - contrast = 0.6 - border_shades = {0.9, 0.8} - roundness = 5 - lightborder_shade = 1.32 - gradient_shades = {1.1, 1.0, 1.0, 0.8} - handlestyle = 2 - trough_border_shades = {0.9, 1.4} - glow_shade = 1.0 -# reliefstyle = 2 -# shadow_shades = { 1.0, 0.9 } - } -} diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_toolbar.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_toolbar.rc deleted file mode 100644 index 163d177..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/lubuntu_toolbar.rc +++ /dev/null @@ -1,38 +0,0 @@ -########################################################################## -# Toolbar -########################################################################## - -style "toolbar" { - engine "pixmap" - { - image - { - function = BOX - recolorable = TRUE - file = "images/toolbar.png" - border = {1,1,1,1} - stretch = TRUE - } - - image - { - function = HANDLE - overlay_file = "images/handle-horiz.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image - { - function = HANDLE - overlay_file = "images/handle-vert.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - } -} - -class "*Toolbar*" style "toolbar" -class "*Handle*" style "toolbar" -class "*Paned*" style "toolbar" - diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/nautilus.rc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/nautilus.rc new file mode 100644 index 0000000..1f5fd66 --- /dev/null +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/apps/nautilus.rc @@ -0,0 +1,11 @@ +# ============================================================================== +# NAUTILUS SPECIFIC SETTINGS +# ============================================================================== + +style "nautilus_info_pane" { + bg[NORMAL] = @bg_color +} + +widget_class "*Nautilus**" style "nautilus_info_pane" +widget_class "*Nautilus*" style "notebook_button" +widget_class "*Nautilus**" style "notebook_button" diff --git a/src/usr/share/themes/Lubuntu-default/gtk-2.0/gtkrc b/src/usr/share/themes/Lubuntu-default/gtk-2.0/gtkrc index e9bc9de..1f1a447 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-2.0/gtkrc +++ b/src/usr/share/themes/Lubuntu-default/gtk-2.0/gtkrc @@ -666,16 +666,14 @@ widget "*IdoEntryMenuItem*" style "wide" widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "evo_new_button_workaround" # Includes +#include "apps/banshee.rc" include "apps/chromium.rc" include "apps/ff.rc" include "apps/gnome-terminal.rc" +include "apps/nautilus.rc" # Lubuntu specific -include "apps/lubuntu_lxpanel.rc" -include "apps/lubuntu_toolbar.rc" -include "apps/lubuntu_entry.rc" -include "apps/lubuntu_menu.rc" -include "apps/lubuntu_scrollbar.rc" +include "apps/lubuntu.rc" include "apps/pcmanfm.rc" # XFCE specific diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/baobab.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/baobab.css deleted file mode 100644 index 8c52090..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/baobab.css +++ /dev/null @@ -1,25 +0,0 @@ - -BaobabWindow GtkGrid { - background-color: @bg_color; -} - -BaobabLocationList GtkGrid { - background-color: transparent; -} - -.baobab-toolbar.toolbar { - border-color: shade (@bg_color, 0.9); - border-style: solid; - border-width: 0 0 1px 0; - border-radius: 0; -} - -.cell.baobab-level-cell, -.cell.baobab-level-cell:hover, -.cell.baobab-level-cell:selected, -.cell.baobab-level-cell:selected:hover { - border-color: alpha (black, 0.06); - border-width: 1px; - border-style: solid; - background-color: @base_color; -} diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/calendar.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/calendar.css new file mode 100644 index 0000000..38e0f9f --- /dev/null +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/calendar.css @@ -0,0 +1,8 @@ +/* Make the calendar focus ring appear around the selected day */ +calendar-view { + outline-style: dashed; + outline-color: @selected_bg_color; + outline-width: 2px; + -gtk-outline-radius: 8px; + outline-offset: -4px; +} diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gedit.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gedit.css index 6f9722b..7513046 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gedit.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gedit.css @@ -62,7 +62,7 @@ GeditFileBrowserWidget .toolbar { /* Things from Adwaita start here...*/ -GeditOpenDocumentSelector .open-document-selector-treeview:prelight { +GeditOpenDocumentSelector .open-document-selector-treeview:hover { background-color: alpha(@selected_bg_color, 0.4); } @@ -99,19 +99,19 @@ GeditOpenDocumentSelector .open-document-selector-treeview:prelight { border-color: transparent; border-width: 1px; padding: 1px; - icon-shadow: none; + -gtk-icon-shadow: none; } -.gedit-document-panel .prelight-row .button { +.gedit-document-panel .hover-row .button { color: black; border-color: transparent; } -.gedit-document-panel .prelight-row:selected .button { +.gedit-document-panel .hover-row:selected .button { color: white; } -.gedit-document-panel .prelight-row .button:backdrop { +.gedit-document-panel .hover-row .button:backdrop { color: black; } @@ -145,26 +145,25 @@ GeditStatusbar .button.flat { } -.notebook GeditCloseButton.button:prelight{ +.notebook GeditCloseButton.button:hover{ border-color: shade(@bg_color,0.65); } -.notebook GeditTabLabel.active-page GeditCloseButton.button:prelight{ +.notebook GeditTabLabel.active-page GeditCloseButton.button:hover{ border-color: darker(@bg_color); } -.notebook GeditCloseButton:backdrop.button:prelight{ +.notebook GeditCloseButton:backdrop.button:hover{ border-color: shade(@bg_color,0.75); border-image: none; border-style: solid; background-color: transparent; } -.notebook GeditTabLabel.active-page GeditCloseButton:backdrop.button:prelight{ +.notebook GeditTabLabel.active-page GeditCloseButton:backdrop.button:hover{ border-color: shade(@bg_color,0.85); border-image: none; border-style: solid; background-color: transparent; } - diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-panel.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-panel.css index 6538eba..64cd132 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-panel.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-panel.css @@ -14,8 +14,8 @@ PanelWidget, PanelApplet, PanelToplevel { background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.15)), - to (shade (@dark_bg_color, 0.95))); + from (shade (@dark_bg_color, 1.5)), + to (shade (@dark_bg_color, 1.05))); } PanelApplet { @@ -26,8 +26,8 @@ PanelSeparator:backdrop, PanelSeparator { border-width: 0; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.15)), - to (shade (@dark_bg_color, 0.95))); + from (shade (@dark_bg_color, 1.5)), + to (shade (@dark_bg_color, 1.05))); color: @dark_fg_color; } @@ -39,57 +39,76 @@ PanelMenuBar.menubar, PanelMenuBar.menubar.menuitem { -PanelMenuBar-icon-visible: true; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.15)), - to (shade (@dark_bg_color, 0.95))); + from (shade (@dark_bg_color, 1.5)), + to (shade (@dark_bg_color, 1.05))); } PanelAppletFrame { background-color: @dark_bg_color; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.15)), - to (shade (@dark_bg_color, 0.95))); + from (shade (@dark_bg_color, 1.5)), + to (shade (@dark_bg_color, 1.05))); border-width: 0; } PanelApplet .button:backdrop, PanelApplet .button { - -GtkButton-inner-border: 2; - border-image: none; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.15)), - to (shade (@dark_bg_color, 0.95))); - border-color: alpha (shade (@dark_bg_color, 0.9), 0.6); - border-left-color: alpha (shade (@dark_bg_color, 1.2), 0.6); + from (shade (@dark_bg_color, 1.5)), + to (shade (@dark_bg_color, 1.05))); + border-color: alpha (shade (@dark_bg_color, 1.0), 0.6); + border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.3); border-radius: 0; border-width: 0 1px 0 1px; + color: @dark_fg_color; text-shadow: none; } -PanelApplet .button:active:prelight:backdrop, -PanelApplet .button:active:prelight, +PanelApplet .button:active:hover:backdrop, +PanelApplet .button:active:hover, PanelApplet .button:active:backdrop, -PanelApplet .button:active { +PanelApplet .button:active { + border-image: none; + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.85)), + to (shade (@dark_bg_color, 1.0))); + border-color: shade (@dark_bg_color, 0.9); +} + +PanelApplet .button:hover:backdrop, +PanelApplet .button:hover { border-image: none; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 0.7)), - to (shade (@dark_bg_color, 0.8))); - border-color: shade (@dark_bg_color, 0.7); + from (shade (@dark_bg_color, 1.7)), + to (shade (@dark_bg_color, 1.25))); + border-color: alpha (shade (@dark_bg_color, 1.0), 0.6); + border-left-color: alpha (shade (@dark_bg_color, 1.5), 0.4); +} + +PanelApplet .button:checked { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 0.95)), + to (shade (@dark_bg_color, 1.1))); +} + +PanelApplet .button:checked:hover { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@dark_bg_color, 1.15)), + to (shade (@dark_bg_color, 1.3))); } -PanelApplet .button:prelight:backdrop, -PanelApplet .button:prelight { +PanelApplet .button:checked:hover:active { border-image: none; background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.3)), - to (shade (@dark_bg_color, 1.1))); - border-color: alpha (shade (@dark_bg_color, 0.9), 0.6); - border-left-color: alpha (shade (@dark_bg_color, 1.2), 0.8); + from (shade (@dark_bg_color, 0.75)), + to (shade (@dark_bg_color, 0.9))); + border-color: shade (@dark_bg_color, 0.8); } ClockBox { - text-shadow: 0 1px shade (@dark_bg_color, 1.08); + text-shadow: 0 -1px shade (@dark_bg_color, 0.6); } WnckPager, WnckTasklist { diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-terminal.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-terminal.css index 6cf1a00..2b7779f 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-terminal.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/gnome-terminal.css @@ -1,23 +1,76 @@ /* gnome-terminal */ @define-color terminal_bg #300a24; -TerminalScreen { +vte-terminal.terminal-screen { -TerminalScreen-background-darkness: 0.95; background-color: @terminal_bg; color: #fff; } -TerminalScreenContainer .scrollbar:hover:not(.slider), -TerminalScreenContainer .scrollbar.dragging:not(.slider) { +terminal-screen-container scrollbar:hover, +terminal-screen-container scrollbar:active { background-color: alpha(@scrollbar_track_color, 0.4); + border-radius: 1px; } -/* Since .hovering class is not working here, we always use the same radius */ -TerminalScreenContainer .scrollbar.slider.hovering, -TerminalScreenContainer .scrollbar.slider.dragging { - border-radius: 1px; +terminal-screen-container { + background-color: transparent; } -TerminalScreenContainer .scrollbar { +notebook.terminal-notebook header { + background-color: @dark_bg_color; + border: none; +} + + +notebook.terminal-notebook header.top tab, +notebook.terminal-notebook header.top tab:hover { + background-color: shade(@bg_color, 0.75); + border-width: 1px 1px 0px 1px; + border-radius: 8px 8px 0px 0px; + border-image: none; + border-style: solid; + border-color: @dark_bg_color; +} + +notebook.terminal-notebook header.top tab:checked { + background-color: shade(@bg_color, 1.2); +} + +notebook.terminal-notebook tab button, +notebook.terminal-notebook tab button:hover { background-color: transparent; + padding: 1px; +} + +notebook.terminal-notebook > header > box, +notebook.terminal-notebook > header > box:hover { + padding-left: 5px; +} + +notebook.terminal-notebook > header > box button, +notebook.terminal-notebook > header > box button:hover, +notebook.terminal-notebook > header > box button:hover:backdrop { + background: inherit; + border: inherit; + padding: inherit; +} + +notebook.terminal-notebook > header > box > box > button:not(:last-child):hover, +notebook.terminal-notebook > header > box > box > button:not(:last-child):hover:backdrop, +notebook.terminal-notebook > header > box > box > button:not(:last-child) { + padding-right: 5px; +} + +notebook.terminal-notebook > header > box button:hover, +notebook.terminal-notebook > header > box button:hover:backdrop { + color: shade (@bg_color, 0.9); +} + +notebook.terminal-notebook > header > box button { + color: shade (@bg_color, 0.7); +} + +notebook.terminal-notebook > header > box button:backdrop { + color: shade (@bg_color, 0.4); } diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/nautilus.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/nautilus.css index 4abe735..52f9bd8 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/nautilus.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/nautilus.css @@ -26,18 +26,18 @@ } .nautilus-desktop.nautilus-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:hover, .nautilus-desktop.nautilus-canvas-item:selected { text-shadow: none; } .nautilus-desktop.nautilus-canvas-item:selected:backdrop { - color: @theme_unfocused_selected_fg_color; + color: @theme_unfocus_selected_fg_color; } .nautilus-circular-button { border-radius: 20px; - outline-radius: 20px; + -gtk-outline-radius: 20px; } /* Toolbar */ @@ -79,8 +79,8 @@ } .floating-bar:backdrop { - background-color: @theme_unfocused_base_color; - border-color: @unfocused_borders; + background-color: @theme_unfocus_base_color; + border-color: @unfocus_borders; } .floating-bar .button { diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity-greeter.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity-greeter.css index 8bccc4b..0432201 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity-greeter.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity-greeter.css @@ -1,14 +1,14 @@ -.lightdm.menu { +.lightdm menu { background-image: none; background-color: alpha (black, 0.6); - border-color: alpha (white, 0.2); - border-radius: 4px; + border: none; + border-radius: 0px; padding: 1px; color: white; } -.lightdm-combo .menu { +.lightdm-combo menu { background-color: shade (@dark_bg_color, 1.08); border-radius: 0px; padding: 0px; @@ -16,23 +16,33 @@ color: white; } -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { +.lightdm menu menuitem *, +.lightdm menu menuitem.check:active, +.lightdm menu menuitem.radio:active { color: white; } -.lightdm.menubar { +.lightdm menu menuitem *:disabled { + color: inherit; + text-shadow: inherit; +} + +.lightdm menu separator { + border: inherit; + background-color: alpha(black, 0.05); + border-color: alpha(black, 0.07); +} + +.lightdm menubar { background-image: none; background-color: alpha (black, 0.5); } -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { +.lightdm-combo cell, +.lightdm-combo button, +.lightdm-combo entry, +.lightdm button, +.lightdm entry { background-image: none; background-color: alpha (black, 0.3); border-color: alpha (white, 0.6); @@ -43,20 +53,20 @@ text-shadow: none; } -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focused, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focused { +.lightdm button, +.lightdm button:hover, +.lightdm button:active, +.lightdm button:active:focus, +.lightdm entry, +.lightdm entry:hover, +.lightdm entry:active, +.lightdm entry:active:focus { background-image: none; border-image: none; } -.lightdm.button:focused, -.lightdm.entry:focused { +.lightdm button:focus, +.lightdm entry:focus { border-color: alpha (white, 0.9); border-width: 1px; border-style: solid; @@ -64,7 +74,7 @@ color: white; } -.lightdm.entry:selected { +.lightdm entry:selected { background-color: alpha (white, 0.2); } @@ -72,23 +82,23 @@ to { -gtk-icon-transform: rotate(1turn); } } -.lightdm.entry:active { +.lightdm entry:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: dashentry_spinner 1s infinite linear; } -.lightdm.option-button { +.lightdm .option-button { padding: 2px; background: none; border: 0; } -.lightdm.toggle-button { +.lightdm .toggle-button { background: none; border-width: 0; } -.lightdm.toggle-button.selected { +.lightdm .toggle-button.selected { background-color: alpha (black, 0.3); border-width: 1px; } diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity.css deleted file mode 100644 index b0f484c..0000000 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/apps/unity.css +++ /dev/null @@ -1,131 +0,0 @@ -/* Decorations */ - -UnityDecoration { - -UnityDecoration-extents: 28px 0 0 0; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 5px; - -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.78); - -UnityDecoration-active-shadow-radius: 30px; - -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.3); - -UnityDecoration-inactive-shadow-radius: 25px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: rgb (221, 72, 20); - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.top { - border: 1px solid rgba (85, 40, 0, 0.04); /* shade (@dark_bg_color) (shade (#edebe6, 1.06) */ - border-bottom-width: 0; - border-radius: 6px 6px 0 0; - padding: 1px 6px 0 6px; - - box-shadow: inset 0 0 transparent, inset 0 0 transparent, - inset 0 1px shade (#edebe6, 1.065), inset 0 0 transparent; - - background-color: transparent; - background-clip: border-box; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (#edebe6, 1.06)), - to (@dark_bg_color)); - - color: shade (@dark_bg_color, 0.4); - text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06), - 0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06); -} - -UnityDecoration.top:backdrop { - border: 1px solid rgba (110, 27, 0, 0.04); /* shade @dark_bg_color - shade (#edebe6, 0.96) */ - border-bottom-width: 0; - background-color: transparent; - background-clip: border-box; - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (#edebe6, 0.96)), - to (@dark_bg_color)); - box-shadow: inset 0 0 transparent, inset 0 0 transparent, - inset 0 1px shade (#edebe6, 0.97), inset 0 0 transparent; - - color: #a39e9a; - text-shadow: 1px 0 1px shade (@dark_bg_color, 1.08), -1px 0 1px shade (@dark_bg_color, 1.08), - 0 1px 1px shade (@dark_bg_color, 1.08), 0 -1px 1px shade (@dark_bg_color, 1.08); -} - -UnityDecoration.left, -UnityDecoration.right { - background-color: shade (@bg_color, 0.7); - background-size: 1px 70px; - background-repeat: repeat-x; - - /* start color: mix of the top border color and bg-image gradient end */ - background-image: -gtk-gradient (linear, left top, left bottom, - color-stop (0, #a89686), - color-stop (0.5, #a89686), - color-stop (1, shade (@bg_color, 0.7))); -} - -UnityDecoration.left:backdrop, -UnityDecoration.right:backdrop { - /* start color: mix of the top border color and bg-image gradient end */ - background-image: -gtk-gradient (linear, left top, left bottom, - color-stop (0, #b5a395), - color-stop (0.5, #b5a395), - color-stop (1, shade (@bg_color, 0.7))); -} - -UnityDecoration.bottom { - background-image: none; - background-color: shade (@bg_color, 0.7); -} - -/* Panel Style */ - -UnityPanelWidget, -.unity-panel { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (#edebe6, 1.06)), - to (@dark_bg_color)); - border-top-color: shade (#edebe6, 1.08); - border-style: solid; - border-width: 1px 0 0 0; - - color: shade (@dark_bg_color, 0.4); - text-shadow: 1px 0 shade (@dark_bg_color, 1.06), -1px 0 shade (@dark_bg_color, 1.06), - 0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06); -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #a39e9a; -} - -.unity-panel.menubar, -.unity-panel .menubar { -} - -.unity-panel.menuitem, -.unity-panel .menuitem { - border-width: 1px 1px 0 1px; - icon-shadow: 0 -1px shade (@dark_bg_color, 1.06); -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - background-image: -gtk-gradient (linear, left top, left bottom, - from (shade (@dark_bg_color, 1.5)), - to (shade (@dark_bg_color, 1.02))); -} - -@keyframes playbackmenuitem_spinner { - to { -gtk-icon-transform: rotate(1turn); } -} - -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: @selected_bg_color; -} diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-main.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-main.css index 0a58a05..9a6a411 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-main.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-main.css @@ -55,23 +55,27 @@ @define-color scrollbar_track_color mix(@base_color, black, 0.1); /* #e6e6e6 */ +@define-color progressbar_fill_a shade(@theme_selected_bg_color, 1.07); +@define-color progressbar_fill_b shade(mix(@theme_selected_bg_color, @selected_bg_color, 0.10), 0.91); +@define-color button_border_active shade(@theme_selected_bg_color, 0.95); +@define-color progressbar_backdrop_fill_a shade(@backdrop_selected_bg_color, 1.07); +@define-color progressbar_backdrop_fill_b shade(mix(@backdrop_selected_bg_color, grey, 0.10), 0.91); +@define-color button_border_backdrop_active shade(@backdrop_selected_bg_color, 0.95); + @import url("gtk-widgets-borders.css"); @import url("gtk-widgets-borders-radiance.css"); @import url("gtk-widgets-assets.css"); @import url("gtk-widgets-assets-radiance.css"); @import url("gtk-widgets.css"); @import url("gtk-widgets-radiance.css"); -@import url("apps/geary.css"); @import url("apps/unity.css"); @import url("apps/unity-greeter.css"); -@import url("apps/baobab.css"); @import url("apps/gedit.css"); @import url("apps/nautilus.css"); @import url("apps/gnome-panel.css"); @import url("apps/gnome-terminal.css"); -@import url("apps/gnome-system-log.css"); -@import url("apps/glade.css"); @import url("apps/software-center.css"); +@import url("apps/calendar.css"); @import url("public-colors.css"); @import url("gtk-lubuntu.css"); diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets-radiance.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets-radiance.css index 8d0092c..b3e819d 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets-radiance.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets-radiance.css @@ -1,23 +1,23 @@ -.menu .check { +menu check { -gtk-icon-source: url("assets/check-menuitem-unselected.png"); } -.menu .radio { +menu radio { -gtk-icon-source: url("assets/check-menuitem-unselected.png"); } -.menu .check:checked { +menu check:checked { -gtk-icon-source: url("assets/check-menuitem-dark.png"); } -.menu .check:checked:insensitive { +menu check:checked:disabled { -gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png"); } -.menu .radio:checked { +menu radio:checked { -gtk-icon-source: url("assets/radio-menuitem-dark.png"); } -.menu .radio:checked:insensitive { +menu radio:checked:disabled { -gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png"); } diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets.css index c1c3d63..6335468 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-assets.css @@ -12,551 +12,563 @@ *************************/ /* draw regular check and radio items using our SVG assets */ -.check { +check { -gtk-icon-source: url("assets/check-unselected.png"); } -.check:hover { +check:hover { -gtk-icon-source: url("assets/check-unselected-hover.png"); } -.check row, -.check row:selected, -.check row:selected:focus { +check row, +check row:selected, +check row:selected:focus { -gtk-icon-source: url("assets/check-unselected-alt.png"); } -.check row:hover, -.check row:selected:hover, -.check row:selected:focus:hover { +check row:hover, +check row:selected:hover, +check row:selected:focus:hover { -gtk-icon-source: url("assets/check-unselected-hover-alt.png"); } -.check:insensitive { +check:disabled { -gtk-icon-source: url("assets/check-unselected-disabled.png"); } -.check row:insensitive { +check row:disabled { background-color: transparent; } -.check row:insensitive, -.check row:selected:insensitive, -.check row:selected:focus:insensitive { +check row:disabled, +check row:selected:disabled, +check row:selected:focus:disabled { background-color: transparent; -gtk-icon-source: url("assets/check-unselected-disabled-alt.png"); } -.check:backdrop { +check:backdrop { -gtk-icon-source: url("assets/backdrop-check-unselected.png"); } -.check:hover:backdrop { +check:hover:backdrop { -gtk-icon-source: url("assets/backdrop-check-unselected-hover.png"); } -.check row:backdrop, -.check row:selected:backdrop { +check row:backdrop, +check row:selected:backdrop { -gtk-icon-source: url("assets/backdrop-check-unselected-alt.png"); } -.check row:hover:backdrop, -.check row:selected:hover:backdrop { +check row:hover:backdrop, +check row:selected:hover:backdrop { -gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png"); } -.check:insensitive:backdrop { +check:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png"); } -.check row:selected:insensitive:backdrop { +check row:selected:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png"); } -.check:checked { +check:checked { -gtk-icon-source: url("assets/check-selected.png"); } -.check:checked:hover { +check:checked:hover { -gtk-icon-source: url("assets/check-selected-hover.png"); } -.check row:checked, -.check row:selected:checked, -.check row:selected:focus:checked { +check row:checked, +check row:selected:checked, +check row:selected:focus:checked { -gtk-icon-source: url("assets/check-selected-alt.png"); } -.check row:checked:hover, -.check row:selected:checked:hover, -.check row:selected:checked:focus:hover { +check row:checked:hover, +check row:selected:checked:hover, +check row:selected:checked:focus:hover { -gtk-icon-source: url("assets/check-selected-hover-alt.png"); } -.check:checked:insensitive { +check:checked:disabled { -gtk-icon-source: url("assets/check-selected-disabled.png"); } -.check row:checked:insensitive, -.check row:selected:checked:insensitive, -.check row:selected:focus:checked:insensitive { +check row:checked:disabled, +check row:selected:checked:disabled, +check row:selected:focus:checked:disabled { -gtk-icon-source: url("assets/check-selected-disabled-alt.png"); } -.check:checked:backdrop { +check:checked:backdrop { -gtk-icon-source: url("assets/backdrop-check-selected.png"); } -.check:checked:backdrop { +check:checked:backdrop { -gtk-icon-source: url("assets/backdrop-check-selected-hover.png"); } -.check row:checked:backdrop, -.check row:selected:checked:backdrop { +check row:checked:backdrop, +check row:selected:checked:backdrop { -gtk-icon-source: url("assets/backdrop-check-selected-alt.png"); } -.check row:checked:hover:backdrop, -.check row:selected:checked:hover:backdrop { +check row:checked:hover:backdrop, +check row:selected:checked:hover:backdrop { -gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png"); } -.check:checked:insensitive:backdrop { +check:checked:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-check-selected-disabled.png"); } -.check row:selected:checked:insensitive:backdrop { +check row:selected:checked:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png"); } -.check:inconsistent { +check:indeterminate { -gtk-icon-source: url("assets/check-mixed.png"); } -.check:inconsistent:hover { +check:indeterminate:hover { -gtk-icon-source: url("assets/check-mixed-hover.png"); } -.check row:inconsistent, -.check row:selected:inconsistent, -.check row:selected:focus:inconsistent { +check row:indeterminate, +check row:selected:indeterminate, +check row:selected:focus:indeterminate { -gtk-icon-source: url("assets/check-mixed-alt.png"); } -.check row:inconsistent:hover, -.check row:selected:inconsistent:hover, -.check row:selected:focus:inconsistent:hover { +check row:indeterminate:hover, +check row:selected:indeterminate:hover, +check row:selected:focus:indeterminate:hover { -gtk-icon-source: url("assets/check-mixed-hover-alt.png"); } -.check:inconsistent:insensitive { +check:indeterminate:disabled { -gtk-icon-source: url("assets/check-mixed-disabled.png"); } -.check row:inconsistent:insensitive, -.check row:selected:inconsistent:insensitive, -.check row:selected:focus:inconsistent:insensitive { +check row:indeterminate:disabled, +check row:selected:indeterminate:disabled, +check row:selected:focus:indeterminate:disabled { -gtk-icon-source: url("assets/check-mixed-disabled-alt.png"); } -.check:inconsistent:backdrop { +check:indeterminate:backdrop { -gtk-icon-source: url("assets/backdrop-check-mixed.png"); } -.check:inconsistent:hover:backdrop { +check:indeterminate:hover:backdrop { -gtk-icon-source: url("assets/backdrop-check-mixed-hover.png"); } -.check row:inconsistent:backdrop, -.check row:selected:inconsistent:backdrop { +check row:indeterminate:backdrop, +check row:selected:indeterminate:backdrop { -gtk-icon-source: url("assets/backdrop-check-mixed-alt.png"); } -.check row:inconsistent:hover:backdrop, -.check row:selected:inconsistent:hover:backdrop { +check row:indeterminate:hover:backdrop, +check row:selected:indeterminate:hover:backdrop { -gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png"); } -.check:inconsistent:insensitive:backdrop { +check:indeterminate:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png"); } -.check row:selected:inconsistent:insensitive:backdrop { +check row:selected:indeterminate:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png"); } -.radio { +radio { -gtk-icon-source: url("assets/radio-unselected.png"); } -.radio:hover { +radio:hover { -gtk-icon-source: url("assets/radio-unselected-hover.png"); } -.radio row, -.radio row:selected, -.radio row:selected:focus { +radio row, +radio row:selected, +radio row:selected:focus { -gtk-icon-source: url("assets/radio-unselected-alt.png"); } -.radio row:hover, -.radio row:selected:hover, -.radio row:selected:focus:hover { +radio row:hover, +radio row:selected:hover, +radio row:selected:focus:hover { -gtk-icon-source: url("assets/radio-unselected-hover-alt.png"); } -.radio:insensitive { +radio:disabled { -gtk-icon-source: url("assets/radio-unselected-disabled.png"); } -.radio row:insensitive { +radio row:disabled { background-color: transparent; } -.radio row:insensitive, -.radio row:selected:insensitive, -.radio row:selected:focus:insensitive { +radio row:disabled, +radio row:selected:disabled, +radio row:selected:focus:disabled { -gtk-icon-source: url("assets/radio-unselected-disabled-alt.png"); } -.radio:backdrop { +radio:backdrop { -gtk-icon-source: url("assets/backdrop-radio-unselected.png"); } -.radio:hover:backdrop { +radio:hover:backdrop { -gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png"); } -.radio row:backdrop, -.radio row:selected:backdrop { +radio row:backdrop, +radio row:selected:backdrop { -gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png"); } -.radio row:hover:backdrop, -.radio row:selected:hover:backdrop { +radio row:hover:backdrop, +radio row:selected:hover:backdrop { -gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png"); } -.radio:insensitive:backdrop { +radio:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png"); } -.radio row:selected:insensitive:backdrop { +radio row:selected:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png"); } -.radio:checked { +radio:checked { -gtk-icon-source: url("assets/radio-selected.png"); } -.radio:checked:hover { +radio:checked:hover { -gtk-icon-source: url("assets/radio-selected-hover.png"); } -.radio row:checked, -.radio row:selected:checked, -.radio row:selected:focus:checked { +radio row:checked, +radio row:selected:checked, +radio row:selected:focus:checked { -gtk-icon-source: url("assets/radio-selected-alt.png"); } -.radio row:checked:hover, -.radio row:selected:checked:hover, -.radio row:selected:focus:checked:hover { +radio row:checked:hover, +radio row:selected:checked:hover, +radio row:selected:focus:checked:hover { -gtk-icon-source: url("assets/radio-selected-hover-alt.png"); } -.radio:checked:insensitive { +radio:checked:disabled { -gtk-icon-source: url("assets/radio-selected-disabled.png"); } -.radio row:insensitive, -.radio row:selected:checked:insensitive, -.radio row:selected:focus:checked:insensitive { +radio row:disabled, +radio row:selected:checked:disabled, +radio row:selected:focus:checked:disabled { -gtk-icon-source: url("assets/radio-selected-disabled-alt.png"); } -.radio:checked:backdrop { +radio:checked:backdrop { -gtk-icon-source: url("assets/backdrop-radio-selected.png"); } -.radio:checked:hover:backdrop { +radio:checked:hover:backdrop { -gtk-icon-source: url("assets/backdrop-radio-selected-hover.png"); } -.radio row:checked:backdrop, -.radio row:selected:checked:backdrop { +radio row:checked:backdrop, +radio row:selected:checked:backdrop { -gtk-icon-source: url("assets/backdrop-radio-selected-alt.png"); } -.radio row:checked:hover:backdrop, -.radio row:selected:checked:hover:backdrop { +radio row:checked:hover:backdrop, +radio row:selected:checked:hover:backdrop { -gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png"); } -.radio:checked:insensitive:backdrop { +radio:checked:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png"); } -.radio row:selected:checked:insensitive:backdrop { +radio row:selected:checked:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png"); } -.radio:inconsistent { +radio:indeterminate { -gtk-icon-source: url("assets/radio-mixed.png"); } -.radio:inconsistent:hover { +radio:indeterminate:hover { -gtk-icon-source: url("assets/radio-mixed-hover.png"); } -.radio row:inconsistent, -.radio row:selected:inconsistent, -.radio row:selected:focus:inconsistent { +radio row:indeterminate, +radio row:selected:indeterminate, +radio row:selected:focus:indeterminate { -gtk-icon-source: url("assets/radio-mixed-alt.png"); } -.radio row:inconsistent:hover, -.radio row:selected:inconsistent:hover, -.radio row:selected:focus:inconsistent:hover { +radio row:indeterminate:hover, +radio row:selected:indeterminate:hover, +radio row:selected:focus:indeterminate:hover { -gtk-icon-source: url("assets/radio-mixed-hover-alt.png"); } -.radio:inconsistent:insensitive { +radio:indeterminate:disabled { -gtk-icon-source: url("assets/radio-mixed-disabled.png"); } -.radio row:inconsistent:insensitive, -.radio row:selected:inconsistent:insensitive, -.radio row:selected:focus:inconsistent:insensitive { +radio row:indeterminate:disabled, +radio row:selected:indeterminate:disabled, +radio row:selected:focus:indeterminate:disabled { -gtk-icon-source: url("assets/radio-mixed-disabled-alt.png"); } -.radio:inconsistent:backdrop { +radio:indeterminate:backdrop { -gtk-icon-source: url("assets/backdrop-radio-mixed.png"); } -.radio:inconsistent:hover:backdrop { +radio:indeterminate:hover:backdrop { -gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png"); } -.radio row:inconsistent:backdrop, -.radio row:selected:inconsistent:backdrop { +radio row:indeterminate:backdrop, +radio row:selected:indeterminate:backdrop { -gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png"); } -.radio row:inconsistent:hover:backdrop, -.radio row:selected:inconsistent:hover:backdrop { +radio row:indeterminate:hover:backdrop, +radio row:selected:indeterminate:hover:backdrop { -gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png"); } -.radio:inconsistent:insensitive:backdrop { +radio:indeterminate:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png"); } -.radio row:selected:inconsistent:insensitive:backdrop { +radio row:selected:indeterminate:disabled:backdrop { -gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png"); } -.primary-toolbar .menu .check, -.menubar.toolbar .menu .check, -.header-bar .menu .check, -.menu .check { +.primary-toolbar menu check, +menubar toolbar menu check, +headerbar menu check, +menu check, +menu check:hover, +menu check:disabled:not(:checked), +menu check:indeterminate:not(:checked) { -gtk-icon-source: url("assets/check-menuitem-unselected.png"); } -.primary-toolbar .menu .radio, -.menubar.toolbar .menu .radio, -.header-bar .menu .radio, -.menu .radio { +.primary-toolbar menu radio, +menubar toolbar menu radio, +headerbar menu radio, +menu radio, +menu radio:hover, +menu radio:disabled:not(:checked), +menu radio:indeterminate:not(:checked) { -gtk-icon-source: url("assets/check-menuitem-unselected.png"); } -.primary-toolbar .menu .check:checked, -.menubar.toolbar .menu .check:checked, -.header-bar .menu .check:checked, -.menu .check:checked { +.primary-toolbar menu check:checked, +menubar toolbar menu check:checked, +headerbar menu check:checked, +menu check:checked { -gtk-icon-source: url("assets/check-menuitem-dark.png"); } -.toolbar .menu .check:checked:hover, -.menu .check:checked:hover { +toolbar menu check:checked:hover, +menu check:checked:hover { -gtk-icon-source: url("assets/check-menuitem.png"); } -.primary-toolbar .menu .check:checked:insensitive, -.menubar.toolbar .menu .check:checked:insensitive, -.header-bar .menu .check:checked:insensitive, -.toolbar .menu .check:checked:hover:insensitive, -.menu .check:checked:insensitive, -.menu .check:checked:hover:insensitive { +.primary-toolbar menu check:checked:disabled, +menubar toolbar menu check:checked:disabled, +headerbar menu check:checked:disabled, +toolbar menu check:checked:hover:disabled, +menu check:checked:disabled, +menu check:checked:hover:disabled { -gtk-icon-source: url("assets/check-menuitem-insensitive.png"); } -.toolbar .menu .radio:checked:hover, -.menu .radio:checked { +.primary-toolbar menu radio:checked, +menubar toolbar menu radio:checked, +headerbar menu radio:checked, +toolbar menu radio:checked:hover, +menu radio:checked, +menu radio:checked:hover { -gtk-icon-source: url("assets/radio-menuitem.png"); } -.primary-toolbar .menu .radio:checked:insensitive, -.menubar.toolbar .menu .radio:checked:insensitive, -.header-bar .menu .radio:checked:insensitive, -.toolbar .menu .radio:checked:hover:insensitive, -.menu .radio:checked:insensitive, -.menu .radio:checked:hover:insensitive { +.primary-toolbar menu radio:checked:disabled, +menubar toolbar menu radio:checked:disabled, +headerbar menu radio:checked:disabled, +toolbar menu radio:checked:hover:disabled, +menu radio:checked:disabled, +menu radio:checked:hover:disabled { -gtk-icon-source: url("assets/radio-menuitem-insensitive.png"); } -.toolbar .menu .check { +toolbar menu check { -gtk-icon-source: url("assets/check-menuitem-unselected.png"); } -.toolbar .menu .radio { +toolbar menu radio { -gtk-icon-source: url("assets/check-menuitem-unselected.png"); } -.toolbar .menu .check:checked { +toolbar menu check:checked { -gtk-icon-source: url("assets/check-menuitem-dark.png"); } -.toolbar .menu .check:checked:insensitive { +toolbar menu check:checked:disabled { -gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png"); } -.toolbar .menu .radio:checked { +toolbar menu radio:checked { -gtk-icon-source: url("assets/radio-menuitem-dark.png"); } -.toolbar .menu .radio:checked:insensitive { +toolbar menu radio:checked:disabled { -gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png"); } /********************* * GtkScale's slider * *********************/ -.scale.slider, -.scale.slider.horizontal { +scale slider, +scale.horizontal contents:only-child trough slider { background-image: url("assets/slider-horizontal.png"); + background-repeat: no-repeat; } -.scale.slider:backdrop, -.scale.slider.horizontal:backdrop { - /*background-image: url("assets/slider-horizontal-disabled.png");*/ +scale:backdrop slider, +scale.horizontal:backdrop slider { + /*background-image: url("assets/slider-horizontal-disabled.png");*/ } -.scale.slider:hover, -.scale.slider.horizontal:hover { +scale slider:hover, +scale.horizontal slider:hover { background-image: url("assets/slider-horizontal-hover.png"); + background-repeat: no-repeat; } -.scale.slider:focused, -.scale.slider.horizontal:focused { +scale slider:focus, +scale.horizontal slider:focus { background-image: url("assets/slider-horizontal-focused.png"); } -.scale.slider:hover:focused, -.scale.slider.horizontal:hover:focused { +scale slider:hover:focus, +scale.horizontal slider:hover:focus { background-image: url("assets/slider-horizontal-focused-hover.png"); } -.scale.slider:insensitive, -.scale.slider.horizontal:insensitive { +scale:disabled slider, +scale.horizontal:disabled slider { background-image: url("assets/slider-horizontal-disabled.png"); } -.scale.slider:insensitive:backdrop, -.scale.slider.horizontal:insensitive:backdrop { +scale slider:disabled:backdrop, +scale.horizontal slider:disabled:backdrop { /*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/ } -.scale.slider.vertical { +scale.vertical slider { background-image: url("assets/slider-vertical.png"); } -.scale.slider.vertical:backdrop { +scale:backdrop.vertical slider { /*background-image: url("assets/slider-vertical-backdrop.png");*/ } -.scale.slider.vertical:hover { +scale.vertical slider:hover { background-image: url("assets/slider-vertical-hover.png"); } -.scale.slider.vertical:focused { +scale.vertical slider:focus { background-image: url("assets/slider-vertical-focused.png"); } -.scale.slider.vertical:hover:focused { +scale.vertical slider:hover:focus { background-image: url("assets/slider-vertical-focused-hover.png"); } -.scale.slider.vertical:insensitive { +scale:disabled.vertical slider { background-image: url("assets/slider-vertical-disabled.png"); } -.scale.slider.vertical:insensitive:backdrop { +scale:disabled:backdrop.vertical slider { /*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/ } -/*.scale.scale-has-marks-above.slider.horizontal { +/*scale scale-has-marks-above.slider.horizontal { background-image: url("assets/slider-up.png"); } -.scale.scale-has-marks-above.slider.horizontal:insensitive { +scale scale-has-marks-above.slider.horizontal:disabled { background-image: url("assets/slider-up-disabled.png"); } -.scale.scale-has-marks-above.slider.horizontal:backdrop { +scale scale-has-marks-above.slider.horizontal:backdrop { background-image: url("assets/slider-up-backdrop.png"); } -.scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive { +scale scale-has-marks-above.slider.horizontal:backdrop:disabled { background-image: url("assets/slider-up-backdrop-disabled.png"); } -.scale.scale-has-marks-above.slider.vertical { +scale scale-has-marks-above.slider.vertical { background-image: url("assets/slider-left.png"); } -.scale.scale-has-marks-above.slider.vertical:insensitive { +scale scale-has-marks-above.slider.vertical:disabled { background-image: url("assets/slider-left-disabled.png"); } -.scale.scale-has-marks-above.slider.vertical:backdrop { +scale scale-has-marks-above.slider.vertical:backdrop { background-image: url("assets/slider-left-backdrop.png"); } -.scale.scale-has-marks-above.slider.vertical:backdrop:insensitive { +scale scale-has-marks-above.slider.vertical:backdrop:disabled { background-image: url("assets/slider-left-backdrop-disabled.png"); } -.scale.scale-has-marks-below.slider.horizontal { +scale scale-has-marks-below.slider.horizontal { background-image: url("assets/slider-down.png"); } -.scale.scale-has-marks-below.slider.horizontal:insensitive { +scale scale-has-marks-below.slider.horizontal:disabled { background-image: url("assets/slider-down-disabled.png"); } -.scale.scale-has-marks-below.slider.horizontal:backdrop { +scale scale-has-marks-below.slider.horizontal:backdrop { background-image: url("assets/slider-down-backdrop.png"); } -.scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive { +scale scale-has-marks-below.slider.horizontal:backdrop:disabled { background-image: url("assets/slider-down-backdrop-disabled.png"); } -.scale.scale-has-marks-below.slider.vertical { +scale scale-has-marks-below.slider.vertical { background-image: url("assets/slider-right.png"); } -.scale.scale-has-marks-below.slider.vertical:insensitive { +scale scale-has-marks-below.slider.vertical:disabled { background-image: url("assets/slider-right-disabled.png"); } -.scale.scale-has-marks-below.slider.vertical:backdrop { +scale scale-has-marks-below.slider.vertical:backdrop { background-image: url("assets/slider-right-backdrop.png"); } -.scale.scale-has-marks-below.slider.vertical:backdrop:insensitive { +scale scale-has-marks-below.slider.vertical:backdrop:disabled { background-image: url("assets/slider-right-backdrop-disabled.png"); }*/ diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders-radiance.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders-radiance.css index 63c840e..6fb781f 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders-radiance.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders-radiance.css @@ -1,38 +1,37 @@ - .primary-toolbar .entry, -.menubar.toolbar .entry, -.header-bar .entry { +menubar toolbar entry, +headerbar entry { border-image: url("assets/radiance-entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar .entry:focus, -.menubar.toolbar .entry:focus, -.header-bar .entry:focus { +primary-toolbar entry:focus, +menubar toolbar entry:focus, +headerbar entry:focus { border-image: url("assets/radiance-entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar GtkComboBox.combobox-entry .button:focus:insensitive, -.menubar.toolbar GtkComboBox.combobox-entry .button, -.menubar.toolbar GtkComboBox.combobox-entry .button:focus:insensitive, -.header-bar GtkComboBox.combobox-entry .button, -.header-bar GtkComboBox.combobox-entry .button:focus:insensitive { +.primary-toolbar combobox entry button, +.primary-toolbar combobox entry button:focus:disabled, +menubar toolbar combobox entry button, +menubar toolbar combobox entry button:focus:disabled, +headerbar combobox entry button, +headerbar combobox entry button:focus:disabled { border-image: url("assets/radiance-combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .button:focus, -.menubar.toolbar GtkComboBox.combobox-entry .button:focus, -.header-bar GtkComboBox.combobox-entry .button:focus { +.primary-toolbar combobox entry button:focus, +menubar toolbar combobox entry button:focus, +headerbar combobox entry button:focus { border-image: url("assets/radiance-combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus, -.menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus, -.header-bar GtkComboBox.combobox-entry .button:focus:active:focus { +.primary-toolbar combobox entry button:focus:active:focus, +menubar toolbar combobox entry button:focus:active:focus, +headerbar combobox entry button:focus:active:focus { border-image: url("assets/radiance-combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.menubar.menuitem:hover, -.menubar .menuitem:hover { +menubar menuitem:hover, +.menubar.menuitem:hover { border-color: #b8ab9c; } diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders.css index b178dc9..03a833c 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-borders.css @@ -1,6 +1,6 @@ /* Borders */ -.menubar.menuitem:hover, -.menubar .menuitem:hover { +menubar menuitem:hover, +.menubar.menuitem:hover { border: 1px solid #2e2e2c; border-bottom-width: 0px; border-radius: 4px 4px 0 0; @@ -9,294 +9,304 @@ /********* * entry * *********/ -.entry { +spinbutton, +entry { border-radius: 8px; border-width: 1px; border-style: solid; border-color: transparent; } -.entry { +spinbutton, +entry { border-image: url("assets/entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.entry:backdrop { +spinbutton:backdrop, +entry:backdrop { border-image: url("assets/backdrop-entry.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.entry:focus { +spinbutton:focus, +entry:focus { border-image: url("assets/entry-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.entry:insensitive { +spinbutton:disabled, +entry:disabled { border-image: url("assets/entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.entry:insensitive:backdrop { +spinbutton:disabled:backdrop, +entry:disabled:backdrop { border-image: url("assets/backdrop-entry-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar .entry, -.menubar.toolbar .entry, -.header-bar .entry { +spinbutton entry, +spinbutton entry:focus, +spinbutton entry:disabled, +spinbutton entry:disabled:backdrop, +spinbutton entry:backdrop { + margin: 1px; + border-image: none; +} + +.primary-toolbar entry, +menubar toolbar entry, +headerbar entry { border-image: url("assets/entry-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar .entry:focus, -.menubar.toolbar .entry:focus, -.header-bar .entry:focus { +.primary-toolbar entry:focus, +menubar toolbar entry:focus, +headerbar entry:focus { border-image: url("assets/entry-toolbar-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar .entry.progressbar, -.primary-toolbar .entry.progressbar, -.menubar.toolbar .entry.progressbar, -.menubar.toolbar .entry.progressbar, -.header-bar .entry.progressbar, -.header-bar .entry.progressbar, -.entry.progressbar { +.primary-toolbar entry progress, +menubar toolbar entry progress, +headerbar entry progress { border-radius: 8px; border-width: 0; } /****************** - * combobox entry * + * comboboxentry * ******************/ -GtkComboBox.combobox-entry .entry:first-child, -GtkComboBox.combobox-entry .button:first-child { +combobox entry:first-child, +combobox entry button:first-child { border-image-width: 10px 1px 10px 12px; border-radius: 8px 0 0 8px; border-right-width: 0; } -GtkComboBox.combobox-entry .entry:last-child, -GtkComboBox.combobox-entry .button:last-child { +combobox entry:last-child, +combobox entry button:last-child { border-image-width: 10px 12px 10px 1px; border-radius: 0 8px 8px 0; border-left-width: 0; } -GtkComboBox.combobox-entry .button { +combobox entry button { border-image: url("assets/combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -GtkComboBox.combobox-entry .button:backdrop { +combobox entry button:backdrop { border-image: url("assets/backdrop-combobox-button.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -GtkComboBox.combobox-entry .button:focus { +combobox entry button:focus { border-image: url("assets/combobox-button-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -GtkComboBox.combobox-entry .button:insensitive { +combobox entry button:disabled { border-image: url("assets/combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -GtkComboBox.combobox-entry .button:insensitive:backdrop { +combobox entry button:disabled:backdrop { border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -GtkComboBox.combobox-entry .button:active:focus { +combobox entry button:active:focus { border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .button, -.primary-toolbar GtkComboBox.combobox-entry .button:focus:insensitive, -.menubar.toolbar GtkComboBox.combobox-entry .button, -.menubar.toolbar GtkComboBox.combobox-entry .button:focus:insensitive, -.header-bar GtkComboBox.combobox-entry .button, -.header-bar GtkComboBox.combobox-entry .button:focus:insensitive { - border-image: url("assets/combobox-button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch; +.primary-toolbar combobox entry button, +.primary-toolbar combobox entry button:focus:disabled, +menubar toolbar combobox entry button, +menubar toolbar combobox entry button:focus:disabled, +headerbar combobox entry button, +headerbar combobox entry button:focus:disabled { + border-image: url("assets/combobox-entry button-toolbar.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .button:focus, -.menubar.toolbar GtkComboBox.combobox-entry .button:focus, -.header-bar GtkComboBox.combobox-entry .button:focus { - border-image: url("assets/combobox-button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; +.primary-toolbar combobox entry button:focus, +menubar toolbar combobox entry button:focus, +headerbar combobox entry button:focus { + border-image: url("assets/combobox-entry button-toolbar-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus, -.menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus, -.header-bar GtkComboBox.combobox-entry .button:focus:active:focus { - border-image: url("assets/combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; +.primary-toolbar combobox entry button:focus:active:focus, +menubar toolbar combobox entry button:focus:active:focus, +headerbar combobox entry button:focus:active:focus { + border-image: url("assets/combobox-entry button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch; } -.primary-toolbar GtkComboBox.combobox-entry .entry:first-child, -.primary-toolbar GtkComboBox.combobox-entry .button:first-child, -.menubar.toolbar GtkComboBox.combobox-entry .entry:first-child, -.menubar.toolbar GtkComboBox.combobox-entry .button:first-child, -.header-bar GtkComboBox.combobox-entry .entry:first-child, -.header-bar GtkComboBox.combobox-entry .button:first-child { +.primary-toolbar combobox entry:first-child, +.primary-toolbar combobox entry button:first-child, +menubar toolbar combobox entry:first-child, +menubar toolbar combobox entry button:first-child, +headerbar combobox entry:first-child, +headerbar combobox entry button:first-child { border-image-width: 10px 0 10px 12px; border-radius: 8px 0 0 8px; border-right-width: 0; } -.primary-toolbar GtkComboBox.combobox-entry .entry:last-child, -.primary-toolbar GtkComboBox.combobox-entry .button:last-child, -.menubar.toolbar GtkComboBox.combobox-entry .entry:last-child, -.menubar.toolbar GtkComboBox.combobox-entry .button:last-child, -.header-bar GtkComboBox.combobox-entry .entry:last-child, -.header-bar GtkComboBox.combobox-entry .button:last-child { +.primary-toolbar combobox entry:last-child, +.primary-toolbar combobox entry button:last-child, +menubar toolbar combobox entry:last-child, +menubar toolbar combobox entry button:last-child, +headerbar combobox entry:last-child, +headerbar combobox entry button:last-child { border-image-width: 10px 12px 10px 1px; border-radius: 0 8px 8px 0; border-left-width: 0; } -.notebook tab.top:active { +notebook header.top tab:checked { border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch; } -.notebook tab.right:active { +notebook header.right tab:checked { border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch; } -.notebook tab.bottom:active { +notebook header.bottom tab:checked { border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch; } -.notebook tab.left:active { +notebook header.left tab:checked { border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch; } -/* unfocused window: generic element borders */ -.button:backdrop, -GtkComboBox.combobox-entry .entry:backdrop, -GtkComboBox.combobox-entry .button:backdrop, -.entry:backdrop, -GtkSwitch.trough:backdrop, -.trough:backdrop { -} - .trough, -.trough.highlight { +trough, +trough.highlight { border-radius: 4px; border-width: 1px; border-style: solid; border-color: transparent; } -.trough { +.trough, +trough { border-image: url("assets/progressbar-horizontal-trough.png") 6 7 6 7 / 6px 7px 6px 7px stretch; } -GtkSwitch.trough { +switch { border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -GtkSwitch.trough:active { +switch:checked { border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar GtkSwitch.trough, -.menubar.toolbar GtkSwitch.trough, -.header-bar GtkSwitch.trough { +.primary-toolbar switch, +menubar toolbar switch, +headerbar switch { border-image: url("assets/switch-trough-toolbar-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -.primary-toolbar GtkSwitch.trough:active, -.menubar.toolbar GtkSwitch.trough:active, -.header-bar GtkSwitch.trough:active { +.primary-toolbar switch:checked, +menubar toolbar switch:checked, +headerbar switch:checked { border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } /* XXX temporary */ -GtkSwitch.trough:backdrop, -GtkSwitch.trough:active:backdrop, -GtkSwitch.trough:insensitive, -GtkSwitch.trough:active:insensitive { +switch:backdrop, +switch:checked:backdrop, +switch:disabled, +switch:checked:disabled { border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch; } -GtkSwitch.slider { +switch slider { border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch; } -GtkSwitch.slider:active { +switch:checked slider { border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch; } /* XXX temporary */ -GtkSwitch.slider:backdrop, -GtkSwitch.slider:insensitive { +switch:backdrop slider, +switch:disabled slider { border-image: url("assets/switch-button-off-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch; } /* XXX temporary */ -GtkSwitch.slider:active:backdrop, -GtkSwitch.slider:active:insensitive { +switch:active:backdrop slider, +switch:active:disabled slider { border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch; } +/* +progressbar trough progress, .progressbar, -.progressbar row, -.progressbar row:hover, -.progressbar row:selected, -.progressbar row:selected:focused { +progressbar row, +progressbar row:hover, +progressbar row:selected, +progressbar row:selected:focus { border-image: url("assets/progressbar-horizontal-fill.png") 5 6 5 6 / 5px 6px 5px 6px stretch; } -.progressbar.vertical { +.progressbar.vertical.trough, +progressbar.vertical trough progress { border-image: url("assets/progressbar-vertical-fill.png") 6 5 6 5 / 6px 5px 6px 5px stretch; } -.progressbar:backdrop, -.progressbar row:backdrop, -.progressbar row:hover:backdrop, -.progressbar row:selected:backdrop, -.progressbar row:selected:focused:backdrop { +.progressbar.trough:backdrop, +progressbar:backdrop trough progress, +progressbar row:backdrop, +progressbar row:hover:backdrop, +progressbar row:selected:backdrop, +progressbar row:selected:focus:backdrop { border-image: url("assets/progressbar-horizontal-fill-backdrop.png") 5 6 5 6 / 5px 6px 5px 6px stretch; } -.progressbar.vertical:backdrop { +.progressbar.vertical:backdrop, +progressbar.vertical:backdrop trough progress { border-image: url("assets/progressbar-vertical-fill-backdrop.png") 6 5 6 5 / 6px 5px 6px 5px stretch; } +*/ -.scale.trough { +scale trough { border-image: url("assets/scale-horizontal-trough.png") 2 6 2 6 / 2px 6px 2px 6px stretch; } -.scale.trough:insensitive { +scale:disabled trough { border-image: url("assets/scale-horizontal-trough-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch; } -.scale.trough:backdrop { +scale:backdrop trough { border-image: url("assets/scale-horizontal-trough-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch; } -.scale.trough.vertical { +scale.vertical trough { border-image: url("assets/scale-vertical-trough.png") 6 2 6 2 / 6px 2px 6px 2px stretch; } -.scale.trough.vertical:insensitive { +scale.vertical:disabled trough { border-image: url("assets/scale-vertical-trough-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; } -.scale.trough.highlight.left { +scale trough.highlight.left { border-image: url("assets/scale-horizontal-fill.png") 2 6 2 6 / 2px 6px 2px 6px stretch; } -.scale.trough.vertical:backdrop { +scale.vertical:backdrop trough { border-image: url("assets/scale-vertical-trough-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch; } -.scale.trough.highlight.left:insensitive { +scale:backdrop trough.highlight.left { border-image: url("assets/scale-horizontal-fill-disabled.png") 2 6 2 6 / 2px 6px 2px 6px stretch; } -.scale.trough.highlight.left:backdrop { +scale:backdrop trough.highlight.left { border-image: url("assets/scale-horizontal-fill-backdrop.png") 2 6 2 6 / 2px 6px 2px 6px stretch; } -.scale.trough.highlight.bottom.vertical { - border-image: url("assets/scale-vertical-fill.png") 6 2 6 2 / 6px 2px 6px 2px stretch; +scale.vertical trough.highlight.bottom { + border-image: url("assets/scale.vertical-vertical-fill.png") 6 2 6 2 / 6px 2px 6px 2px stretch; } -.scale.trough.highlight.bottom.vertical:insensitive { - border-image: url("assets/scale-vertical-fill-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; +scale.vertical:disabled trough.highlight.bottom { + border-image: url("assets/scale.vertical-vertical-fill-disabled.png") 6 2 6 2 / 6px 2px 6px 2px stretch; } -.scale.trough.highlight.bottom.vertical:backdrop { +scale.vertical:backdrop trough.highlight.bottom { border-image: url("assets/scale-vertical-fill-backdrop.png") 6 2 6 2 / 6px 2px 6px 2px stretch; } diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-radiance.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-radiance.css index bf92be4..bea4527 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-radiance.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets-radiance.css @@ -1,113 +1,78 @@ /* Set up shadows and hilights for button visual separation */ -.primary-toolbar .linked .button, -.primary-toolbar .button.raised.linked, -.primary-toolbar .raised.linked .button, -.menubar.toolbar .linked .button, -.menubar.toolbar .button.raised.linked, -.menubar.toolbar .raised.linked .button, -.header-bar .linked .button, -.header-bar .button.raised.linked, -.header-bar .button.raised.linked .button { +.primary-toolbar .linked button, +headerbar .linked button { box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1), inset -1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:first-child, -.primary-toolbar .button.raised.linked:first-child, -.primary-toolbar .raised.linked .button:first-child, -.menubar.toolbar .linked .button:first-child, -.menubar.toolbar .button.raised.linked:first-child, -.menubar.toolbar .raised.linked .button:first-child, -.header-bar .linked .button:first-child, -.header-bar .button.raised.linked:first-child, -.header-bar .raised.linked .button:first-child { +.primary-toolbar .linked button:first-child, +headerbar .linked button:first-child { box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:last-child, -.primary-toolbar .button.raised.linked:last-child, -.primary-toolbar .raised.linked .button:last-child, -.menubar.toolbar .linked .button:last-child, -.menubar.toolbar .button.raised.linked:last-child, -.menubar.toolbar .raised.linked .button:last-child, -.header-bar .linked .button:last-child, -.header-bar .button.raised.linked:last-child, -.header-bar .raised.linked .button:last-child { - box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1) -} - -.primary-toolbar .linked .button:active, -.primary-toolbar .button.raised.linked:active, -.primary-toolbar .raised.linked .button:active, -.menubar.toolbar .linked .button:active, -.menubar.toolbar .button.raised.linked:active, -.menubar.toolbar .raised.linked .button:active, -.header-bar .linked .button:active, -.header-bar .button.raised.linked:active, -.header-bar .raised.linked .button:active { +.primary-toolbar .linked button:active, +headerbar .linked button:active, +.primary-toolbar .linked button:disabled, +headerbar .linked button:disabled { box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:insensitive, -.primary-toolbar .button.raised.linked:insensitive, -.primary-toolbar .raised.linked .button:insensitive, -.menubar.toolbar .linked .button:insensitive, -.menubar.toolbar .button.raised.linked:insensitive, -.menubar.toolbar .raised.linked .button:insensitive, -.header-bar .linked .button:insensitive, -.header-bar .button.raised.linked:insensitive, -.header-bar .raised.linked .button:insensitive { +.primary-toolbar .linked button:active, +headerbar .linked button:active, +.primary-toolbar .linked button:disabled, +headerbar .linked button:disabled { box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:backdrop:last-child, -.primary-toolbar .button.raised.linked:backdrop:last-child, -.primary-toolbar .raised.linked .button:backdrop:last-child, -.menubar.toolbar .linked .button:backdrop:last-child, -.menubar.toolbar .button.raised.linked:backdrop:last-child, -.menubar.toolbar .raised.linked .button:backdrop:last-child, -.header-bar .linked .button:backdrop:last-child, -.header-bar .button.raised.linked:backdrop:last-child, -.header-bar .raised.linked .button:backdrop:last-child { +.primary-toolbar .linked button:last-child, +headerbar .linked button:last-child { box-shadow: inset 1px 0 shade (@dark_bg_color, 1.1); } -.menubar { +menubar { color: @dark_fg_color; text-shadow: 0 1px shade (@dark_bg_color, 1.1); } +menubar menuitem:hover, .menubar.menuitem:hover, .menubar .menuitem:hover { color: @dark_fg_color; text-shadow: 0 1px shade (@dark_bg_color, 1.1); } -.menuitem:hover, -.menu .menuitem:hover { +popover modelbutton:hover, +popover menuitem:checked:hover, +menuitem:hover, +menu menuitem:hover { color: @selected_fg_color; text-shadow: 0 -1px shade (@selected_bg_color, 0.7); } -.menuitem:insensitive, -.menuitem *:insensitive { +toolbar headerbar menu menuitem:disabled, +toolbar headerbar menu menuitem *:disabled, +toolbutton menu menuitem:disabled, +toolbutton menu menuitem *:disabled, +.primary-toolbar button menu menuitem:disabled, +.primary-toolbar button menu menuitem *:disabled, +headerbar button menu menuitem:disabled, +headerbar button menu menuitem *:disabled, +menuitem:disabled, +menuitem *:disabled { color: mix (@fg_color, @bg_color, 0.5); text-shadow: 0 1px shade (@bg_color, 1.14); } /* for the playback menu item in the sound menu */ -.menu .spinner, -.menu .spinner:hover { +menu spinner, +menu spinner:hover { color: @selected_bg_color; } /* primary-toolbar */ .primary-toolbar, -.primary-toolbar .toolbar, -.primary-toolbar.toolbar, -.menubar.toolbar, -.header-bar, -.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) { +headerbar, +.maximized headerbar.titlebar:not(:backdrop) { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 0.96)), to (shade (@dark_bg_color, 1.1))); @@ -117,40 +82,29 @@ text-shadow: 0 1px shade (@dark_bg_color, 1.1); } -.primary-toolbar :insensitive, -.menubar.toolbar :insensitive, -.header-bar :insensitive { +.primary-toolbar:disabled, +headerbar:disabled { text-shadow: 0 1px shade (@dark_bg_color, 1.1); } -.primary-toolbar GtkComboBox, -.primary-toolbar .button *, -.primary-toolbar .button, -.menubar.toolbar GtkComboBox, -.menubar.toolbar .button *, -.menubar.toolbar .button, -.header-bar GtkComboBox, -.header-bar .button *, -.header-bar .button { +.primary-toolbar button, +headerbar button *, +headerbar button:disabled * { text-shadow: 0 1px alpha (shade (@dark_bg_color, 1.25), 0.32); } -.primary-toolbar .raised .button, -.primary-toolbar .raised.button, -.primary-toolbar .button:hover, -.primary-toolbar .button:active, -.primary-toolbar .button:insensitive, -.menubar.toolbar .raised .button, -.menubar.toolbar .raised.button, -.menubar.toolbar .button:hover, -.menubar.toolbar .button:active, -.menubar.toolbar .button:insensitive, -.header-bar .raised .button, -.header-bar .raised.button, -.header-bar .button:hover, -.header-bar .button:active, -.header-bar .button:insensitive { +.primary-toolbar button:hover, +.primary-toolbar button:active, +.primary-toolbar button:disabled, +headerbar button:hover, +headerbar button:backdrop:hover, +headerbar button:active, +headerbar button:disabled { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 1.03)), to (shade (@dark_bg_color, 0.96))); } + +.titlebar { + border-top-width: 0px; +} diff --git a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css index a3bc064..aabb6b6 100644 --- a/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css +++ b/src/usr/share/themes/Lubuntu-default/gtk-3.0/gtk-widgets.css @@ -1,48 +1,7 @@ * { - -GtkArrow-arrow-scaling: 0.6; - -GtkButton-child-displacement-x: 1; - -GtkButton-child-displacement-y: 1; - -GtkButton-default-border: 0; - -GtkButton-image-spacing: 0; - -GtkButton-interior-focus: true; - -GtkButton-inner-border: 3; - -GtkCheckButton-indicator-size: 18; - -GtkCheckMenuItem-indicator-size: 16; - -GtkEntry-inner-border: 2; - -GtkEntry-progress-border: 0; - -GtkExpander-expander-size: 8; -GtkHTML-link-color: #f07746; /* @link_color */ -GtkIMHtml-hyperlink-color: #f07746; /* @link_color */ - -GtkMenu-horizontal-padding: 0; - -GtkMenu-vertical-padding: 5px; - -GtkMenuBar-internal-padding: 0; - -GtkMenuItem-arrow-scaling: 0.6; - -GtkNotebook-tab-overlap: 1; - -GtkPaned-handle-size: 6; - -GtkProgressBar-min-horizontal-bar-height: 14; - -GtkProgressBar-min-vertical-bar-width: 14; - -GtkRange-trough-border: 0; - -GtkRange-slider-width: 14; - -GtkRange-stepper-size: 13; - -GtkRange-trough-under-steppers: 1; - -GtkRange-stepper-spacing: 0; - -GtkScale-trough-border: 0; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkScrolledWindow-scrollbars-within-bevel: 1; - -GtkSeparatorMenuItem-horizontal-padding: 0; - -GtkStatusbar-shadow-type: none; - -GtkTextView-error-underline-color: #df382c; /* @error_color */ - -GtkToolButton-icon-spacing: 6; - -GtkToolItemGroup-expander-size: 11; - -GtkToolbar-internal-padding: 0; - -GtkTreeView-expander-size: 8; - -GtkTreeView-vertical-separator: 0; - -GtkWidget-separator-width: 2; - -GtkWidget-separator-height: 2; - -GtkWidget-link-color: #f07746; /* @link_color */ - -GtkWidget-visited-link-color: #f07746; /* @link_color */ - -GtkWindow-resize-grip-width: 0; - -GtkWindow-resize-grip-height: 0; + -GtkTextView-error-underline-color: #df382c; /* @error_color doesn't work due to a gtk bug */ -WnckTasklist-fade-overlay-rect: 0; background-origin: border-box; @@ -56,34 +15,31 @@ .background:backdrop { color: @backdrop_fg_color; + box-shadow: inset -1px 0 shade (@bg_color, 0.94); } -/************* - * assistant * - *************/ -GtkAssistant .sidebar .highlight { - color: @fg_color; - font: bold; +assistant .sidebar .highlight { + color: @fg_color; + font: bold; } -GtkAssistant .sidebar { - background-color: shade (@bg_color, 0.97); - border-right-color: shade (@bg_color, 0.8); - border-radius: 0; - border-style: solid; - border-width: 0 1px 0 0; - padding: 12px; +assistant .sidebar { + background-color: shade (@bg_color, 0.97); + border-right-color: shade (@bg_color, 0.8); + border-radius: 0; + border-style: solid; + border-width: 0 1px 0 0; + padding: 12px; - color: mix (@fg_color, @bg_color, 0.40); - text-shadow: 0 1px shade (@bg_color, 1.04); - - box-shadow: inset -1px 0 shade (@bg_color, 0.94); + color: mix (@fg_color, @bg_color, 0.40); + text-shadow: 0 1px shade (@bg_color, 1.04); + box-shadow: inset -1px 0 shade (@bg_color, 0.94); } /********** * button * **********/ -.button { +button { padding: 5px 6px; background-image: -gtk-gradient (linear, left top, left bottom, @@ -104,12 +60,13 @@ GtkAssistant .sidebar { border-image-repeat: stretch; } -.button.flat { +button.flat { background-image: none; border-image-source: none; + border-color: transparent; } -.button:backdrop { +button:backdrop { background-image: none; background-color: @bg_color; border-image-source: url("assets/backdrop-button.png"); @@ -118,15 +75,15 @@ GtkAssistant .sidebar { text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); } -.button.flat:backdrop { +button.flat:backdrop { border-image-source: none; } -.button:focus { +button:focus { border-image-source: url("assets/button-focused.png"); } -.button:hover { +button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@button_bg_color, 1.12)), color-stop (0.5, @button_bg_color), @@ -134,16 +91,17 @@ GtkAssistant .sidebar { border-image-source: url("assets/button-hover.png"); } -.button:hover:backdrop { +button:hover:backdrop { background-color: shade (@bg_color, 1.04); border-image-source: url("assets/backdrop-button-hover.png"); } -.button:hover:focus { +button:hover:focus { border-image-source: url("assets/button-focused-hover.png"); } -.button:insensitive { + +button:disabled { background-image: none; background-color: mix (#ebebeb, @bg_color, 0.5); @@ -151,154 +109,220 @@ GtkAssistant .sidebar { border-image-source: url("assets/button-disabled.png"); } -.button:insensitive:backdrop { +button:disabled:backdrop { background-color: #ebebeb; text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2); border-image-source: url("assets/backdrop-button-disabled.png"); } -.button.flat:insensitive, -.button.flat:insensitive:backdrop { +button.flat:disabled, +button.flat:disabled:backdrop { background-color: transparent; border-image-source: none; } -.button:checked { +button:checked { background-image: -gtk-gradient (linear, left top, left bottom, from (#cecece), to (#e8e8e8)); border-image-source: url("assets/button-active.png"); } -.button:checked:focus { +button:checked:focus { border-image-source: url("assets/button-active-focused.png"); } -.button:active { +button:active { background-image: -gtk-gradient (linear, left top, left bottom, from (#dcdcdc), to (#f3f3f3)); border-image-source: url("assets/button-active-hover.png"); } -.button:active:focus { +button:active:focus { border-image-source: url("assets/button-active-focused-hover.png"); } -.button:active:insensitive { +button:checked:disabled, +button:active:disabled { background-image: -gtk-gradient (linear, left top, left bottom, from (#e3e3e3), to (#f3f3f3)); border-image-source: url("assets/button-active-disabled.png"); } -.button:checked:backdrop { +button:checked:backdrop { border-image-source: url("assets/backdrop-button-active.png"); } -.button:active:backdrop { +button:active:backdrop { border-image-source: url("assets/backdrop-button-active-hover.png"); } -.button:checked:insensitive:backdrop { +button:checked:disabled:backdrop { background-image: -gtk-gradient (linear, left top, left bottom, from (mix (#e3e3e3, @bg_color, 0.5)), to (mix (#f3f3f3, @bg_color, 0.5))); border-image-source: url("assets/backdrop-button-active-disabled.png"); } -.button.default { +/* +button.default { border-image-source: url("assets/button-default.png"); } -.button.default:hover { +button.default:hover { border-image-source: url("assets/button-default-hover.png"); } -.button.default:focus { +button.default:focus { border-image-source: url("assets/button-default-focused.png"); } -.button.default:focus:hover { +button.default:focus:hover { border-image-source: url("assets/button-default-focused-hover.png"); } +*/ + +button.destructive-action { + background-image: linear-gradient(to bottom, #e03d3d, #ef2929); + border-color: #8e0b0b; + border-image: none; + color: white; + -gtk-icon-shadow: 0 1px shade(#9d4242, 1.15); + outline-color: rgba(255, 255, 255, 0.3); + text-shadow: 0 1px shade(#9d4242, 1.15); +} /****************** * Linked Widgets * *****************/ -.linked > .entry, -.linked > .button, -.linked > GtkComboBox > .button { +.linked entry, +.linked button, +.linked combobox box.linked button, +combobox entry + box.linked button { border-radius: 0; border-image-width: 10px 0 10px 0; border-width: 1px 0 1px 0; box-shadow: inset -1px 0 shade (@bg_color, 0.84); } -.linked > .entry:first-child, -.linked > .button:first-child, -.linked > GtkComboBox:first-child > .button { +.linked entry:first-child, +.linked button:first-child, +.linked combobox:first-child box.linked button, +combobox:first-child entry + box.linked button { border-image-width: 10px 0 10px 12px; border-radius: 8px 0 0 8px; } -.linked > .entry:last-child, -.linked > .button:last-child, -.linked > GtkComboBox:last-child > .button { +.linked entry:last-child, +.linked button:last-child, +.linked combobox:last-child box.linked button, +combobox:last-child entry + box.linked button { border-image-width: 10px 12px 10px 0; border-radius: 0 8px 8px 0; box-shadow: none; } -.linked > .entry:only-child, -.linked > .button:only-child, -.linked > GtkComboBox:only-child > .button { +.linked entry:only-child, +.linked button:only-child, +.linked combobox:only-child box.linked button, +combobox:only-child entry + box.linked button { border-image-width: 10px 12px 10px 12px; border-radius: 8px; } -.primary-toolbar .linked .button, -.header-bar .linked .button { +.primary-toolbar .linked button, +headerbar .linked button { box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4), inset -1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:first-child, -.header-bar .linked .button:first-child { +.primary-toolbar .linked button:first-child, +headerbar .linked button:first-child { box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:last-child, -.header-bar .linked .button:last-child { +.primary-toolbar .linked button:last-child, +headerbar .linked button:last-child { box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4) } -.primary-toolbar .linked .button:active, -.header-bar .linked .button:active, -.primary-toolbar .linked .button:insensitive, -.header-bar .linked .button:insensitive { +.primary-toolbar .linked button:active, +headerbar .linked button:active, +.primary-toolbar .linked button:disabled, +headerbar .linked button:disabled { box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9); } -.primary-toolbar .linked .button:only-child, -.header-bar .linked .button:only-child { +.primary-toolbar .linked button:only-child, +headerbar .linked button:only-child { box-shadow: none; } -/* Make linked dialog buttons look like they are not linked */ -.message-dialog .linked.dialog-action-area .button { - border-image-width: 12px; - box-shadow: none; - border-radius: 7px; +*:link, +*:visited { + color: @link_color; +} + +button separator { + color: shade(@bg_color, 1.30); +} + +/* actionbar */ +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid @borders; +} + +actionbar > revealer > box:backdrop { + border-color: shade(@borders, 0.8); +} + +/************** + * ComboBoxes * + **************/ + +combobox { + padding: 0; + text-shadow: 0 1px @button_text_shadow; +} + +combobox:disabled { + text-shadow: none; + color: @insensitive_fg_color; +} + +arrow { + min-height: 16px; + min-width: 16px; + color: black; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +combobox arrow:disabled, +combobox arrow:backdrop { + color: @insensitive_fg_color; +} + +/* calendar */ +calendar { + background-color: white; + border: 1px solid @borders; } /**************** * cell and row * ****************/ -.cell { - -GtkCheckButton-indicator-size: 16; +.cell checkbutton check { + margin: 3px; +} +.cell { background-color: @base_color; border-radius: 0; border-width: 0; @@ -311,8 +335,6 @@ row:selected { border-top-color: shade (@selected_bg_color, 0.88); border-style: solid; border-width: 1px 0 0 0; - - color: @selected_fg_color; } row:selected:backdrop { @@ -320,7 +342,6 @@ row:selected:backdrop { from (shade (@backdrop_selected_bg_color, 1.06)), to (shade (@backdrop_selected_bg_color, 0.94))); border-top-color: shade (@backdrop_selected_bg_color, 0.9); - color: @backdrop_selected_fg_color; } @@ -328,38 +349,50 @@ row:selected:backdrop { * check and radio * *******************/ +check, radio { + min-height: 14px; + min-width: 14px; + margin: 0 4px; +} + /* Draw a focus ring around the contained label ... */ -GtkCheckButton.text-button GtkLabel { +checkbutton.text-button label { border: 1px solid transparent; border-radius: 5px; } -GtkCheckButton.text-button:focus GtkLabel { +checkbutton.text-button:focus label { border-color: @focus_color; background-color: @focus_bg_color; } +checkbutton check, radiobutton radio { + margin-left: 4px; + margin-right: 4px; +} + /* ... unless it's a proper button, which already has a focus-colored border */ -.button.text-button:focus GtkLabel { +button.text-button:focus label { border: none; background: none; } -.menu .radio * { +menu radio * { box-shadow: none; } -/***************** - * column-header * - *****************/ -column-header .button, -column-header .button:active { +/******************* + * treeview header * + *******************/ + +treeview.view header button, +treeview.view header button:active { border-radius: 0; border-width: 0 1px 1px 0; border-image: none; } -column-header .button { +treeview.view header button { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.06)), to (shade (@bg_color, 1.04))); @@ -372,7 +405,7 @@ column-header .button { text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.4); } -column-header .button:backdrop { +treeview.view header button:backdrop { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.04)), to (shade (@bg_color, 1.02))); @@ -383,7 +416,7 @@ column-header .button:backdrop { inset 0 -1px shade (@bg_color, 1.03); } -column-header .button:hover { +treeview.view header button:hover { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.13)), to (shade (@bg_color, 1.08))); @@ -392,7 +425,7 @@ column-header .button:hover { to (shade (@bg_color, 0.9))) 1; } -column-header .button:hover:backdrop { +treeview.view header button:hover:backdrop { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 1.1)), to (shade (@bg_color, 1.06))); @@ -401,8 +434,7 @@ column-header .button:hover:backdrop { to (shade (@bg_color, 0.9))) 1; } - -column-header:nth-child(last) .button { +treeview.view header button:last-child { border-width: 0 0 1px 0; } @@ -413,10 +445,12 @@ column-header:nth-child(last) .button { background-color: shade (@bg_color, 1.01); } -.content-view.view:prelight { +.content-view.view:hover { background-color: shade (@bg_color, 1.03); } +.view.cell:selected, +.view.cell:active, .view:selected, .view:active, .content-view.view:selected, @@ -424,7 +458,7 @@ column-header:nth-child(last) .button { background-color: @selected_bg_color; } -.content-view.view:insensitive { +.content-view.view:disabled { background-color: @bg_color; } @@ -436,14 +470,25 @@ column-header:nth-child(last) .button { background-color: @backdrop_selected_bg_color; } -GdMainIconView.content-view { - -GdMainIconView-icon-size: 40; +:not(iconview).view.cell:disabled, +.content-view.view:disabled { + background-color: @bg_color; +} + +:not(iconview).view.cell:backdrop, +.content-view.view:backdrop { + background-color: @bg_color; +} + +:not(iconview).view.cell:selected:backdrop, +.content-view.view:selected:backdrop { + background-color: @backdrop_selected_bg_color; } /********* * entry * *********/ -.entry { +entry { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@base_color, 0.96)), to (@base_color)); @@ -452,42 +497,43 @@ GdMainIconView.content-view { color: @text_color; } -.entry.flat, .entry.flat:focus { +entry.flat, entry.flat:focus { padding: 2px; } -.entry:backdrop { +entry:backdrop { background-image: -gtk-gradient (linear, left top, left bottom, from (mix (shade (@base_color, 0.96), @bg_color, 0.5)), to (mix (@base_color, @bg_color, 0.5))); color: @backdrop_text_color; } -.entry:selected, -.entry:selected:focused { +entry:selected, +entry:selected:focus { background-color: @selected_bg_color; - color: @selected_fg_color; } -.entry:insensitive { +entry:disabled { background-color: #f5f5f5; background-image: none; color: mix (@text_color, @base_color, 0.4); } -.entry:insensitive:backdrop { +entry.read-only { + background-color: #f5f5f5; + background-image: none; +} + +entry:disabled:backdrop { background-color: mix (#f5f5f5, @bg_color, 0.5); color: mix (@text_color, @base_color, 0.4); } -.primary-toolbar .entry.progressbar, -.primary-toolbar .entry.progressbar, -.header-bar .entry.progressbar, -.header-bar .entry.progressbar, -.entry.progressbar { +.primary-toolbar entry progress, +headerbar entry progress { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 0.8)), color-stop (0.1, shade (@selected_bg_color, 0.9)), @@ -509,10 +555,32 @@ GdMainIconView.content-view { /************ * expander * ************/ -.expander { + +expander { color: @fg_color; } +expander arrow { + min-width: 16px; + min-height: 16px; + margin-right: 5px; + -gtk-icon-style: regular; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + margin-left: 5px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: shade(@fg_color, 0.5); +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + /********* * frame * *********/ @@ -525,15 +593,40 @@ GdMainIconView.content-view { background: none; } -.frame.flat { +notebook.frame { border: none; } +/* XXX: this is a copy of the above; adding notebook.frame stack there didn't + * work */ +frame border, notebook.frame > stack { + border-radius: 3px; + border-width: 1px; + border-style: solid; + border-color: shade (@bg_color, 0.82); + border-image: none; + background: none; +} + +.frame.flat, frame border.flat { + border: none; +} + +scrolledwindow > viewport.frame, +frame > box > stack > scrolledwindow { + border-style: none; +} + +frame > box.vertical > scrolledwindow.frame { + border-width: 1px 0px 1px 0px; +} + + /**************** * window-frame * ****************/ -.window-frame.csd.popup { +.csd.popup { border-style: none; border-radius: 0; box-shadow: 0 3px 8px @shadow_color; @@ -542,13 +635,14 @@ GdMainIconView.content-view { /************ * iconview * ************/ + .view { background-color: @base_color; color: @text_color; } -GtkIconView.view.cell:selected, -GtkIconView.view.cell:selected:focused { +iconview.view.cell:selected, +iconview.view.cell:selected:focus { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 1.0)), to (shade (@selected_bg_color, 0.9))); @@ -558,15 +652,14 @@ GtkIconView.view.cell:selected:focused { border-color: shade (@selected_bg_color, 0.8); border-bottom-color: shade (@selected_bg_color, 0.7); - color: @selected_fg_color; - - box-shadow: inset 1px 0 shade (@selected_bg_color, 1.05), - inset -1px 0 shade (@selected_bg_color, 1.05), + box-shadow: inset 1px 0 shade (@selected_bg_color, 1), + inset -1px 0 shade (@selected_bg_color, 1), inset 0 1px shade (@selected_bg_color, 1.08), inset 0 -1px shade (@selected_bg_color, 1.0); } -.rubberband { +.rubberband, +rubberband { background-color: alpha (@selected_bg_color, 0.35); border-color: @selected_bg_color; border-radius: 0; @@ -574,7 +667,7 @@ GtkIconView.view.cell:selected:focused { border-width: 1px; } -GtkIconView.cell { +iconview.cell { background-color: transparent; } @@ -656,12 +749,10 @@ GtkIconView.cell { /******** * menu * ********/ -GtkTreeMenu.menu, -.toolbar .header-bar .menu, -GtkMenuToolButton.menu, -.primary-toolbar .button .menu, -.header-bar .button .menu, -.menu { +toolbar headerbar menu, +.primary-toolbar button menu, +headerbar button menu, +menu { background-image: none; background-color: shade (@dark_bg_color, 1.08); border-bottom-color: shade (@dark_bg_color, 0.96); @@ -682,12 +773,15 @@ GtkMenuToolButton.menu, margin: 1px; } -.toolbar .menu, -GtkComboBox .menu { +menu arrow { + color: @dark_fg_color; +} + +toolbar menu, +combobox menu { background-image: none; background-color: @bg_color; border-bottom-color: shade (@bg_color, 0.66); - border-left-color: shade (@bg_color, 0.7); border-right-color: shade (@bg_color, 0.7); border-top-color: shade (@bg_color, 0.8); border-style: solid; @@ -700,15 +794,15 @@ GtkComboBox .menu { inset 0 1px shade (@bg_color, 1.18); } -.menu:selected { +menu:selected { background-color: @selected_bg_color; } -.menu.button:hover, -.menu.button:checked, -.menu.button:checked:insensitive, -.menu.button:insensitive, -.menu.button +menu button:hover, +menu button:checked, +menu button:checked:disabled, +menu button:disabled, +menu button { background-color: shade (@dark_bg_color, 1.08); background-image: none; @@ -724,6 +818,7 @@ GtkComboBox .menu { /*********** * menubar * ***********/ +menubar, .menubar { -GtkWidget-window-dragging: true; @@ -733,16 +828,16 @@ GtkComboBox .menu { color: @dark_fg_color; text-shadow: 0 -1px shade (@dark_bg_color, 0.6); + min-height: 24px; } +menubar:backdrop, .menubar:backdrop { color: @backdrop_dark_fg_color; text-shadow: 0 -1px shade (@dark_bg_color, 0.8); } -/*************** - * menubaritem * - ***************/ +menubar menuitem:hover, .menubar.menuitem:hover, .menubar .menuitem:hover { background-color: transparent; @@ -760,8 +855,8 @@ GtkComboBox .menu { /************ * menuitem * ************/ -.menuitem { - -GtkMenuItem-horizontal-padding: 0; +menuitem { + padding: 0px; background: transparent; border-radius: 0; padding: 3px 5px 3px 5px; @@ -770,17 +865,19 @@ GtkComboBox .menu { } /* Workaround for lp:949368 */ -GtkComboBox .menuitem * { +combobox menuitem * { color: @fg_color; } -GtkComboBox .menuitem *:hover { +combobox menuitem *:hover { color: @selected_fg_color; } -.popover .menuitem:checked:hover, -.menuitem:hover, -.menu .menuitem:hover { + +popover modelbutton:hover, +popover menuitem:checked:hover, +menuitem:hover, +menu menuitem:hover { border-radius: 0; background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 1.1)), @@ -798,64 +895,62 @@ GtkComboBox .menuitem *:hover { text-shadow: 0 -1px shade (@selected_bg_color, 0.7); } -.menuitem.check:checked, -.menuitem.radio:checked { +menuitem check:checked, +menuitem radio:checked { color: @fg_color; } -.menu .menuitem.check:hover, -.menu .menuitem.radio:hover { +menu menuitem check:hover, +menu menuitem radio:hover { box-shadow: none; } -GtkTreeMenu.menu .menuitem:insensitive, -GtkTreeMenu.menu .menuitem *:insensitive, -.toolbar .header-bar .menu .menuitem:insensitive, -.toolbar .header-bar .menu .menuitem *:insensitive, -GtkMenuToolButton.menu .menuitem:insensitive, -GtkMenuToolButton.menu .menuitem *:insensitive, -.primary-toolbar .button .menu .menuitem:insensitive, -.primary-toolbar .button .menu .menuitem *:insensitive, -.header-bar .button .menu .menuitem:insensitive, -.header-bar .button .menu .menuitem *:insensitive, -.menuitem:insensitive, -.menuitem *:insensitive { +toolbar headerbar menu menuitem:disabled, +toolbar headerbar menu menuitem *:disabled, +toolbutton menu menuitem:disabled, +toolbutton menu menuitem *:disabled, +.primary-toolbar button menu menuitem:disabled, +.primary-toolbar button menu menuitem *:disabled, +headerbar button menu menuitem:disabled, +headerbar button menu menuitem *:disabled, +menuitem:disabled, +menuitem *:disabled { color: mix (@dark_fg_color, @dark_bg_color, 0.5); text-shadow: 0 -1px shade (@dark_bg_color, 0.6); } -.toolbar .menu .menuitem:insensitive, -.toolbar .menu .menuitem *:insensitive, -GtkComboBox .menu .menuitem:insensitive, -GtkComboBox .menu .menuitem *:insensitive { +toolbar menu menuitem:disabled, +toolbar menu menuitem *:disabled, +combobox menu menuitem:disabled, +combobox menu menuitem *:disabled { color: mix (@fg_color, @bg_color, 0.5); text-shadow: 0 1px shade (@bg_color, 1.14); } -.menuitem GtkCalendar, -.menuitem GtkCalendar.button, -.menuitem GtkCalendar.header, -.menuitem GtkCalendar.view { +menuitem calendar, +menuitem calendar .button, +menuitem calendar .header, +menuitem calendar .view { background-color: @dark_bg_color; background-image: none; border-radius: 0; border-style: solid; border-width: 0; - padding: 0; + padding: 1px; color: @dark_fg_color; } -.menuitem GtkCalendar { +menuitem calendar { background-color: shade (@dark_bg_color, 1.3); background-image: none; } -.menuitem GtkCalendar:inconsistent { +menuitem calendar:indeterminate { color: shade (@bg_color, 0.6); } -.menuitem .entry { +menuitem entry { background-color: shade (@dark_bg_color, 1.3); background-image: none; @@ -867,11 +962,11 @@ GtkComboBox .menu .menuitem *:insensitive { border-image-width: 1px; } -.primary-toolbar GtkScale.trough, -.primary-toolbar GtkScale.trough:backdrop, -.header-bar GtkScale.trough, -.header-bar GtkScale.trough:backdrop, -.menuitem GtkScale.trough { +.primary-toolbar scale trough, +.primary-toolbar scale trough:backdrop, +headerbar scale trough, +headerbar scale trough:backdrop, +menuitem scale trough { background-color: @dark_bg_color; background-image: none; border-image: -gtk-gradient (linear, left top, left bottom, @@ -880,172 +975,257 @@ GtkComboBox .menu .menuitem *:insensitive { border-image-width: 1px; } -.menuitem .accelerator { +menuitem accelerator { color: alpha (@dark_fg_color, 0.5); } -.menuitem .accelerator:hover { +menuitem accelerator:hover { color: alpha (@selected_fg_color, 0.8); } -.menuitem .accelerator:insensitive { +menuitem accelerator:disabled { color: alpha (mix (@dark_fg_color, @dark_bg_color, 0.5), 0.5); text-shadow: 0 -1px shade (@dark_bg_color, 0.7); } -.menuitem > GtkBox > GtkImage + GtkLabel { +menuitem > box > image + label { padding-left: 6px; } /************ * notebook * ************/ -.notebook tab.top { padding: 4px 6px 2px 6px; } -.notebook tab.top:active { padding-bottom: 3px; } -.notebook tab.bottom { padding: 2px 6px 4px 6px; } -.notebook tab.bottom:active { padding-top: 3px; } -.notebook tab.left { padding: 2px 4px 2px 6px; } -.notebook tab.left:active { padding-right: 5px; } -.notebook tab.right { padding: 2px 6px 2px 4px; } -.notebook tab.right:active { padding-left: 5px; } - -/* give active tab a background, as it might be dragged across of others when reordering */ -.notebook tab:active { - background-color: @bg_color; -} - -.notebook.header { +notebook header.top tab { padding: 4px 6px 2px 6px; } +notebook header.top tab:checked { padding-bottom: 3px; } +notebook header.bottom tab { padding: 2px 6px 4px 6px; } +notebook header.bottom tab:checked { padding-top: 3px; } +notebook header.left tab { padding: 2px 4px 2px 6px; } +notebook header.left tab:checked { padding-right: 5px; } +notebook header.right tab { padding: 2px 6px 2px 4px; } +notebook header.right tab:checked { padding-left: 5px; } + +notebook header { border-width: 0; /* set below depending on position of tab bar */ border-color: shade (@bg_color, 0.82); border-style: solid; } /* Draw a border between tabs and content ... */ -.notebook.header.top { border-bottom-width: 1px; } -.notebook.header.right { border-left-width: 1px; } -.notebook.header.left { border-right-width: 1px; } -.notebook.header.bottom { border-top-width: 1px; } - -/* ... unless the content is in a frame (thus having a border itself */ -.notebook.header.frame.top { border: none; } -.notebook.header.frame.right { border: none; } -.notebook.header.frame.right { border: none; } -.notebook.header.frame.bottom { border: none; } - -.notebook tab.top { +notebook:not(.frame) header.top { border-bottom-width: 1px; } +notebook:not(.frame) header.right { border-left-width: 1px; } +notebook:not(.frame) header.left { border-right-width: 1px; } +notebook:not(.frame) header.bottom { border-top-width: 1px; } + +notebook.frame header.top { border-bottom: 1px solid @bg_color; } + +notebook header.top tab { border-image: -gtk-gradient (linear, left top, left bottom, from (alpha (shade (@bg_color, 0.9), 0.0)), to (shade (@bg_color, 0.9))) 1; border-image-width: 0 1px; } -.notebook tab.right { +notebook header.top tab:checked, +notebook header.top tab:checked:hover { + background-image: linear-gradient(to bottom, + shade(@bg_color, 1.075), + shade(@bg_color, 1)); + border-radius: 4px 4px 0px 0px; + border-width: 0px 1px 0px 1px; + border-style: solid; + border-color: @borders; +} + +notebook header.right tab { border-image: -gtk-gradient (linear, right top, left top, from (alpha (shade (@bg_color, 0.9), 0.0)), to (shade (@bg_color, 0.9))) 1; border-image-width: 1px 0; } -.notebook tab.left { +notebook header.right tab:checked, +notebook header.right tab:checked:hover { + background-image: linear-gradient(to left, + shade(@bg_color, 1.075), + shade(@bg_color, 1)); + border-radius: 0px 4px 4px 0px; + border-width: 1px 0px 1px 0px; + border-color: shade(@bg_color, 0.95); +} + +notebook header.left tab { border-image: -gtk-gradient (linear, left top, right top, from (alpha (shade (@bg_color, 0.9), 0.0)), to (shade (@bg_color, 0.9))) 1; border-image-width: 1px 0; } -.notebook tab.bottom { +notebook header.left tab:checked, +notebook header.left tab:checked:hover { + background-image: linear-gradient(to right, + shade(@bg_color, 1.075), + shade(@bg_color, 1)); + border-radius: 4px 0px 0px 4px; + border-width: 1px 0px 1px 0px; + border-color: shade(@bg_color, 0.95); +} + +notebook header.bottom tab { border-image: -gtk-gradient (linear, left bottom, left top, from (alpha (shade (@bg_color, 0.9), 0.0)), to (shade (@bg_color, 0.9))) 1; border-image-width: 0 1px; } +notebook header.bottom tab:checked, +notebook header.bottom tab:checked:hover { + background-image: linear-gradient(to top, + shade(@bg_color, 1.075), + shade(@bg_color, 1)); + border-radius: 0 0 4px 4px; + border-width: 0px 1px 0px 1px; + border-style: solid; + border-color: shade(@bg_color, 0.95); +} + /* Draw a focus ring around labels in tabs */ -.notebook tab GtkLabel { +notebook tab label { border: 1px solid transparent; border-radius: 5px; } -.notebook:focus tab GtkLabel.active-page { +notebook:focus tab:checked label { border-color: @focus_color; background-color: @focus_bg_color; } -.notebook GtkDrawingArea { +notebook GtkDrawingArea { background-color: shade (@bg_color, 1.02); } /****************** * pane separator * ******************/ -.sidebar .pane-separator, -.pane-separator { + +paned separator { background-color: transparent; border-color: shade (@bg_color, 0.84); } +/************ + * Pathbars * + ************/ +.path-bar button.text-button, +.path-bar button.image-button, +.path-bar button { + padding-left: 4px; + padding-right: 4px; +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, +.path-bar button label:last-child { + padding-right: 8px; +} + +.path-bar button.text-button.image-button label:first-child, +.path-bar button label:first-child { + padding-left: 8px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; +} + + /************************* * progressbar and scale * *************************/ -GtkScale, -GtkProgressBar { +.progressbar, +scale, +progressbar { border-radius: 8px; border-width: 0px; - padding: 1px; -} - -.scale.trough { - margin: 7px 0 6px 0; -} - -.scale.trough.vertical { - margin: 0 7px 0 6px; + padding: 3px; } -.menubar .menuitem .scale.highlight.left, -.scale.highlight.left, +menubar menuitem scale highlight.left, +scale highlight.left, +progressbar trough progress, +row progressbar, +row:hover progressbar, +row:selected progressbar, +row:selected:focus progressbar, +row:nth-child(odd) progressbar, .progressbar, .progressbar row, .progressbar row:hover, .progressbar row:selected, -.progressbar row:selected:focused { - border-radius: 8px; - border-width: 0px; - background-image: none; - background-color: #db6a3c; +.progressbar row:selected:focus, +.progressbar row:nth-child(odd), +entry progress { + border-radius: 5px; border-style: solid; + border-width: 1px; + background-image: linear-gradient(to bottom, + @progressbar_fill_a, + @progressbar_fill_b); + border-top-color: shade(@button_border_active, 0.80); + border-left-color: shade(@button_border_active, 0.85); + border-right-color: shade(@button_border_active, 0.85); + border-bottom-color: shade(@button_border_active, 0.80); + color: @theme_fg_color; + text-shadow: none; } +row:backdrop progressbar, +row:hover:backdrop progressbar, +row:selected:backdrop progressbar, +row:selected:focus:backdrop progressbar, .progressbar:backdrop, .progressbar row:backdrop, .progressbar row:hover:backdrop, .progressbar row:selected:backdrop, -.progressbar row:selected:focused:backdrop, -.scale.highlight.bottom:backdrop, -.progressbar.vertical:backdrop { - border-radius: 8px; - border-width: 0px; - background-image: none; - background-color: @backdrop_filling_bg; +.progressbar row:selected:focus:backdrop, +.progresbar.vertical:backdrop, +progressbar:backdrop trough progress, +scale highlight.bottom:backdrop, +progressbar.vertical:backdrop trough progress { + background-image: linear-gradient(to bottom, + @progressbar_fill_a, + @progressbar_fill_b); + color: @backdrop_fg_color; + text-shadow: none; } -.scale.highlight.left:insensitive { +scale highlight.left:disabled { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.95)), to (shade (@bg_color, 0.85))); } -.scale.highlight.bottom:insensitive { +scale highlight.bottom:disabled { background-image: -gtk-gradient (linear, left top, right top, from (shade (@bg_color, 0.95)), to (shade (@bg_color, 0.85))); } .trough, -.trough row, -.trough row:hover, -.trough row:selected, -.trough row:selected:focused { +trough, +trough row, +trough row:hover, +trough row:selected, +trough row:selected:focus { background-image: -gtk-gradient (linear, left top, left bottom, from (#d1d1d1), to (#e8e8e8)); @@ -1055,7 +1235,8 @@ GtkProgressBar { color: @text_color; } -.trough.vertical { +.trough.vertical, +trough.vertical { background-image: -gtk-gradient (linear, left top, right top, from (#d1d1d1), to (#e8e8e8)); @@ -1063,21 +1244,31 @@ GtkProgressBar { /* level bars as used for password quality or remaining power */ -GtkLevelBar { - -GtkLevelBar-min-block-width: 34; - -GtkLevelBar-min-block-height: 3; +levelbar { + min-width: 34px; + min-height: 5px; } -GtkLevelBar.vertical { - -GtkLevelBar-min-block-width: 3; - -GtkLevelBar-min-block-height: 34; +levelbar.vertical { + min-width: 5px; + min-height: 34px; } -.level-bar.trough { +levelbar trough { padding: 2px; + border-radius: 2px; + box-shadow: none; } -.level-bar.fill-block { +levelbar.horizontal block { + min-height: 3px; +} + +levelbar.vertical block { + min-width: 3px; +} + +levelbar block.filled { border-width: 1px; border-style: solid; @@ -1085,29 +1276,29 @@ GtkLevelBar.vertical { background-color: #db6a3c; } -.level-bar.indicator-continuous.fill-block { +levelbar.continuous block.filled { padding: 2px; border-radius: 2px; } -.level-bar.fill-block:backdrop, -.level-bar.fill-block.level-high:backdrop, -.level-bar.fill-block.level-low:backdrop { +levelbar block.filled:backdrop, +levelbar block.filled.high:backdrop, +levelbar block.filled.low:backdrop { background-color: @backdrop_filling_bg; border-color: @backdrop_filling_bg; background-image: none; } -.level-bar.indicator-discrete.fill-block.horizontal { +levelbar.horizontal.discrete block.filled { margin: 0 1px; } -.level-bar.indicator-discrete.fill-block.vertical { +levelbar.vertical.discrete block.filled { margin: 1px 0; } -.level-bar.fill-block.level-high { +levelbar block.filled.high { border-color: shade(@success_color, 0.85); background-image: linear-gradient(to bottom, shade(@success_color, 1.2), @@ -1116,7 +1307,7 @@ GtkLevelBar.vertical { ); } -.level-bar.fill-block.level-low { +levelbar block.filled.low { border-color: shade(@warning_bg_color, 0.80); background-image: linear-gradient(to bottom, shade(@warning_bg_color, 1.3), @@ -1125,113 +1316,277 @@ GtkLevelBar.vertical { ); } -.level-bar.fill-block.empty-fill-block { +levelbar block.filled.empty { background-color: transparent; background-image: none; border-color: alpha(@bg_color, 0.1); } -.level-bar.fill-block.empty-fill-block:backdrop { +levelbar block.filled.empty:backdrop { border-color: transparent; background-color: transparent; } -GtkScale { - -GtkRange-slider-width: 18; - -GtkRange-trough-border: 0; - -GtkScale-slider-length: 14; +/************ + * GtkScale * + ************/ + +scale.vertical { + min-width: 13px; } -GtkScale.vertical { - -GtkScale-slider-length: 13; +scale.horizontal { + min-height: 13px; } -.scale.trough.highlight { - background-color: #df784e; - background-image: none; - background-clip: content-box; +scale.horizontal trough { + min-height: 3px; + border-radius: 6px; + } + + +scale trough, +scale.vertical trough { + min-width: 3px; + border-radius: 6px; + background-image: -gtk-gradient (linear, left top, left bottom, + from (#d1d1d1), + to (#e8e8e8)); + border-style: solid; + border-width: 1px; + color: @text_color; } -.scale.trough.highlight:insensitive { - background-color: #b5b5b5; +scale.vertical trough { + margin: 0 6px; +} + +scale trough highlight, +scale.horizontal trough highlight, +scale.vertical trough highlight { + border-color: @scale_highlight_bg; + border-style: solid; + border-width: 0px; background-image: none; + box-shadow: none; + background-color: @scale_highlight_bg; +} + +scale trough:disabled, +scale.horizontal trough:disabled, +scale.vertical trough:disabled { + box-shadow: none; +} + + +scale trough:disabled { + background-image: -gtk-gradient (linear, left top, left bottom, + from (shade (@bg_color, 0.95)), + to (shade (@bg_color, 0.85))); } -.scale.trough.highlight.left { - margin: 7px 0 7px 0; +scale.vertical trough:disabled { + background-image: -gtk-gradient (linear, left top, right top, + from (shade (@bg_color, 0.95)), + to (shade (@bg_color, 0.85))); } -.scale.trough.highlight:backdrop { - background-color: #dcdcdc; +scale.horizontal trough highlight:disabled, +scale.vertical trough highlight:disabled, +scale.horizontal trough highlight:backdrop, +scale.vertical trough highlight:backdrop { + background-color: @backdrop_filling_bg; + box-shadow: none; background-image: none; } -.scale.trough.highlight.bottom { - margin: 0 7px 0 7px; +/* defines the color of the actuall marks on the scale */ +scale marks indicator { + color: alpha(@fg_color, 0.3); } -GtkScale.mark { - border-color: shade (@bg_color, 0.8); +/* this makes marks visible */ +scale.horizontal indicator, +scale.horizontal.fine-tune indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator, +scale.vertical.fine-tune indicator { + min-height: 1px; + min-width: 8px; +} + +scale slider, +scale slider:hover, +scale slider:disabled { + border-radius: 8px; + border-style: none; + background-color: transparent; + /* background-image in -assets variant */ +} + +scale.vertical slider, +scale.horizontal slider { + background-size: 100%; + background-repeat: no-repeat; + background-position: center; +} + +scale.horizontal slider { + min-width: 14px; + margin: -9px 0px -9px 0px; +} + +scale.vertical slider { + min-height: 14px; + margin: 0px -9px 0px -9px; +} + +scale.horizontal.scale-has-marks-above.color, +scale.vertical.scale-has-marks-below.color { + margin: 0px 0px 0px 0px; + padding: 0px; +} + +scale.scale-has-marks-above.color trough, +scale.scale-has-marks-below.color trough { + border-color: @scale_highlight_border; + border-radius: 3px; + background-repeat: no-repeat; +} + +scale.vertical.scale-has-marks-below.color slider { + min-height: 20px; + min-width: 22px; + padding: 0px; + background-size: 100%; + background-repeat: no-repeat; + background-position: center; + margin: 0px 0px 0px 0px; +} + +scale.horizontal contents:first-child:not(:only-child) slider { + min-height: 22px; +} + +scale.horizontal.scale-has-marks-above.color slider { + min-height: 14px; + min-width: 20px; + margin: 0px 0px 0px 0px; + padding: 5px 0px; + background-size: 100%; + background-repeat: no-repeat; + background-position: center; +} + +scale.horizontal.scale-has-marks-above.color slider:hover, +scale.vertical.scale-has-marks-below.color slider:hover { + background-size: 105%; +} + +scale.horizontal.scale-has-marks-above.color.fine-tune slider, +scale.vertical.scale-has-marks-below.color.fine-tune slider, +scale.vertical.fine-tune slider:active, +scale.vertical.fine-tune slider:active:hover, +scale.horizontal.fine-tune slider:active, +scale.horizontal.fine-tune slider:hover:active { + background-size: 80%; } /************* * scrollbar * *************/ -.scrollbar { + +.scrollbar, +scrollbar { -GtkScrollbar-has-backward-stepper: 0; -GtkScrollbar-has-forward-stepper: 0; - -GtkScrollbar-trough-border: 0; - -GtkScrollbar-min-slider-length: 31; - -GtkRange-slider-width: 10; +} +scrollbar slider { background-color: @scrollbar_track_color; +} + +.scrollbar.vertical slider, +scrollbar.vertical slider { + min-height: 15px; + min-width: 5px; +} + +.scrollbar.horizontal.slider, +scrollbar.horizontal slider { + min-width: 15px; + min-height: 5px; +} + +.scrollbar.vertical.slider:hover, +scrollbar.vertical:hover slider { + min-width: 10px; +} + +.scrollbar.horizontal.slider:hover, +scrollbar.horizontal:hover slider { + min-height: 10px; +} + +.scrollbar.contents, +scrollbar contents { + background-color: transparent; background-image: none; background-size: 0; border: none; border-radius: 0; } -.scrollbar.overlay-indicator { - background-color: transparent; -} - -.scrollbar:hover, -.scrollbar.dragging { - background-color: @scrollbar_track_color; +.scrollbar.trough, +scrollbar trough { + background-image: none; + border: none; } .scrollbar:hover:backdrop, -.scrollbar.dragging:backdrop { +.scrollbar.dragging:backdrop, +scrollbar:hover:backdrop, +scrollbar.dragging:backdrop { background-color: @backdrop_selected_bg_color; } -/* Adding margins, so actual visible size is: -GtkRange-slider-width - margin - * this allows to keep the slider smaller, but keeping few threshold pixels +/* Adding margins, so actual visible size is: width - margin this allows to + * keep the slider smaller, but keeping few threshold pixels */ .scrollbar.vertical:hover:dir(ltr), -.scrollbar.vertical.dragging:dir(ltr) { +.scrollbar.vertical:active:dir(ltr), +scrollbar.vertical:hover:dir(ltr), +scrollbar.vertical:active:dir(ltr) { margin-left: 2px; } .scrollbar.vertical:hover:dir(rtl), -.scrollbar.vertical.dragging:dir(rtl) { +.scrollbar.vertical:active:dir(rtl), +scrollbar.vertical:hover:dir(rtl), +scrollbar.vertical:active:dir(rtl) { margin-right: 2px; } .scrollbar.horizontal:hover, -.scrollbar.horizontal.dragging, -.scrollbar.horizontal.slider:hover, -.scrollbar.horizontal.slider.dragging { +.scrollbar.horizontal:active, +scrollbar.horizontal:hover, +scrollbar.horizontal:active { margin-top: 2px; } -.scrollbar.slider { +.scrollbar.slider, +scrollbar slider { background-color: alpha(@selected_bg_color, 0.8); border-radius: 1px; } -.scrollbar.slider.hovering, -.scrollbar.slider.dragging { +.scrollbar.slider:hover, +.scrollbar.slider:active, +scrollbar slider:hover, +scrollbar slider:active { border-radius: 2px; margin: 0; } @@ -1239,35 +1594,43 @@ GtkScale.mark { /* Adding margins, so actual visible size is: -GtkRange-slider-width - margin * this allows to define some kind of proximity effect also on mouse-enter */ -.scrollbar.slider.vertical:dir(ltr):not(:hover):not(.dragging) { +.scrollbar.vertical:dir(ltr):not(:hover):not(.dragging), +scrollbar.vertical:dir(ltr):not(:hover):not(.dragging) { margin-left: 7px; } -.scrollbar.slider.vertical:dir(rtl):not(:hover):not(.dragging) { +.scrollbar.vertical:dir(rtl):not(:hover):not(.dragging), +scrollbar.vertical:dir(rtl):not(:hover):not(.dragging) { margin-right: 7px; } -.scrollbar.slider.horizontal:not(:hover):not(.dragging) { +.scrollbar.horizontal:not(:hover):not(.dragging), +scrollbar.horizontal:not(:hover):not(.dragging) { margin-top: 7px; } -.scrollbar.slider:hover { +.scrollbar.slider:hover, +scrollbar slider:hover { background-color: alpha(@selected_bg_color, 0.85); } -.scrollbar.slider:active { +.scrollbar.slider:active, +scrollbar slider:active { background-color: @selected_bg_color; } -.scrollbar.slider:backdrop { +.scrollbar.slider:backdrop, +scrollbar slider:backdrop { background-color: alpha(@backdrop_filling_bg, 0.8); } -.scrollbar.slider:hover:backdrop { +.scrollbar.slider:hover:backdrop, +scrollbar slider:hover:backdrop { background-color: alpha(@backdrop_filling_bg, 0.85); } -.scrollbar.slider:active:backdrop { +.scrollbar.slider:active:backdrop, +scrollbar slider:active:backdrop { background-color: @backdrop_filling_bg; } @@ -1275,11 +1638,12 @@ GtkScale.mark { * scrolled window * *******************/ .ubuntu-online-accounts.frame, -GtkScrolledWindow.frame { +scrolledwindow.frame { border-top-color: shade (@bg_color, 0.84); border-right-color: shade (@bg_color, 0.76); border-bottom-color: shade (@bg_color, 0.86); border-left-color: shade (@bg_color, 0.76); + border-width: 1px; border-radius: 0; border-style: solid; } @@ -1291,8 +1655,11 @@ GtkScrolledWindow.frame { /************* * separator * *************/ -.separator { - border-width: 1px; +separator { + min-width: 1px; + min-height: 1px; + border-top-width: 1px; + border-left-width: 1px; border-style: solid; border-image: none; border-color: shade (@bg_color, 0.92); @@ -1300,60 +1667,49 @@ GtkScrolledWindow.frame { border-right-color: alpha (shade (@bg_color, 1.26), 0.6); } -GtkTreeView.view.separator, -GtkTreeView.separator, -.separator, -.separator:hover { +treeview.view separator, +treeview separator, +separator, +separator:hover { color: shade (@bg_color, 0.92); } -.separator.horizontal { +separator.horizontal { border-width: 1px 0 1px 0; } -.separator.vertical { +separator.vertical { border-width: 0 1px 0 1px; } -GtkComboBox .separator { - -GtkWidget-wide-separators: true; - -GtkWidget-horizontal-separator: 0; - -GtkWidget-vertical-separator: 0; -} - -.button .separator, -.button.separator { +button separator { border-color: shade (@button_bg_color, 0.9); border-bottom-color: alpha (shade (@bg_color, 1.26), 0.6); border-right-color: alpha (shade (@bg_color, 1.26), 0.6); } -.button .separator:insensitive, -.button.separator:insensitive { +button separator:disabled { border-color: shade (@button_insensitive_bg_color, 0.96); border-bottom-color: alpha (shade (@bg_color, 1.26), 0.3); border-right-color: alpha (shade (@bg_color, 1.26), 0.3); } -.menuitem.separator { - -GtkMenuItem-horizontal-padding: 0; +menu separator { + margin-left: 5px; + margin-right: 5px; border: none; color: @dark_bg_color; } -GtkTreeMenu .menuitem.separator, -.toolbar .header-bar .menuitem.separator, -GtkMenuToolButton .menuitem.separator, -.primary-toolbar .button .menuitem.separator, -.header-bar .button .menuitem.separator, -.menuitem.separator { +menuitem.separator, +menu separator { border-color: shade (@dark_bg_color, 0.99); border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5); border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5); } -.toolbar .menuitem.separator, -GtkComboBox .menuitem.separator { +toolbar menu separator, +combobox menu separator { border-color: shade (@bg_color, 0.92); border-bottom-color: alpha (shade (@bg_color, 1.26), 0.6); border-right-color: alpha (shade (@bg_color, 1.26), 0.6); @@ -1362,24 +1718,33 @@ GtkComboBox .menuitem.separator { /*********** * sidebar * ***********/ -GtkPlacesSidebar.sidebar .view { + +filechooser box.search-bar, +#pathbarbox, +placessidebar.sidebar { background-color: shade (@bg_color, 0.95); color: @fg_color; text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.04); } -GtkPlacesSidebar.sidebar:backdrop { +filechooser:backdrop box.search-bar, +#pathbarbox:backdrop, +placessidebar.sidebar:backdrop { color: mix (@fg_color, shade (@bg_color, 0.95), 0.2); text-shadow: 0 1px shade (shade (@bg_color, 0.95), 1.02); } -GtkPlacesSidebar.sidebar row:selected { +placessidebar.sidebar row { + min-height: 30px; +} + +placessidebar.sidebar row:selected { color: @selected_fg_color; text-shadow: 0 1px shade (@selected_bg_color, 0.7); } -GtkPlacesSidebar.sidebar row:selected:backdrop { +placessidebar.sidebar row:selected:backdrop { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (shade (@bg_color, 0.95), 0.94)), to (shade (shade (@bg_color, 0.95), 0.86))); @@ -1389,35 +1754,37 @@ GtkPlacesSidebar.sidebar row:selected:backdrop { text-shadow: 0 1px shade (shade (@bg_color, 0.95), 0.96); } -GtkPlacesSidebar.sidebar .sidebar-icon { +placessidebar.sidebar .sidebar-icon { padding-left: 10px; padding-right: 10px; } + /************** * spinbutton * **************/ -.spinbutton.button:active, -.spinbutton.button:insensitive, -.spinbutton.button { + +spinbutton button:active, +spinbutton button:disabled, +spinbutton button { border-radius: 0; } -.spinbutton.button:active:nth-child(last), -.spinbutton.button:insensitive:nth-child(last) -.spinbutton.button:nth-child(last), -.spinbutton.button:active:backdrop:nth-child(last), -.spinbutton.button:insensitive:backdrop:nth-child(last), -.spinbutton.button:backdrop:nth-child(last) { +spinbutton button:active:nth-child(last), +spinbutton button:disabled:nth-child(last) +spinbutton button:nth-child(last), +spinbutton button:active:backdrop:nth-child(last), +spinbutton button:disabled:backdrop:nth-child(last), +spinbutton button:backdrop:nth-child(last) { border-radius: 0 7px 7px 0; } -.spinbutton.button, -.spinbutton.button:active, -.spinbutton.button:backdrop, -.spinbutton.button:active:backdrop, -.spinbutton.button:hover, -.spinbutton.button:hover:backdrop { +spinbutton button, +spinbutton button:active, +spinbutton button:backdrop, +spinbutton button:active:backdrop, +spinbutton button:hover, +spinbutton button:hover:backdrop { background-image: none; background-color: transparent; border-image: none; @@ -1425,21 +1792,31 @@ GtkPlacesSidebar.sidebar .sidebar-icon { border-left-color: alpha (shade (@bg_color, 0.6), 0.22); } -.spinbutton.button:active { +spinbutton.horizontal button:disabled { + margin-top: 1px; + margin-bottom: 1px; + border-image: none; +} + +spinbutton.horizontal button:last-child:disabled { + margin-right: 3px; +} + +spinbutton button:active { background-image: -gtk-gradient (radial, center center, 0.0, center center, 0.5, from (alpha (@selected_bg_color, 0.2)), to (alpha (@selected_bg_color, 0.0))); } -.spinbutton.button:insensitive, -.spinbutton.button:insensitive:backdrop { +spinbutton button:disabled, +spinbutton button:disabled:backdrop { border-left-color: alpha (shade (@bg_color, 0.6), 0.18); color: shade (@bg_color, 0.66); } -.spinbutton, -.spinbutton:hover { +spinbutton, +spinbutton:hover { color: @fg_color; } @@ -1450,40 +1827,36 @@ GtkPlacesSidebar.sidebar .sidebar-icon { to { -gtk-icon-transform: rotate(1turn); } } -.spinner { +spinner { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); color: @selected_bg_color; opacity: 0; } -.spinner:active { +spinner:checked { animation: spinner 1s infinite linear; opacity: 1; } -.spinner:active:backdrop { +spinner:checked:backdrop { color: @backdrop_fg_color; } -.spinner:active:insensitive { +spinner:checked:disabled { opacity: 0.5; } /************* * statusbar * *************/ -GtkStatusbar { +statusbar { } /********** * switch * **********/ -GtkSwitch { - border-radius: 8px; +switch { padding: 0; -} - -GtkSwitch.trough { border-radius: 8px; background-image: -gtk-gradient (linear, left top, left bottom, from (#cecece), @@ -1493,7 +1866,7 @@ GtkSwitch.trough { text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); } -GtkSwitch.trough:active { +switch:checked { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@selected_bg_color, 0.93)), to (shade (@selected_bg_color, 0.99))); @@ -1502,15 +1875,15 @@ GtkSwitch.trough:active { text-shadow: 0 1px shade (@selected_bg_color, 0.7); } -GtkSwitch:focus { +switch:focus { outline: 2px solid @focus_color; outline-offset: -2px; - outline-radius: 6px; + -gtk-outline-radius: 6px; } /* XXX temporary */ -GtkSwitch.trough:backdrop, -GtkSwitch.trough:insensitive { +switch:backdrop, +switch:disabled { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@bg_color, 0.93)), to (shade (@bg_color, 0.99))); @@ -1519,9 +1892,11 @@ GtkSwitch.trough:insensitive { text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); } -GtkSwitch.slider { +switch slider { padding: 1px; border-radius: 6px; + border-left-width: 1px; + border-right-width: 1px; border-style: solid; background-image: -gtk-gradient (linear, left top, left bottom, @@ -1533,7 +1908,7 @@ GtkSwitch.slider { text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4); } -GtkSwitch.slider:backdrop { +switch slider:backdrop { background-image: none; background-color: @bg_color; @@ -1544,11 +1919,11 @@ GtkSwitch.slider:backdrop { /************ * textview * ************/ -GtkTextView { +textview { background-color: @base_color; } -.header-bar { +headerbar { padding: 2px 6px; } @@ -1562,7 +1937,7 @@ GtkTextView { * that prefer showing traditional title bars. The rules for those are further * down grouped with normal toolbars. */ -.titlebar.header-bar { +.titlebar { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 1.5)), to (@dark_bg_color)); @@ -1572,76 +1947,76 @@ GtkTextView { border-radius: 7px 7px 0 0; color: @dark_fg_color; - - box-shadow: inset 0 1px shade (@dark_bg_color, 1.65); } -.titlebar.header-bar .title { +.titlebar .title { font: bold; } -.titlebar.header-bar .subtitle { +.titlebar .subtitle { font-size: smaller; opacity: 0.5; } -.titlebar.header-bar:backdrop { +.titlebar:backdrop { color: @backdrop_fg_color; background-image: none; background-color: @dark_bg_color; border-top-color: @dark_bg_color; + box-shadow: inset 0 1px shade (@dark_bg_color, 1.2); } -.maximized .titlebar.header-bar { +.maximized .titlebar { border-radius: 0; border: none; } -.maximized .titlebar.header-bar.toolbar-mode { +.maximized .titlebar.toolbar-mode { box-shadow: none; } -.titlebar.header-bar .button.titlebutton { +.titlebar button.titlebutton { background-clip: padding-box; border: 1px solid #d0c7bf; color: #8b8379; - icon-shadow: 0 1px rgba(255, 255, 255, 0.5); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.5); border-radius: 9px; padding: 0; box-shadow: none; background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3); } -.titlebar.header-bar .button.titlebutton.close { +.titlebar button.titlebutton.close { color: #7f4025; - icon-shadow: 0 1px rgba(255, 255, 255, 0.25); - background-image: linear-gradient(to top, #e77041, #f17d4e 50%, #f9b39c); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25); + background-image: linear-gradient(to top, #e77041, #f17d43 50%, #f9b39c); } -.titlebar.header-bar .button.titlebutton.close:hover { +.titlebar button.titlebutton.close:hover { background-image: linear-gradient(to top, #e67144, #ed8b67 50%, #f9cbbd); } -.titlebar.header-bar .button.titlebutton:hover, -.titlebar.header-bar .button.titlebutton:backdrop:hover { +.titlebar button.titlebutton:hover, +.titlebar button.titlebutton:backdrop:hover { background-image: linear-gradient(to top, #e2e1df, #f8f6f3 50%, #fcfbf9); } -.titlebar.header-bar .button.titlebutton:active { - icon-shadow: none; +.titlebar button.titlebutton:active { + -gtk-icon-shadow: none; background-image: linear-gradient(to top, #fcfbf8, #fbf9f6); } -.titlebar.header-bar .button.titlebutton.close:active { - background-image: linear-gradient(to top, #f08054, #f07c4e); +.titlebar button.titlebutton.close:active { + background-image: linear-gradient(to top, #ec6e44, #e76b41); } -.titlebar.header-bar .button.titlebutton:backdrop { +.titlebar button.titlebutton:backdrop { color: #8b8379; - icon-shadow: none; + -gtk-icon-shadow: none; background-image: linear-gradient(to top, #ece9e6, #e8e4e1); } + /*********** * toolbar * ***********/ @@ -1662,8 +2037,8 @@ GtkTextView { * primary-toolbar * *******************/ .primary-toolbar, -.header-bar, -.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) { +headerbar, +.maximized headerbar.titlebar:not(:backdrop) { -GtkWidget-window-dragging: true; background-image: -gtk-gradient (linear, left top, left bottom, @@ -1681,12 +2056,12 @@ GtkTextView { box-shadow: inset 0 1px shade (@dark_bg_color, 0.94); } -.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) { +.maximized headerbar.titlebar.toolbar-mode:not(:backdrop) { border-width: 0; } .primary-toolbar:backdrop, -.header-bar:backdrop { +headerbar:backdrop { background-image: none; background-color: @dark_bg_color; box-shadow: none; @@ -1696,112 +2071,132 @@ GtkTextView { color: @backdrop_dark_fg_color; } -.primary-toolbar :insensitive, -.header-bar :insensitive { +.primary-toolbar:disabled, +headerbar:disabled { text-shadow: 0 -1px shade (@dark_bg_color, 0.7); } -.primary-toolbar .button, -.header-bar .button, -.primary-toolbar .button.flat:hover { +.primary-toolbar button, +headerbar button, +headerbar button:disabled, +.primary-toolbar button.flat:hover { background: transparent; - color: @dark_fg_color; - text-shadow: 0 -1px shade (@dark_bg_color, 0.7); border-image-source: url("assets/radiance-button-toolbar.png"); padding: 9px; + color: @dark_fg_color; } -.primary-toolbar .button.flat { +.primary-toolbar button, +headerbar button *, +headerbar button:disabled * { + text-shadow: 0 -1px shade (@dark_bg_color, 0.7); +} + +.primary-toolbar button.flat { border-image-source: none; background: transparent; } -.primary-toolbar .button:focused, -.header-bar .button:focused { +.primary-toolbar button:focus, +headerbar button:focus { border-image-source: url("assets/radiance-button-toolbar-focused.png"); } -.primary-toolbar .button:active, -.primary-toolbar .button:checked, -.header-bar .button:active, -.header-bar .button:checked { +.primary-toolbar button:active, +.primary-toolbar button:checked, +headerbar button:active, +headerbar button:checked { border-image-source: url("assets/radiance-button-toolbar-active.png"); } -.primary-toolbar .button:active:focused, -.primary-toolbar .button:checked:focused, -.header-bar .button:active:focused, -.header-bar .button:checked:focused { +.primary-toolbar button:active:focus, +.primary-toolbar button:checked:focus, +headerbar button:active:focus, +headerbar button:checked:focus, +headerbar button:hover:focus { border-image-source: url("assets/radiance-button-toolbar-active-focused.png"); } -.primary-toolbar .button:backdrop, -.header-bar .button:backdrop { - background-color: transparent; +.primary-toolbar button:backdrop, +headerbar button:backdrop, +headerbar button:disabled:backdrop, +headerbar button:checked:backdrop { color: @backdrop_dark_fg_color; - text-shadow: 0 -1px shade (@dark_bg_color, 0.9); + background-color: transparent; border-image-source: url("assets/radiance-backdrop-button-toolbar.png"); } -.primary-toolbar .button.flat:backdrop { +.primary-toolbar button:backdrop, +headerbar button:backdrop *, +headerbar button:disabled:backdrop *, +headerbar button:checked:backdrop * { + text-shadow: 0 -1px shade (@dark_bg_color, 0.9); +} + +.primary-toolbar button.flat:backdrop { border-image-source: none; } -.primary-toolbar .button:active:backdrop, -.primary-toolbar .button:checked:backdrop, -.header-bar .button:active:backdrop, -.header-bar .button:checked:backdrop { +.primary-toolbar button:active:backdrop, +.primary-toolbar button:checked:backdrop, +headerbar button:active:backdrop { border-image-source: url("assets/radiance-backdrop-button-toolbar-active.png"); } -.primary-toolbar .button:hover, -.primary-toolbar .button:checked, -.header-bar .button:hover, -.header-bar .button:checked { +.primary-toolbar button:hover, +.primary-toolbar button:checked, +headerbar button:hover, +headerbar button:checked, +headerbar button:backdrop:hover, +headerbar button:backdrop:checked { + background-color: transparent; background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 1.2)), to (shade (@dark_bg_color, 1.1))); + border-image-source: url("assets/radiance-backdrop-button-toolbar.png"); } -.primary-toolbar .button:active, -.header-bar .button:active { +.primary-toolbar button:active, +headerbar button:active { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 0.95)), to (shade (@dark_bg_color, 1.0))); text-shadow: 0 -1px shade (@dark_bg_color, 0.6); } -.primary-toolbar .button:checked:insensitive, -.primary-toolbar .button:insensitive, -.header-bar .button:checked:insensitive, -.header-bar .button:insensitive { +.primary-toolbar button:checked:disabled, +.primary-toolbar button:disabled, +headerbar button:checked:disabled, +headerbar button:disabled { text-shadow: none; } -.primary-toolbar .button:insensitive, -.header-bar .button:insensitive { +.primary-toolbar button:disabled, +headerbar button:disabled { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 1.01)), to (shade (@dark_bg_color, 0.99))); + border-image-source: url("assets/button-toolbar.png"); } -.primary-toolbar .button.flat:insensitive { +.primary-toolbar button.flat:disabled { background-image: none; + border-image-source: inherit; } -.primary-toolbar .button:checked:insensitive, -.header-bar .button:checked:insensitive { +.primary-toolbar button:checked:disabled, +headerbar button:checked:disabled { background-image: -gtk-gradient (linear, left top, left bottom, from (shade (@dark_bg_color, 0.94)), to (shade (@dark_bg_color, 1.02))); + border-image-source: url("assets/button-toolbar.png"); } -.primary-toolbar GtkSeparatorToolItem, -.primary-toolbar .separator, -.primary-toolbar .separator:insensitive, -.header-bar GtkSeparatorToolItem, -.header-bar .separator, -.header-bar .separator:insensitive { +.primary-toolbar separator, +.primary-toolbar separator, +.primary-toolbar separator:disabled, +headerbar separator, +headerbar separator:disabled { border-color: alpha (shade (@dark_bg_color, 0.94), 0.35); border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5); border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5); @@ -1827,27 +2222,27 @@ GtkTextView { padding: 3px 4px 4px 4px; } -.inline-toolbar.toolbar .button { +.inline-toolbar.toolbar button { padding: 4px; - icon-shadow: 0 1px shade (@bg_color, 1.16); + -gtk-icon-shadow: 0 1px shade (@bg_color, 1.16); } /* Middle button */ -.inline-toolbar.toolbar .button, -.inline-toolbar.toolbar .button:active, -.inline-toolbar.toolbar .button:focus, -.inline-toolbar.toolbar .button:focus:active, -.inline-toolbar.toolbar .button:insensitive, -.inline-toolbar.toolbar .button:backdrop, -.inline-toolbar.toolbar .button:backdrop:insensitive, -.inline-toolbar.toolbar GtkToolButton .button, -.inline-toolbar.toolbar GtkToolButton .button:active, -.inline-toolbar.toolbar GtkToolButton .button:focus, -.inline-toolbar.toolbar GtkToolButton .button:focus:active, -.inline-toolbar.toolbar GtkToolButton .button:insensitive, -.inline-toolbar.toolbar GtkToolButton .button:backdrop, -.inline-toolbar.toolbar GtkToolButton .button:backdrop:insensitive { +.inline-toolbar.toolbar button, +.inline-toolbar.toolbar button:active, +.inline-toolbar.toolbar button:focus, +.inline-toolbar.toolbar button:focus:active, +.inline-toolbar.toolbar button:disabled, +.inline-toolbar.toolbar button:backdrop, +.inline-toolbar.toolbar button:backdrop:disabled, +.inline-toolbar.toolbar GtkToolButton button, +.inline-toolbar.toolbar GtkToolButton button:active, +.inline-toolbar.toolbar GtkToolButton button:focus, +.inline-toolbar.toolbar GtkToolButton button:focus:active, +.inline-toolbar.toolbar GtkToolButton button:disabled, +.inline-toolbar.toolbar GtkToolButton button:backdrop, +.inline-toolbar.toolbar GtkToolButton button:backdrop:disabled { border-right-width: 0; border-left-width: 0; border-image-width: 10px 0 10px 0; @@ -1855,20 +2250,20 @@ GtkTextView { } /* Leftmost button */ -.inline-toolbar.toolbar .button:first-child, -.inline-toolbar.toolbar .button:active:first-child, -.inline-toolbar.toolbar .button:focus:first-child, -.inline-toolbar.toolbar .button:focus:active:first-child, -.inline-toolbar.toolbar .button:insensitive:first-child, -.inline-toolbar.toolbar .button:backdrop:first-child, -.inline-toolbar.toolbar .button:backdrop:insensitive:first-child, -.inline-toolbar.toolbar GtkToolButton:first-child .button, -.inline-toolbar.toolbar GtkToolButton:first-child .button:active, -.inline-toolbar.toolbar GtkToolButton:first-child .button:focus, -.inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active, -.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive, -.inline-toolbar.toolbar GtkToolButton:first-child .button:backdrop, -.inline-toolbar.toolbar GtkToolButton:first-child .button:backdrop:insensitive { +.inline-toolbar.toolbar button:first-child, +.inline-toolbar.toolbar button:active:first-child, +.inline-toolbar.toolbar button:focus:first-child, +.inline-toolbar.toolbar button:focus:active:first-child, +.inline-toolbar.toolbar button:disabled:first-child, +.inline-toolbar.toolbar button:backdrop:first-child, +.inline-toolbar.toolbar button:backdrop:disabled:first-child, +.inline-toolbar.toolbar GtkToolButton:first-child button, +.inline-toolbar.toolbar GtkToolButton:first-child button:active, +.inline-toolbar.toolbar GtkToolButton:first-child button:focus, +.inline-toolbar.toolbar GtkToolButton:first-child button:focus:active, +.inline-toolbar.toolbar GtkToolButton:first-child button:disabled, +.inline-toolbar.toolbar GtkToolButton:first-child button:backdrop, +.inline-toolbar.toolbar GtkToolButton:first-child button:backdrop:disabled { border-left-width: 1px; border-right-width: 0; border-image-width: 10px 0 10px 12px; @@ -1878,20 +2273,20 @@ GtkTextView { } /* Rightmost button */ -.inline-toolbar.toolbar .button:last-child, -.inline-toolbar.toolbar .button:active:last-child, -.inline-toolbar.toolbar .button:focus:last-child, -.inline-toolbar.toolbar .button:focus:active:last-child, -.inline-toolbar.toolbar .button:insensitive:last-child, -.inline-toolbar.toolbar .button:backdrop:last-child, -.inline-toolbar.toolbar .button:backdrop:insensitive:last-child, -.inline-toolbar.toolbar GtkToolButton:last-child .button, -.inline-toolbar.toolbar GtkToolButton:last-child .button:active, -.inline-toolbar.toolbar GtkToolButton:last-child .button:focus, -.inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active, -.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive, -.inline-toolbar.toolbar GtkToolButton:last-child .button:backdrop, -.inline-toolbar.toolbar GtkToolButton:last-child .button:backdrop:insensitive { +.inline-toolbar.toolbar button:last-child, +.inline-toolbar.toolbar button:active:last-child, +.inline-toolbar.toolbar button:focus:last-child, +.inline-toolbar.toolbar button:focus:active:last-child, +.inline-toolbar.toolbar button:disabled:last-child, +.inline-toolbar.toolbar button:backdrop:last-child, +.inline-toolbar.toolbar button:backdrop:disabled:last-child, +.inline-toolbar.toolbar GtkToolButton:last-child button, +.inline-toolbar.toolbar GtkToolButton:last-child button:active, +.inline-toolbar.toolbar GtkToolButton:last-child button:focus, +.inline-toolbar.toolbar GtkToolButton:last-child button:focus:active, +.inline-toolbar.toolbar GtkToolButton:last-child button:disabled, +.inline-toolbar.toolbar GtkToolButton:last-child button:backdrop, +.inline-toolbar.toolbar GtkToolButton:last-child button:backdrop:disabled { border-left-width: 0; border-right-width: 1px; border-image-width: 10px 12px 10px 0; @@ -1901,20 +2296,20 @@ GtkTextView { } /* Single button */ -.inline-toolbar.toolbar .button:only-child, -.inline-toolbar.toolbar .button:active:only-child, -.inline-toolbar.toolbar .button:focus:only-child, -.inline-toolbar.toolbar .button:focus:active:only-child, -.inline-toolbar.toolbar .button:insensitive:only-child, -.inline-toolbar.toolbar .button:backdrop:only-child, -.inline-toolbar.toolbar .button:backdrop:insensitive:only-child, -.inline-toolbar.toolbar GtkToolButton:only-child .button, -.inline-toolbar.toolbar GtkToolButton:only-child .button:active, -.inline-toolbar.toolbar GtkToolButton:only-child .button:focus, -.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active, -.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive, -.inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop, -.inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop:insensitive { +.inline-toolbar.toolbar button:only-child, +.inline-toolbar.toolbar button:active:only-child, +.inline-toolbar.toolbar button:focus:only-child, +.inline-toolbar.toolbar button:focus:active:only-child, +.inline-toolbar.toolbar button:disabled:only-child, +.inline-toolbar.toolbar button:backdrop:only-child, +.inline-toolbar.toolbar button:backdrop:disabled:only-child, +.inline-toolbar.toolbar GtkToolButton:only-child button, +.inline-toolbar.toolbar GtkToolButton:only-child button:active, +.inline-toolbar.toolbar GtkToolButton:only-child button:focus, +.inline-toolbar.toolbar GtkToolButton:only-child button:focus:active, +.inline-toolbar.toolbar GtkToolButton:only-child button:disabled, +.inline-toolbar.toolbar GtkToolButton:only-child button:backdrop, +.inline-toolbar.toolbar GtkToolButton:only-child button:backdrop:disabled { border-right-width: 1px; border-left-width: 1px; border-image-width: 10px 12px 10px 12px; @@ -1924,7 +2319,7 @@ GtkTextView { /*********** * tooltip * ***********/ -.tooltip { +tooltip { background-image: -gtk-gradient (radial, center 0, 0, center 0, 0.8, from (alpha (mix (@tooltip_bg_color, #ffffff, 0.2), 0.86)), to (alpha (@tooltip_bg_color, 0.86))); @@ -1932,49 +2327,56 @@ GtkTextView { border-radius: 5px; border-style: solid; border-width: 1px; +} +tooltip label { color: @tooltip_fg_color; } /************ * treeview * ************/ -GtkTreeView.dnd { +treeview.view.dnd { border-color: shade (@selected_bg_color, 1.12); border-radius: 2px; border-width: 1px; border-style: solid; } -GtkTreeView .entry { +treeview.view .entry { background-image: none; } +treeview.view { + border-width: 1px; + border-color: @selected_bg_color; +} + /************ * viewport * ************/ -GtkViewport.frame { +viewport.frame { border-width: 0; } /************ * listbox * ************/ -.list-row.button { +.list-rowbutton { border-image: none; border-style: none; border-radius: 0; background-image: none; } -.list-row.button:selected { +.list-rowbutton:selected { text-shadow: none; } /************ * popover * ************/ -.popover { +popover { background-clip: border-box; border-radius: 5px; @@ -1985,47 +2387,118 @@ GtkViewport.frame { padding: 2px; } -.popover:backdrop { +popover:backdrop { box-shadow: none; } /* Popover menuitems are actually buttons. The following rules reset most of * the button styles for them. */ -.popover .menuitem, -.popover .menuitem:checked, -.popover .menuitem:hover, -.popover .menuitem:active, -.popover .menuitem:insensitive, -.popover .menuitem:backdrop { +popover modelbutton, +popover modelbutton:checked, +popover modelbutton:hover, +popover modelbutton:active, +popover modelbutton:disabled, +popover modelbutton:backdrop, +popover menuitem, +popover menuitem:checked, +popover menuitem:hover, +popover menuitem:active, +popover menuitem:disabled, +popover menuitem:backdrop { border-image: none; border: none; text-shadow: none; border-radius: 3px; } -.popover .menuitem:backdrop:hover { +popover modelbutton:backdrop:hover, +popover menuitem:backdrop:hover { border: none; border-image: none; background: transparent; color: @fg_color; } -.popover .menuitem:checked, -.popover .menuitem.check, -.popover .menuitem.check:checked, -.popover .menuitem.radio, -.popover .menuitem.radio:checked { +popover modelbutton:checked, +popover modelbutton check, +popover modelbutton check:checked, +popover modelbutton radio, +popover modelbutton radio:checked, +popover menuitem:checked, +popover menuitem.check, +popover menuitem.check:checked, +popover menuitem.radio, +popover menuitem.radio:checked { background-image: none; border: none; } -.popover .menuitem:insensitive, -.popover .menuitem *:insensitive { +popover modelbutton:disabled, +popover modelbutton *:disabled, +popover menuitem:disabled, +popover menuitem *:disabled { text-shadow: none; background: none; } + +/* menu buttons inside popovers */ +modelbutton.flat, +popover.background checkbutton, +popover.background radiobutton, +menu button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; +} + +modelbutton.flat:hover, +popover.background checkbutton:hover, +popover.background radiobutton:hover, +menu button.flat:hover { + background-color: #f4f4f4; +} + +modelbutton.flat check:last-child, +popover.background checkbutton check:last-child, +popover.background radiobutton check:last-child, +modelbutton.flat radio:last-child, +popover.background checkbutton radio:last-child, +popover.background radiobutton radio:last-child, +menu button.flat check:last-child, +menu button.flat radio:last-child { + margin-left: 8px; +} + +modelbutton.flat check:first-child, +popover.background checkbutton check:first-child, +popover.background radiobutton check:first-child, +modelbutton.flat radio:first-child, +popover.background checkbutton radio:first-child, +popover.background radiobutton radio:first-child, +menu button.flat check:first-child, +menu button.flat radio:first-child +{ + margin-right: 8px; +} + +menu arrow.left, +modelbutton.flat arrow.left, +popover.background checkbutton arrow.left, +popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +menu arrow.right, +modelbutton.flat arrow.right, +popover.background checkbutton arrow.right, +popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + /* Floating bars */ .floating-bar { background-color: @info_bg_color; @@ -2049,81 +2522,89 @@ GtkViewport.frame { border-radius: 8px; } -.osd .button, -.osd .button:backdrop { +.osd button, +.osd button:backdrop { color: @osd_fg_color; background: none; border: none; padding: 12px; border-radius: 8px; transition: all 100ms ease-in-out; + box-shadow: none; } /* buttons that are not part of an osd toolbar need a background */ -.button.osd, -.button.osd:hover, -.button.osd:active { +button.osd, +button.osd:hover, +button.osd:active { background: @osd_bg_color; padding: 12px; box-shadow: none; border-image: none; } -.button.osd:hover, -.osd .button:hover { +button.osd:hover, +.osd button:hover { color: lighter(@osd_fg_color); - icon-shadow: 0 0 3px @osd_fg_color; + -gtk-icon-shadow: 0 0 3px @osd_fg_color; } -.button.osd:active, -.osd .button:active { +button.osd:active, +.osd button:active { color: darker(@osd_fg_color); - icon-shadow: none; + -gtk-icon-shadow: none; } /************* * overshoot * *************/ -.overshoot.top { +overshoot.top { background: -gtk-gradient(radial, center top, 0, center top, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); } -.overshoot.right { +overshoot.right { background: -gtk-gradient(radial, right center, 0, right center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); } -.overshoot.bottom { +overshoot.bottom { background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); } -.overshoot.left { +overshoot.left { background: -gtk-gradient(radial, left center, 0, left center, 0.7, from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0))); } /************** * undershoot * **************/ -.undershoot { +undershoot { background: none; } /***************************************************************************** * states [please keep this section at the end of the file (CSS precedence)] * *****************************************************************************/ -*:insensitive { +*:disabled { color: shade (@bg_color, 0.6); text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5); } +label selection, +label selection:focus, +label selection:hover, +entry selection, +.view text selection, *:selected, -*:selected:focused { +*:selected:focus { background-color: alpha (@selected_bg_color, 0.9); color: @selected_fg_color; } +entry selection:backdrop, +.view text selection:backdrop, *:selected:backdrop, -*:selected:focused:backdrop { +*:selected:focus:backdrop { background-color: alpha (@backdrop_selected_bg_color, 0.9); color: @backdrop_selected_fg_color;