From ad056cce526bd9e8c997f11dfefe7327e812e18f Mon Sep 17 00:00:00 2001 From: Ajay Garg Date: Sat, 29 Dec 2012 14:51:09 +0000 Subject: sdxo#2781: Mostly done; some loose ends remain. --- diff --git a/gtk3/theme/gtk-contrast-widgets.css.em b/gtk3/theme/gtk-contrast-widgets.css.em index a38063c..e2795c7 100644 --- a/gtk3/theme/gtk-contrast-widgets.css.em +++ b/gtk3/theme/gtk-contrast-widgets.css.em @@ -1,554 +1,692 @@ -${ -import math - -def my_floor(num): - return int(math.floor(num)) - -def my_ceil(num): - return int(math.ceil(num)) - - -# Should we set the line width in the engine to 2.25, and draw non pixel aligned lines? -# Are these already the correct sizes for the XO? - -# These sizes need to be sanity checked ... -if scaling == "100": - xo = True - icon_base = 11 -else: # About 72% of the XO size, adjusted so that eg. toolbuttons work - xo = False - icon_base = 8 # 7.92 - -} -${ -icon_small = icon_base * 3 -icon_large = icon_base * 5 -small_icons = [ "gtk-menu", "gtk-dnd", "gtk-small-toolbar", "gtk-button" ] -large_icons = [ "gtk-large-toolbar" ] -icon_sizes = [] -for icon in small_icons: - icon_sizes += [icon + "=" + str(icon_small) + ',' + str(icon_small)] -for icon in large_icons: - icon_sizes += [icon + "=" + str(icon_large) + ',' + str(icon_large)] +* { + -sugar-focus-line: @white; -icon_sizes = ":".join(icon_sizes) + /* A lot of these will probably need to be changed, but this has to + be done when the exact sizes are known */ + -GtkWidget-interior-focus: 0; -} -gtk-icon-sizes="$icon_sizes" + /* we have to disable focus border for GtkTreeView, see #1261 */ + -GtkTreeView-interior-focus: 1; + -GtkTreeView-focus-line-width: 0; + + -GtkTextView-interior-focus: 1; + + -GtkWidget-focus-line-width: 0; /* Prevents some drawing glitches */ + -GtkEntry-focus-line-width: 0; + -GtkScale-focus-line-width: 0; + -GtkWidget-focus-padding: 0; + /* 0.05 works good for both the sugar and sugar-xo themes */ + -GtkWidget-cursor-aspect-ratio: 0.05; + + -GtkWidget-wide-separators: true; + -GtkWidget-separator-height: 2; + -GtkWidget-separator-width: 2; -style "default" -{ - engine "hcengine" { - edge_thickness = 2 - } + -GtkWidget-scroll-arrow-hlength: 11; + -GtkWidget-scroll-arrow-vlength: 11; - xthickness = 2 - ythickness = 2 + -GtkRange-activate-slider: 1; -# For Java Desktop System - PanelMenu::stripe-gradient-top = "#000033" - PanelMenu::stripe-gradient-bottom = "#000033" - - GtkWidget::interior-focus = 1 - GtkWidget::wide-separators = 0 - GtkWidget::separator-height = 2 - GtkWidget::separator-width = 2 - GtkRange::activate-slider = 1 - GtkArrow::arrow-size = 1.0 - GtkToolbar::shadow-type = GTK_SHADOW_NONE - GtkToolbar::space-size = 30 - GtkProgressBar::min-horizontal-bar-height = 15 - GtkProgressBar::min-vertical-bar-width = 15 + /* We fake the default border in the theme */ + -GtkButton-default-border: 0 0 0 0; + -GtkButton-default-outside-border: 0 0 0 0; + -GtkButton-image-spacing: 11; - GtkWidget::link-color = "#FFFFFF" - GtkWidget::visited-link-color = "#FFCCFF" - GtkWidget::focus-line-pattern = "\4\2" - GtkWidget::focus-line-width = 5 - GtkHSV::focus-line-pattern = "\0" - GtkWidget::interior_focus = 1 - GtkWidget::focus-padding = 0 - GtkEntry::cursor_color = "#FF0000" - GtkTextView::cursor_color = "#FF0000" - EelEditableLabel::cursor_color = "#FF0000" - GtkTextView::cursor_aspect_ratio = 0.3 - GtkEntry::cursor_aspect_ratio = 0.3 - EelEditableLabel::cursor_aspect_ratio = 0.3 - NautilusIconContainer::frame_text = 1 - GtkTreeView::expander-size = 32 - GtkRange::stepper-size = 20 - + -GtkEntry-progress-border: 2 2 2 2; - GtkCheckButton::indicator-size = 25 - - fg[NORMAL] = "#FFFFFF" - text[NORMAL] = "#FFFFFF" - bg[NORMAL] = "#000033" - base[NORMAL] = "#000033" + -GtkScrolledWindow-scrollbar-spacing: 0; - fg[INSENSITIVE] = "#999999" - bg[INSENSITIVE] = "#333333" - text[INSENSITIVE] = "#999999" - base[INSENSITIVE] = "#333333" + -GtkExpander-expander-size: 17; + -GtkExpander-expander-spacing: 2; - fg[PRELIGHT] = "#000000" - text[PRELIGHT] = "#003333" - bg[PRELIGHT] = "#CCCC00" - base[PRELIGHT] = "#FFFFFF" + -GtkTreeView-expander-size: 17; - fg[ACTIVE] = "#FFFFFF" - text[ACTIVE] = "#000000" - bg[ACTIVE] = "#666699" - base[ACTIVE] = "#CCCC00" + -GtkArrow-arrow-size: 1.0; - fg[SELECTED] = "#000033" - text[SELECTED] = "#000033" - bg[SELECTED] = "#FFFFFF" - base[SELECTED] = "#CCCC00" + -GtkToolbar-space-size: 22; + -GtkToolbar-shadow-type: none; + -GtkProgressBar-min-horizontal-bar-height: 11; + -GtkProgressBar-min-vertical-bar-width: 11; + -GtkButtonBox-child-min-height: 33; + -GtkButtonBox-child-min-width: 33; + -GtkButtonBox-child-internal-pad-x: 0; + -GtkButtonBox-child-internal-pad-y: 0; + + -GtkCheckButton-indicator-size: 26; + -GtkCheckButton-indicator-spacing: 3; + + -GtkWidget-text-handle-width: 110px; + -GtkWidget-text-handle-height: 110px; } -class "GtkWidget" style "default" +* { + border-color: @white; +} -style "panel-icons" -{ +*:insensitive { + color: @button_grey; +} + +*:hover { + background-color: #CCCC00; +} +/* Backgrounds and windows */ + +GtkWindow { + background-color: @panel_grey; + color: @black; } -class "GtkWidget" style "panel-icons" -style "media-icons" -{ +GtkDialog { + background-color: @black; + color: @white; } -class "GtkWidget" style "media-icons" -###########widget - details +SugarIntroWindow { + background-color: @white; +} -style "window" -{ +SugarIntroWindow { + color: @black; +} +GtkLabel, GtkLabel:insensitive { + background-color: transparent; + color: @white; } -style "window-child" -{ +/* Buttons */ +.button { + + /* It would be nicer to just set the inner-border, but that does not work + for combo boxes ... The combobox ignores it, so set it to 0px + See http://bugzilla.gnome.org/show_bug.cgi?id=485762 */ + + -GtkButton-inner-border: 0 0 0 0; + padding: 5px 5px 5px 5px; + + border-width: 2px; + border-style: solid; + color: @white; } -style "white-bg" -{ +.button:focused { + border-color: @white; +} +.button:active:focused { + color: @black; } -style "white-bg-child" -{ +/* Spin buttons */ + +.spinbutton.button { + border-radius: 0px; + border-width: 0px; + border-style: solid; +} +.spinbutton.button:last-child { + border-width: 0px 0px 0px 2px; + border-style: solid; } -style "black-bg" -{ +/* Toggle buttons */ + +GtkToggleButton.button:active { + color: @black; } -style "black-bg-child" -{ +/* Entries and views */ +.view { + border-width: 0px; + border-style: none; + border-radius: 0px; + padding: 0px; + background-color: @white; } +GtkTreeView { + background-color: @button_grey; +} -style "groupbox-panel" -{ +GtkTreeView row:nth-child(even) { + background-color: @row_even; +} +GtkTreeView row:nth-child(odd) { + background-color: @row_odd; +} +.entry { + border-width: 2px; + border-style: solid; + background-color: @white; + color: @black; + + + padding: 6px 8px 6px 8px; } -style "groupbox-panel-child" -{ +.entry.progressbar { + border-width: 2px; + background-color: @selection_grey; +} + +.entry:focused { + background-color: @white; +} +.toolbar .entry:focused { + border-color: @white; +} + +.entry:insensitive, .view:insensitive { + background-color: @button_grey; } -style "groupbox-palette" -{ +.view:selected { + background-color: @panel_grey; + color: @black; } -style "groupbox-palette-child" -{ +.view:insensitive { + background-color: @white; + color: @black; +} +.entry:selected, +.entry:selected:focused, +.view:selected:focused { + background-color: @selection_grey; + color: @black; } -style "menu" -{ - bg[PRELIGHT] = "#000033" - GtkMenu::scroll-arrow-vlength = 25 - GtkMenu::horizontal-padding = 2 - GtkMenu::vertical-padding = 2 - # This means the outline of the submenu overlaps with a palette. - # However in the case of two normal menus, they are next to each other. - # It is not possible to be smarter about this, because the style comes from - # the submenu. - GtkMenu::horizontal-offset = 0 - GtkMenu::vertical-offset = 0 +/* Frames */ - xthickness = 0 - ythickness = 0 +GtkScrolledWindow.frame { + border-style: solid; + border-width: 2px; + border-radius: 0; + padding: 4px; } -style "palette-menu" = "menu" -{ - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 0 +GtkFrame.frame.journal-preview-box { + border-style: solid; + border-width: 2px; +} + +/* Combo boxes */ - xthickness = 0 - ythickness = 15 +GtkComboBox { + color: @white; + border-color: @white; +} - fg[NORMAL]="#FFFFFF" +GtkComboBox .separator { + /* Remove the separator turning it transparent */ + color: alpha(@theme_base_color, 0.0); } -# Can this all be moved in the menuitem style? -style "menu-child" -{ - fg[NORMAL]="#FFFFFF" - base[NORMAL] = "#FFFFFF" +/* Notebooks */ +.notebook { + background-color: @selection_grey; + color: @black; + padding: 0px; + -GtkNotebook-tab-overlap: -2; + -GtkNotebook-tab-curvature: 4; } +.notebook tab { + background-color: @selection_grey; +} + +/* Setting white color to the tab labels using only the previous rule */ +/* doesn't work, so we have to set white color to the GtkLabel, and make */ +/* sure the buttons get black color in the next two rules: */ +.notebook tab GtkLabel { + color: @white; + padding: 11px 0; +} +.notebook tab .button GtkLabel { + color: @black; +} -######################################################### -######################################################### +.notebook tab:active { + background-color: @black; +} -style "textview" -{ - text[NORMAL]="#000000" - base[NORMAL]="#FFFFFF" +/* Browse Widgets */ - GtkTextView::interior-focus = 1 +BrowseTabPage { + background-color: @black; } -style "scrollbar" -{ - fg[NORMAL]="#FFFFFF" - fg[ACTIVE]="#FFFFFF" - base[NORMAL]="#FFFFFF" - base[ACTIVE]="#FFFFFF" +BrowseSearchWindow .view { + background-color: @black; + color: @white; + border-width: 0 2px 2px 2px; + border-style: solid; } -# hints for the trough padding hacks -# We cannot go trough GTK+, as we don't want a padding on all sides, but only one -# If we wanted padding on all sides, trough-border would work great. -style "hscrollbar" = "scrollbar" -{ +/* Control panel */ + +SugarSectionView { + background-color: @white; + color: @black; +} +SugarSectionView *:insensitive { + background-color: @white; } -style "vscrollbar" = "scrollbar" -{ +/* Alert */ +SugarAlert { + background-color: @black; + color: @white; } -style "hscrollbar-scrolled-window" -{ - +SugarAlert *:insensitive { + background-color: @black; } -style "vscrollbar-scrolled-window" -{ - +.button SugarTimeoutIcon GtkLabel, +.button SugarTimeoutIcon GtkLabel:prelight { + background-color: @white; + color: @button_grey; } -style "scale" -{ - GtkWidget::focus-line-width = 0 +.button SugarTimeoutIcon GtkLabel:active { + background-color: @toolbar_grey; + color: @white; +} - fg[NORMAL]="#FFFFFF" - fg[ACTIVE]="#FFFFFF" +/* Tray */ - # "square" slider (really round of course) - # Same as indicator-size? - GtkRange::slider-width = 32 - GtkScale::slider-length = 32 - GtkRange::trough-border = 0 - GtkRange::stepper-spacing = 0 - GtkRange::trough-side-details = 1 +SugarHTray, SugarVTray { + background-color: @toolbar_grey; } -# hints for the trough sizing hacks -style "hscale" = "scale" -{ +SugarHTray * , SugarVTray * { background-color: @toolbar_grey;} +/* Menus and palettes */ + +SugarPaletteWindowWidget { + border-width: 2px; + border-style: solid; + background-color: @black; + color: @white; } -style "vscale" = "scale" -{ +SugarPaletteWindowWidget .view { + color: @black; +} +SugarPaletteMenuWidget { + background-color: @black; } -style "spinbutton" -{ - xthickness = 15 - ythickness = 7 - GtkWidget::focus-line-width = 0 +SugarPaletteMenuWidget * { + color: @white; } -style "frame" -{ +SugarPaletteWindow SugarGroupBox { + background-color: @toolbar_grey; + color: @white; +} +SugarPaletteWindow SugarGroupBox *:insensitive { + background-color: @toolbar_grey; } -style "notebook-tab" -{ - fg[NORMAL] = "#FFFFFF" +.menu { + color: @white; + + -GtkMenu-scroll-arrow-vlength: 19; + -GtkMenu-horizontal-padding: 2; + -GtkMenu-vertical-padding : 2; + /* This means the outline of the submenu overlaps with a palette. + * However in the case of two normal menus, they are next to each other. + * It is not possible to be smarter about this, because the style comes from + * the submenu. */ + -GtkMenu-horizontal-offset : 0; + -GtkMenu-vertical-offset : 0; + + padding: 0px 0px 11px 0px; + border-width: 2px; + border-style: solid; } -style "notebook-panel" -{ - fg[NORMAL] = "#FFFFFF" +.menu :active { + background-color: @button_grey; } -style "toolbox-notebook" -{ - fg[NORMAL] = "#FFFFFF" +.menuitem { + padding: 11px 8px; } -style "toolbutton" -{ - fg[NORMAL] = "#FFFFFF" +.menuitem.separator { + padding: 11px 0px; } -style "separatortoolbutton" -{ - fg[NORMAL] = "#FFFFFF" +SugarPaletteHeader.menuitem { + padding: 0px 8px; } -style "toolbar" -{ +SugarPaletteHeaderSeparator.menuitem.separator { + padding: 0px 0px 11px 0px; +} +.tooltip { + border-style: solid; + border-width: 2px; } -style "toolbox" -{ - fg[NORMAL] = "#000033" +.tooltip * { + color: @white; } -style "panel" -{ +/* Scrollbars */ +.scrollbar { + -GtkRange-slider-width: 11; + -GtkRange-trough-border: 0; + -GtkRange-stepper-size: 0; + -GtkScrollbar-min-slider-length: 33; + -GtkScrollbar-has-forward-stepper: 0; + -GtkScrollbar-has-backward-stepper: 0; + -GtkScrollbar-has-secondary-forward-stepper: 0; + -GtkScrollbar-has-secondary-backward-stepper: 0; } -style "entry" -{ - fg[NORMAL] = "#000000" - base[NORMAL] = "#FFFFFF" - text[NORMAL] = "#000000" +.scrollbar.trough { + background-color: @button_grey; + border-width: 0px; } -style "button" -{ - fg[NORMAL] = "#FFFFFF" +.scrollbar.slider { + background-color: @white; + border-width: 0px; } -style "combobox" -{ - base[NORMAL] = "#FFFFFF" +.scrollbar.slider:active { + background-color: @text_field_grey; } -style "comboboxentry" -{ - fg[NORMAL]="#FFFFFF" +/* Progress bars */ + +/* Scrollbar padding hack? What was that about? */ + +GtkProgressBar.progressbar { + background-color: @white; + border-style: solid; + border-width: 2px; +} + +GtkProgressBar.trough { + background-color: @selection_grey; + border-style: solid; + border-width: 2px; +} + +.toolbar GtkProgressBar.trough, +SugarPaletteWindowWidget GtkProgressBar.trough { + background-color: @black; } -style "checkbutton" -{ - fg[NORMAL] = "#FFFFFF" +/* Separators */ + +.separator { + border-style: solid; + border-width: 2px; } -style "progressbar" -{ +/* Tool buttons */ +.toolbar { +padding: 0px; +background-color: @toolbar_grey; +color: @white; } -style "menuitem" -{ - GtkMenuItem::horizontal-padding = 0 - GtkMenuItem::arrow-spacing = 15 - GtkMenuItem::toggle-spacing = 15 +.toolbar .button, +SugarPaletteWindowWidget SugarRadioToolButton .button { + border-radius: 0px; + border-style: none; +} - fg[NORMAL] = "#FFFFFF" +.toolbar .button #gtk-toolbar-arrow { + padding: 0 15px; +} - xthickness = 15 - ythickness = 10 +.toolbar GtkToolButton .button, +.toolbar SugarRadioToolButton *, +SugarPaletteWindowWidget SugarRadioToolButton *, +SugarPaletteWindowWidget GtkToolButton .button { + padding: 7px; } -style "checkmenuitem" -{ - GtkCheckMenuItem::indicator-size = 26 - GtkMenuItem::toggle-spacing = 10 +.toolbar GtkToolButton .button, +SugarPaletteWindowWidget GtkToolButton .button:prelight { + padding: 3px; + border-width: 4px; + border-style: solid; + background-clip: padding-box; } -style "imagemenuitem" -{ +.toolbar GtkToolButton .button:active { +} + +SugarPaletteWindowWidget GtkScrolledWindow * { + background-color: @black; } -style "separatormenuitem" -{ - fg[NORMAL] = "#FFFFFF" - GtkWidget::wide-separators = 1 - GtkWidget::separator-height = 30 +/* Scales */ - ythickness = 0 - xthickness = 0 +.scale { + -GtkScale-slider-length: 24; + -GtkRange-slider-width: 24; } -style "trayicon" -{ - +/* We have to override the color of the scale, otherwise the slider + background image is invisible or not set for this palettes. + Upstream bug: https://bugzilla.gnome.org/show_bug.cgi?id=686703 */ +SugarPaletteWindowWidget .scale { + color: transparent; +} + +.scale.trough { + background-color: @button_grey; + border-style: solid; + border-width: 2px; + margin: 8px 0; +} + +.scale.trough.vertical { + margin: 0 8px; +} + + +.scale.trough.top, +.scale.trough.left { + background-color: @white; +} + +.scale.trough.top:focused, +.scale.trough.left:focused { +} + + +.scale.slider, +.scale.slider:active { + background-color: transparent; } -style "parent-bg" -{ - fg[NORMAL]="#FFFFFF" - engine "sugar" { - bg[NORMAL] = parent_bg_color - bg[INSENSITIVE] = parent_bg_color - } +.scale.slider { + background-image: url("assets/scale-slider.svg"); } -style "label"{ - fg[NORMAL]="#FFFFFF" +.scale.slider:active { + background-image: url("assets/scale-slider-active.svg"); } -style "hseparator"{ - fg[NORMAL]="#FFFFFF" + +/* Radio and check buttons */ + +GtkCheckButton:prelight { + background-color: alpha(@theme_base_color, 0.0); } -style "white_treeview"{ - fg[NORMAL]="#000000" - /* base[NORMAL]="#000000" */ - text[NORMAL]="#000000" - /* bg[NORMAL]="#000000" */ + +.toolbar GtkCheckButton, +SugarPaletteWindowWidget GtkCheckButton { + color: @theme_base_color; } -#################################################################### -# Default style, setting some generic options and style properties -#################################################################### -class "GtkWidget" style "default" +.radio, +.radio row:selected, +.radio row:selected:focused { + background-image: url("assets/radio.svg"); +} +.radio:selected, +.radio:selected row:selected, +.radio:selected row:selected:focused { + background-image: url("assets/radio-selected.svg"); +} -#################################################################### -# Styles that apply the different background (and foreground) colors -#################################################################### +.radio:active, +.radio row:selected:active, +.radio row:selected:focused:active { + background-image: url("assets/radio-active.svg"); +} -# This one should probably be the default (ie. no window-child style) -widget_class "" style "window" -widget_class "*" style "window-child" +.radio:active:selected, +.radio:selected row:selected:active, +.radio:selected row:selected:focused:active { + background-image: url("assets/radio-active-selected.svg"); +} -widget_class "*" style "black-bg" -widget_class "**" style "black-bg-child" +.check, +.check row:selected, +.check row:selected:focused { + background-image: url("assets/checkbox-unchecked.svg"); +} -widget_class "*" style "white-bg" -widget_class "**" style "white-bg-child" +.check:selected, +.check:selected row:selected, +.check:selected row:selected:focused { + background-image: url("assets/checkbox-unchecked-selected.svg"); +} +.check:active, +.check row:selected:active, +.check row:selected:focused:active { + background-image: url("assets/checkbox-checked.svg"); +} -# The notebook is very high, so that everything is overriden -# Only the color of the tab labels needs to be modified inside the -# notebooks in this style (and the widget itself). -# Assume that there is either just a normal label in the notebook tab, or -# it is inside a GtkBox (H- or VBox) together with eg. a close button. -widget_class "*" style "notebook-tab" -widget_class "*." style "notebook-tab" -widget_class "*.." style "notebook-tab" +.check:active:selected, +.check:selected row:selected:active, +.check:selected row:selected:focused:active { + background-image: url("assets/checkbox-checked-selected.svg"); +} +/* Tool items */ -# SugarPalette and Menu -widget_class "*" style "menu" -widget_class "" style "menu" -widget_class ".*" style "menu-child" -widget_class "*" style "palette-menu" -widget_class "*.*" style "menu-child" +.toolitem { + /* arrow in the toolbarbox */ + color: @white; + /* outline of the toolbarbutton when palette is expanded */ + border-style: solid; + border-width: 2px; +} -# SugarFrameWindow -widget_class "**" style "frame" +/* GtkImage */ -# SugarPanel -widget_class "**" style "panel" +GtkImage { + background-color: transparent; +} +/* Sugar Frame Window */ -# GroupBoxes (don't set bg[NORMAL] on the widget itself) -widget_class "**" style "groupbox-panel-child" +SugarFrameWindow { + background-color: @toolbar_grey; +} -widget_class "**" style "groupbox-panel-child" -widget_class "*" style "notebook-panel" +/* Sugar Canvas icon */ +SugarCanvasIcon, +SugarKeepIcon.button { + border-width: 2px; + border-style: solid; +} -widget_class "**" style "groupbox-palette-child" +SugarCanvasIcon:prelight, -# SugarToolbox -#widget_class "*" style "toolbox" -#widget_class "**" style "toolbox-child" -#widget_class "**" style "toolbox" -#widget_class "**" style "toolbox" -widget_class "**" style "toolbox" -widget_class "**" style "toolbox" -widget_class "*." style "toolbox-notebook" +/* Sugar CellRenderer Icons */ +.cell.sugar-icon-cell { + border-width: 2px; + border-style: solid; +} -#################################################################### -# Normal widget styles, using the above things -#################################################################### -# The following only uses widget_class matches to get the priority -# right. An alternative would be to lower the priority of the -# background matches (which need widget_class) to eg. "application" -widget_class "**" style "menuitem" -widget_class "*" style "checkmenuitem" -widget_class "*" style "imagemenuitem" -widget_class "**" style "separatormenuitem" +/* Text cursor handles */ -# Buttons and Combos -widget_class "**" style "button" -widget_class "**" style "checkbutton" -widget_class "**" style "combobox" -widget_class "**" style "comboboxentry" -widget_class "**" style "comboboxentry" +.cursor-handle.top, +.cursor-handle.bottom { + box-shadow: none; + border-style: none; + border-image: none; + border-radius: 0px; + border-width: 0px; +} -# Entries -widget_class "*" style "entry" -widget_class "*" style "spinbutton" -widget_class "*" style "textview" +.cursor-handle.bottom { + background-image: url("assets/cursor-handle-bottom.svg"); +} +.cursor-handle.top { + background-image: url("assets/cursor-handle-top.svg"); +} -# Misc widgets -widget_class "*" style "hscrollbar" -widget_class "*" style "vscrollbar" -widget_class "*" style "hscale" -widget_class "*" style "vscale" -widget_class "*" style "progressbar" +.cursor-handle.insertion-cursor { + background-image: url("assets/cursor-handle-insertion.svg"); +} -# Scrolled window scrollbars -widget_class "*." style "vscrollbar-scrolled-window" -widget_class "*." style "hscrollbar-scrolled-window" +/* Application specific properties */ -# Toolbar -widget_class "**" style "toolbutton" -widget_class "**" style "separatortoolbutton" -widget_class "*" style "toolbar" +EvView { + background-color: @panel_grey; +} -# Tray -widget_class "**" style "trayicon" +EvView:selected, +ApDocView:selected { + background-color: @selection_grey; +} -# Widgets that should get the background color from the parent -widget_class "*" style "parent-bg" -widget_class "*" style "parent-bg" -widget_class "*" style "parent-bg" -widget_class "*" style "parent-bg" -widget_class "*" style "parent-bg" +/* Application specific properties */ -widget_class "**" style "label" -widget_class "**" style "hseparator" +EvView { + background-color: @panel_grey; +} -widget_class "**" style "white_treeview" -widget_class "**" style "white_treeview" +EvView:selected, +ApDocView:selected { + background-color: @selection_grey; +} diff --git a/gtk3/theme/gtk.css b/gtk3/theme/gtk.css index 9be9b8f..6e6e30d 100644 --- a/gtk3/theme/gtk.css +++ b/gtk3/theme/gtk.css @@ -25,5 +25,5 @@ /* Colormap actually used by the theme, to be overridden in other css files */ @define-color theme_base_color @base_color; -@import url("gtk-widgets.css"); +@import url("gtk-contrast-widgets.css"); -- cgit v0.9.1