You are not logged in.
- Topics: Active | Unanswered
#1 2019-04-01 15:37:46
- TheWhiteWolf
- Member
- Registered: 2019-01-14
- Posts: 4
[Solved] XFCE Gtk Theme Making Cursor Box on Solid Black
Hi all,
Currently playing with a nice theme for XFCE, Full-Dark-Red https://www.gnome-look.org/p/1289547/
Only issue is, when I use my mouse to highlight things on the desktop, the cursor box is black, and anything selected will not be visible.
Are there any gtk gurus that would be able to help? It seems like it has to be in the XfdesktopIconView section.
Screenshot of issue:
I've gone through the xfce documentation looking for relevant options but nothing that I found seemed to work. I tried the XfdesktopIconView::label-alpha and XfdesktopIconView::selected-label-alpha options to no avail.
Gtkrc file
#
# Full-Dark-Red - Xfce - Theme
#
# Copyright (C) 2019 by TheFranKenstein
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
gtk_color_scheme = "base_color:#262626\nbg_color:#0A0A0A"
gtk_color_scheme = "fg_color:#E0E0E0\ntext_color:#FFFFFF"
gtk_color_scheme = "selected_bg_color:#CD0000\nselected_fg_color:#FFFFFF"
gtk_color_scheme = "selected_bg_insensitive:#8B0000\nselected_fg_insensitive:#FFFFFF"
gtk-color-scheme = "tooltip_bg_color:#000000\ntooltip_fg_color:#FFFFFF"
gtk_color_scheme = "text-prelight:#FF0000\nlink_color:#EE30A7"
gtk_color_scheme = "redcolor:#CC0000\nbluecolor:#1B82E6\ngreencolor:#1BD13D"
gtk-auto-mnemonics = 1 # Disables ugly lines under menu items
gtk-enable-animations = 1
gtk-tooltip-timeout = 1200
gtk-menu-popup-delay = 360
#####################################################################
style "default"
{
GtkWidget::interior_focus = 0
GtkWidget::focus_padding = 0
GtkWidget::focus-line-width = 0
GtkWidget::tooltip-radius = 1
GtkWidget::tooltip-alpha = 255
GtkWidget::new-tooltip-style = 1
GtkButton::focus-padding = 0
GtkButton::image-spacing = 4
GtkButton::icon-spacing = 4
GtkButton::child-displacement-x = 0
GtkButton::child-displacement-y = 0
GtkButton::default-border = { 0,0,0,0 }
GtkButton::default-outside_border = { 0,0,0,0 }
GtkButton::inner-border = { 4,4,2,2 }
GtkButtonBox::child-min-height = 24
GtkNotebook::tab-overlap = -3
GtkNotebook::tab-curvature = 6
GtkRange::trough-border = 0
GtkRange::slider-width = 16
GtkRange::stepper-size = 0
GtkScale::activate-slider = 1 # With this option set to TRUE, sliders will be drawn ACTIVE and with shadow IN while they are dragged.
GtkScale::trough-border = 0
GtkHScale::focus-padding = 1
GtkVScale::focus-padding = 1
GtkVScale::slider_length = 16
GtkVScale::slider_width = 16
GtkHScale::slider_length = 16
GtkHScale::slider_width = 16
GtkScale::trough-side-details = 1
GtkScrollbar::activate-slider = 1
GtkScrollbar::min-slider-length = 50
GtkScrollbar::fixed-slider-length = 1
GtkScrollbar::slider-width = 10
GtkScrollbar::trough-border = 0
GtkScrollbar::has-backward-stepper = 0
GtkScrollbar::has-forward-stepper = 0
GtkScrollbar::has-secondary-backward-stepper = 0
GtkScrollbar::has-secondary-forward-stepper = 0
GtkScrollbar::stepper-size = 0
GtkScrollbar::trough-side-details = 0
GtkScrolledWindow::scrollbar-spacing = 4
GtkScrolledWindow::scrollbars-within-bevel = 1
GtkProgressBar::min-horizontal-bar-height = 12
GtkProgressBar::min-vertical-bar-width = 12
GtkMenuBar::window-dragging = 1
GtkMenuBar::internal-padding = 3
GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
GtkMenu::horizontal-padding = 1
GtkMenu::vertical-padding = 1
GtkMenuItem::arrow-scaling = 0.6
GtkMenuItem::arrow-spacing = 4
GtkMenuItem::toggle-spacing = 8
GtkCheckMenuItem::indicator-size = 16
GtkMenuItem::horizontal-padding = 10
GtkMenuItem::wide-separators = 0
GtkMenuItem::separator-width = 1
GtkMenuItem::separator-height = 1
GtkWidget::wide-separators = 0
GtkWidget::separator-width = 0
GtkWidget::separator-height = 0
GtkToolButton::icon-spacing = 3
GtkToolbar::window-dragging = 1
GtkToolbar::internal-padding = 5
GtkToolbar::space-size = 6 # 0 = no toolbar separators
GtkToolbar::button-relief = GTK_RELIEF_NORMAL
GtkEntry::honors-transparent-bg-hint = 1
GtkEntry::state-hint = 1
GtkEntry::inner-border = { 4,4,2,2 }
GtkTreeView::vertical-separator = 2
GtkTreeView::horizontal-separator = 10
GtkTreeView::allow-rules = 1
GtkTreeView::indent-expanders = 1
GtkTreeView::row_ending_details = 0
GtkTreeView::odd_row_color = @base_color
GtkTreeView::expander-size = 14
GtkTreeView::arrow-scaling = 0.8
GtkExpander::expander-size = 14
GtkExpander::expander-spacing = 4
GtkSpinButton::inner-border = { 6,6,4,4 }
GtkRadioButton::indicator_size = 16
GtkCheckButton::indicator_size = 16
GtkCheckButton::indicator_spacing = 4
GtkArrow::arrow-scaling = 0.8
GtkComboBox::appears-as-list = 0
GtkComboBox::arrow-size = 14
GtkOptionMenu::focus-padding = 0
GtkOptionMenu::indicator_size = { 14, 9 }
GtkOptionMenu::indicator_spacing = { 8,2,3,3 }
GtkPaned::handle_size = 10
GtkStatusbar::shadow_type = GTK_SHADOW_NONE
GtkWidget::link-color = @link_color
GtkWidget::visited-link-color = shade(0.90, @link_color)
GtkHTML::link-color = @link_color
GtkIMHtml::hyperlink-color = @link_color
GtkIMHtmlr::hyperlink-color = @link_color
GnomeHRef::link_color = @link_color
GimpDockWindow::default-height = 240
GimpDock::font-scale = 0.8333
GimpMenuDock::minimal-width = 200
GimpDockWindow::menu-preview-size = small-toolbar
GimpToolPalette::tool-icon-size = menu
GimpToolPalette::button-relief = none
GimpDockbook::tab-border = 0
GimpDockbook::tab-icon-size = menu
GimpColorNotebook::tab-border = 0
GimpColorNotebook::tab-icon-size = menu
GimpDeviceEditor::handle-size = 14
GimpDockable::content-border = 1
GimpEditor::content-spacing = 1
GimpEditor::button-spacing = 1
GimpEditor::button-icon-size = menu
GimpDataEditor::minimal-height = 64
GimpFrame::label-spacing = 2
GtkDialog::content-area-border = 0
GtkDialog::button-spacing = 6
GtkDialog::action-area-border = 12
GimpUnitComboBox::appears-as-list = 0
xthickness = 3
ythickness = 3
bg[NORMAL] = @bg_color
bg[PRELIGHT] = @bg_color
bg[ACTIVE] = @selected_bg_color
bg[SELECTED] = @redcolor
bg[INSENSITIVE] = @bg_color
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @text-prelight
fg[ACTIVE] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = "#6B6B6B"
base[NORMAL] = @bg_color
base[PRELIGHT] = @text-prelight
base[ACTIVE] = shade (0.90, @selected_bg_insensitive)
base[SELECTED] = shade (1.10, @selected_bg_insensitive)
base[INSENSITIVE] = @base_color
text[NORMAL] = @text_color
text[PRELIGHT] = @selected_fg_color
text[ACTIVE] = @fg_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = "#6B6B6B"
engine "pixmap"
{
# Check
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/check3.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/check4.svg"
overlay_stretch = FALSE
}
# Radio
image
{
function = OPTION
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/option3.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/option4.svg"
overlay_stretch = FALSE
}
# Arrows
image
{
function = ARROW
state = NORMAL
recolorable = TRUE
overlay_file = "Arrows/arrow-up.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-up-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
state = ACTIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-up-active.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
state = INSENSITIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-up-insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
state = NORMAL
recolorable = TRUE
overlay_file = "Arrows/arrow-down.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-down-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
state = ACTIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-down-active.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
state = INSENSITIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-down-insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
image
{
function = ARROW
state = NORMAL
recolorable = TRUE
overlay_file = "Arrows/arrow-left.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-left-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
state = ACTIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-left-active.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
state = INSENSITIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-left-insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
state = NORMAL
recolorable = TRUE
overlay_file = "Arrows/arrow-right.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-right-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image
{
function = ARROW
state = ACTIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-right-active.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image
{
function = ARROW
state = INSENSITIVE
recolorable = TRUE
overlay_file = "Arrows/arrow-right-insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
# Option Menu Arrows
image
{
function = TAB
state = NORMAL
overlay_file = "Arrows/arrow-down.svg"
overlay_border = {0,0,0,0}
overlay_stretch = FALSE
}
image
{
function = TAB
state = PRELIGHT
overlay_file = "Arrows/arrow-down-prelight.svg"
overlay_border = {0,0,0,0}
overlay_stretch = FALSE
}
image
{
function = TAB
state = ACTIVE
overlay_file = "Arrows/arrow-down-active.svg"
overlay_border = {0,0,0,0}
overlay_stretch = FALSE
}
image
{
function = TAB
state = INSENSITIVE
overlay_file = "Arrows/arrow-down-insensitive.svg"
overlay_stretch = FALSE
}
# Expanders
image {
function = EXPANDER
state = NORMAL
expander_style = COLLAPSED
file = "Check-Radio/plus.svg"
}
image {
function = EXPANDER
state = NORMAL
expander_style = EXPANDED
file = "Check-Radio/minus.svg"
}
image {
function = EXPANDER
state = NORMAL
expander_style = SEMI_EXPANDED
file = "Check-Radio/minus.svg"
}
image {
function = EXPANDER
state = NORMAL
expander_style = SEMI_COLLAPSED
file = "Check-Radio/plus.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = COLLAPSED
file = "Check-Radio/plusp.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = EXPANDED
file = "Check-Radio/minusp.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = SEMI_EXPANDED
file = "Check-Radio/minusp.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = SEMI_COLLAPSED
file = "Check-Radio/plusp.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = SEMI_EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = SEMI_COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = SEMI_EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = SEMI_COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/plusX.svg"
expander_style = COLLAPSED
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/plusX.svg"
expander_style = SEMI_COLLAPSED
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/minusX.svg"
expander_style = SEMI_EXPANDED
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/minusX.svg"
expander_style = EXPANDED
}
# Handles
image
{
function = HANDLE
state = NORMAL
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-h.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = PRELIGHT
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-h-active.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = ACTIVE
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-h-active.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = INSENSITIVE
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-h.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = NORMAL
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-v.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
state = PRELIGHT
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-v-active.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
state = ACTIVE
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-v-active.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
state = INSENSITIVE
recolorable = TRUE
file = "Assets/handle-bg.svg"
overlay_file = "Assets/handle-v.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
# Resize Grip
image
{
function = RESIZE_GRIP
detail = "statusbar"
overlay_file = "Assets/resize-grip.svg"
overlay_stretch = FALSE
}
# Lines
image
{
function = VLINE
recolorable = TRUE
file = "Assets/null.png"
border = { 0, 1, 0, 0 }
stretch = TRUE
}
image
{
function = HLINE
recolorable = TRUE
file = "Assets/null.png"
border = { 0, 0, 0, 1 }
stretch = TRUE
}
# Shadows
image {
function = SHADOW
shadow = IN
file = "Assets/frame.svg"
border = {1,1,1,1}
stretch = TRUE
overlay_file = "Assets/frame.svg"
overlay_border = {1,1,1,1}
overlay_stretch = TRUE
}
image {
function = SHADOW
shadow = OUT
file = "Assets/frame.svg"
border = {1,1,1,1}
stretch = TRUE
}
image {
function = SHADOW
shadow = ETCHED_IN
file = "Assets/frame.svg"
border = {1,1,1,1}
stretch = TRUE
}
image {
function = SHADOW
shadow = ETCHED_OUT
file = "Assets/frame.svg"
border = {1,1,1,1}
stretch = TRUE
}
image {
function = SHADOW_GAP
file = "Assets/frame.svg"
border = {1,1,1,1}
stretch = TRUE
gap_start_file = "Assets/frame_gap.svg"
gap_start_border = {0,0,0,0}
gap_end_file = "Assets/frame_gap.svg"
gap_end_border = {0,0,0,0}
}
# Focus
image {
function = FOCUS
file = "Assets/null.png"
border = { 0,0,0,0 }
stretch = TRUE
}
}
}
class "GtkWidget" style "default"
#####################################################################
style "scrollbar"
{
bg[NORMAL] = "#660000"
bg[PRELIGHT] = "#8B0000"
bg[ACTIVE] = "#660000"
bg[INSENSITIVE] = "#404040"
engine "pixmap"
{
########### TROUGH
image
{
function = BOX
detail = "trough"
file = "Scrollbars/trough-scrollbar.svg"
border = { 2,2,2,2 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = BOX
detail = "trough"
file = "Scrollbars/trough-scrollbar.svg"
border = { 2,2,2,2 }
stretch = TRUE
orientation = VERTICAL
}
########### SLIDERS HORIZONTAL
image
{
function = SLIDER
state = NORMAL
file = "Scrollbars/slider.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
state = PRELIGHT
file = "Scrollbars/slider-prelight.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
state = ACTIVE
file = "Scrollbars/slider-active.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = SLIDER
state = INSENSITIVE
file = "Scrollbars/slider-insensitive.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = HORIZONTAL
}
########### SLIDERS VERTICAL
image
{
function = SLIDER
state = NORMAL
file = "Scrollbars/slider.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = SLIDER
state = PRELIGHT
file = "Scrollbars/slider-prelight.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = SLIDER
state = ACTIVE
file = "Scrollbars/slider-active.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = SLIDER
state = INSENSITIVE
file = "Scrollbars/slider-insensitive.svg"
border = { 1,1,1,1 }
stretch = TRUE
orientation = VERTICAL
}
}
}
class "GtkScrollbar" style "scrollbar"
#####################################################################
style "menu"
{
xthickness = 10
ythickness = 10
bg[NORMAL] = "#333333"
bg[PRELIGHT] = @selected_bg_color
bg[INSENSITIVE] = "#333333"
fg[NORMAL] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
text[NORMAL] = @selected_fg_color
text[PRELIGHT] = @selected_fg_color
engine "pixmap"
{
image
{
function = BOX
detail = "menu"
file = "Assets/menu.svg"
border = { 3,3,3,3 }
recolorable = FALSE
stretch = TRUE
}
image
{
function = BOX
state = NORMAL
file = "Assets/menuitem-arrow-normal.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
file = "Assets/menuitem-arrow-prelight.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Assets/menuitem-arrow-insensitive.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-up.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = UP
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-down.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = DOWN
}
}
}
class "GtkMenu" style "menu"
widget_class "*<GtkMenu>*" style "menu"
widget "*.gtk-combobox-popup-menu*" style "menu"
#####################################################################
style "menuitem"
{
xthickness = 5
ythickness = 5
bg[NORMAL] = @base_color
bg[PRELIGHT] = @selected_bg_color
bg[SELECTED] = @selected_bg_color
fg[NORMAL] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
fg[SELECTED] = @selected_fg_color
text[NORMAL] = @selected_fg_color
text[PRELIGHT] = @selected_fg_color
engine "pixmap"
{
image
{
function = BOX
recolorable = FALSE
state = PRELIGHT
file = "Assets/menuitem.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
# Special Arrow
image
{
function = ARROW
state = NORMAL
recolorable = TRUE
overlay_file = "Arrows/arrow-right-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image
{
function = ARROW
state = NORMAL
recolorable = TRUE
overlay_file = "Arrows/arrow-left-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image {
function = ARROW
state = PRELIGHT
overlay_file = "Arrows/menu-arrow-right-prelight.svg"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
image {
function = ARROW
state = PRELIGHT
overlay_file = "Arrows/menu-arrow-left-prelight.svg"
overlay_border = { 0, 0, 0, 0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
# Check
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/menu-check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/menu-check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/check3.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/menu-check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/menu-check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/check4.svg"
overlay_stretch = FALSE
}
# Radio
image
{
function = OPTION
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/menu-option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/menu-option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/option3.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/menu-option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/menu-option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/option4.svg"
overlay_stretch = FALSE
}
# Shadows
image
{
function = SHADOW # This fixes boxy Qt menu items
file = "Assets/null.png"
border = { 0,0,0,0 }
stretch = TRUE
}
}
}
class "GtkMenuItem" style "menuitem"
class "GtkTearoffMenuItem" style "menuitem"
class "GtkCheckMenuItem" style "menuitem"
class "GtkRadioMenuItem" style "menuitem"
widget_class "*<GtkMenuItem>*" style "menuitem"
widget "*.gtk-combobox-popup-menu.*" style "menuitem"
#####################################################################
style "separator_menu_item" {
xthickness = 0
ythickness = 4
engine "pixmap"
{
# menu lines
image
{
function = HLINE
recolorable = TRUE
file = "Assets/menu-line.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
class "GtkSeparatorMenuItem" style "separator_menu_item"
widget_class "*<GtkSeparatorMenuItem>*" style "separator_menu_item"
#####################################################################
style "menubar"
{
bg[NORMAL] = @bg_color
bg[PRELIGHT] = @selected_bg_color
fg[NORMAL] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = "#6B6B6B"
engine "pixmap"
{
image {
function = BOX
detail = "menubar"
file = "Assets/menubar.svg"
stretch = TRUE
border = { 1,1,1,1 }
}
}
}
class "GtkMenuBar*" style "menubar"
widget_class "*<GtkMenuBar>*" style "menubar"
#####################################################################
style "menubaritem"
{
xthickness = 2
ythickness = 2
bg[PRELIGHT] = @selected_bg_color
fg[PRELIGHT] = @selected_fg_color
font_name = "bold"
engine "pixmap"
{
image
{
function = BOX
recolorable = TRUE
state = PRELIGHT
file = "Assets/menubaritem.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "menubaritem"
#####################################################################
style "range"
{
xthickness = 3
ythickness = 3
bg[NORMAL] = @selected_bg_color # Slider
bg[PRELIGHT] = @selected_bg_insensitive # Slider
bg[ACTIVE] = "#8F8F8F" # Trough
bg[SELECTED] = "#ff0000" # Trough Active
bg[INSENSITIVE] = "#404040" # Trough Insensitive
engine "pixmap"
{
image {
function = BOX
detail = "trough-upper"
file = "Range/trough-horizontal.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
detail = "trough-lower"
file = "Range/trough-horizontal-active.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
detail = "trough-upper"
file = "Range/trough-vertical.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = BOX
detail = "trough-lower"
file = "Range/trough-vertical-active.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = BOX
state = INSENSITIVE
detail = "trough-upper"
file = "Range/trough-horizontal-insensitive.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
state = INSENSITIVE
detail = "trough-lower"
file = "Range/trough-horizontal-insensitive.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = HORIZONTAL
}
image {
function = BOX
state = INSENSITIVE
detail = "trough-upper"
file = "Range/trough-vertical-insensitive.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = VERTICAL
}
image {
function = BOX
state = INSENSITIVE
detail = "trough-lower"
file = "Range/trough-vertical-insensitive.svg"
border = { 6,6,6,6 }
stretch = TRUE
orientation = VERTICAL
}
# Horizontal
image {
function = SLIDER
state = NORMAL
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider.svg"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = PRELIGHT
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-prelight.svg"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = ACTIVE
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-active.svg"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image {
function = SLIDER
state = INSENSITIVE
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-insensitive.svg"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
# Vertical
image {
function = SLIDER
state = NORMAL
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider.svg"
overlay_stretch = FALSE
orientation = VERTICAL
}
image {
function = SLIDER
state = PRELIGHT
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-prelight.svg"
overlay_stretch = FALSE
orientation = VERTICAL
}
image {
function = SLIDER
state = ACTIVE
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-active.svg"
overlay_stretch = FALSE
orientation = VERTICAL
}
image {
function = SLIDER
state = INSENSITIVE
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
overlay_file = "Range/slider-insensitive.svg"
overlay_stretch = FALSE
orientation = VERTICAL
}
# Function below removes ugly boxes
image {
function = BOX
file = "Assets/null.png"
border = { 0, 0, 0, 0 }
stretch = TRUE
}
}
}
class "GtkRange" style "range"
class "GtkScale" style "range"
class "GtkVScale" style "range"
class "GtkHScale" style "range"
widget_class "*GtkScale*" style "range"
widget_class "*GtkVScale*" style "range"
widget_class "*GtkHScale*" style "range"
#####################################################################
style "progressbar"
{
xthickness = 1
ythickness = 1
fg[NORMAL] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
bg[ACTIVE] = "#1D1D1D" # Trough
bg[SELECTED] = "#420000" # Progress-Bar
engine "pixmap"
{
image
{
function = BOX
detail = "trough"
file = "ProgressBar/trough.svg"
border = { 3,3,3,3 }
stretch = TRUE
orientation = HORIZONTAL
}
image
{
function = BOX
detail = "bar"
file = "ProgressBar/progressbar-h.svg"
stretch = TRUE
border = { 1,1,1,1 }
orientation = HORIZONTAL
}
image
{
function = BOX
detail = "trough"
file = "ProgressBar/trough.svg"
border = { 3,3,3,3 }
stretch = TRUE
orientation = VERTICAL
}
image
{
function = BOX
detail = "bar"
file = "ProgressBar/progressbar-v.svg"
stretch = TRUE
border = { 1,1,1,1 }
orientation = VERTICAL
}
}
}
class "GtkBar" style "progressbar"
class "GtkProgressBar" style "progressbar"
widget_class "*ProgressBar*" style "progressbar"
#####################################################################
style "entry"
{
xthickness = 3
ythickness = 3
bg[NORMAL] = "#404040"
# Normal:
base[NORMAL] = "#404040"
text[NORMAL] = @selected_fg_color
# Selected:
base[SELECTED] = @selected_bg_color
text[SELECTED] = @selected_fg_color
# Active:
base[ACTIVE] = "#404040"
text[ACTIVE] = @selected_fg_color
# insensitive:
base[INSENSITIVE] = @base_color
text[INSENSITIVE] = "#666666"
engine "pixmap"
{
image {
function = SHADOW
detail = "entry"
state = NORMAL
shadow = IN
file = "Entry/entry.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = ACTIVE
file = "Entry/entry-active.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image {
function = SHADOW
detail = "entry"
state = INSENSITIVE
shadow = IN
file = "Entry/entry-insensitive.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = NORMAL
overlay_file = "Entry/bg_entry.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = ACTIVE
overlay_file = "Entry/bg_entry.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = TRUE
}
}
}
class "GtkEntry" style "entry"
class "GtkOldEditable" style "entry"
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "entry"
widget "*xchat-inputbox" style "entry"
widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "entry"
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "entry"
widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "entry"
widget_class "<GtkEntry>" style "entry"
widget_class "*<GtkNotebook>*<GtkEntry>" style "entry"
#####################################################################
style "button"
{
xthickness = 4
ythickness = 4
# buttons:
bg[NORMAL] = "#2E2E2E"
bg[PRELIGHT] = "#660000"
bg[ACTIVE] = "#a20d0d"
bg[INSENSITIVE] = "#1A1A1A"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
engine "pixmap"
{
# Default button
image
{
function = BOX
recolorable = TRUE
detail = "buttondefault"
file = "Buttons/button-default.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = NORMAL
file = "Buttons/button-normal.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = OUT
file = "Buttons/button-prelight.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = IN
file = "Buttons/button-active-prelight.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/button-active.svg"
border = { 15,15,15,15 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/button-insensitive.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
}
}
class "GtkButton" style "button"
widget_class "*.<GtkButton>.*" style "button"
widget_class "*Chrom*Button*" style "button"
widget_class "*<GtkFileChooserDefault>*<GtkToolbar>*<GtkButton>" style "button"
widget_class "*<GtkInfoBar>*<GtkButton>" style "button"
#####################################################################
style "togglebutton" = "button"
{
xthickness = 3
ythickness = 3
# buttons:
bg[NORMAL] = "#680a0a"
bg[PRELIGHT] = "#8b0000"
bg[ACTIVE] = "#a10d0d"
bg[INSENSITIVE] = "#2f0505"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
}
widget_class "*<GtkFileChooserDefault>*<GtkToggleButton>" style "togglebutton"
widget_class "*ThunarLocationButtons*" style "togglebutton"
###############################################################################
style "link_button"
{
xthickness = 3
ythickness = 3
# Disable the button effect, leave just the link
engine "pixmap" {image {function = BOX}}
}
class "GtkLinkButton" style "link_button"
###############################################################################
style "checkradio"
{
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @text-prelight
fg[ACTIVE] = @selected_fg_color
# check/radio
base[NORMAL] = @selected_fg_color
text[NORMAL] = @selected_bg_color
bg[SELECTED] = @selected_fg_color
text[ACTIVE] = "black"
text[PRELIGHT] = "black"
# background
bg[NORMAL] = @bg_color
bg[PRELIGHT] = @bg_color
bg[ACTIVE] = @bg_color
bg[INSENSITIVE] = @bg_color
engine "pixmap"
{
# Check
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/check3.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/check4.svg"
overlay_stretch = FALSE
}
# Radio
image
{
function = OPTION
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/option3.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/option4.svg"
overlay_stretch = FALSE
}
image
{
function = FLAT_BOX
stretch = TRUE
file = "Assets/null.png"
border = { 0,0,0,0 }
}
}
}
class "GtkCheckButton" style "checkradio"
widget_class "*GtkCheckButton*GtkLabel*" style "checkradio"
class "GtkRadioButton" style "checkradio"
widget_class "*GtkRadioButton*GtkLabel*" style "checkradio"
#####################################################################
style "spinbutton"
{
xthickness = 4
ythickness = 1
# Normal:
base[NORMAL] = "#404040"
text[NORMAL] = @selected_fg_color
# Selected:
base[SELECTED] = @selected_bg_color
text[SELECTED] = @selected_fg_color
# Active:
base[ACTIVE] = "#404040"
text[ACTIVE] = @selected_fg_color
# insensitive:
base[INSENSITIVE] = @base_color
text[INSENSITIVE] = "#666666"
# buttons:
bg[NORMAL] = "#9a1a1a"
bg[PRELIGHT] = "#9a1a1a"
bg[ACTIVE] = "#9a1a1a"
bg[INSENSITIVE] = "#891717"
# Progress-Bar
bg[SELECTED] = "#420000" # Progress-Bar
# arrows:
fg[NORMAL] = "#FFFFFF"
fg[PRELIGHT] = "#ff0000"
fg[ACTIVE] = "#FF738A"
fg[INSENSITIVE] = "#646464"
engine "pixmap"
{
# Buttons
image
{
function = ARROW
}
image
{
function = BOX
state = NORMAL
detail = "spinbutton_up"
file = "SpinButton/spin_button.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-up.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = NORMAL
detail = "spinbutton_down"
file = "SpinButton/spin_button.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-down.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = PRELIGHT
detail = "spinbutton_up"
file = "SpinButton/spin_button.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-up-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = PRELIGHT
detail = "spinbutton_down"
file = "SpinButton/spin_button.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-down-prelight.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = ACTIVE
detail = "spinbutton_up"
file = "SpinButton/spin_button.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-up-active.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = ACTIVE
detail = "spinbutton_down"
file = "SpinButton/spin_button.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-down-active.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = INSENSITIVE
detail = "spinbutton_up"
file = "SpinButton/spin_button_insensitive.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-up-insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
image
{
function = BOX
state = INSENSITIVE
detail = "spinbutton_down"
file = "SpinButton/spin_button_insensitive.svg"
border = { 0,0,0,0 }
stretch = TRUE
overlay_file = "SpinButton/arrow-down-insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
}
# SPIN ENTRY ##############
image
{
function = FOCUS
recolorable = TRUE
file = "Entry/spin-entry-active-ltr.svg"
border = { 1,0,1,1 }
stretch = TRUE
}
image
{
function = SHADOW
detail = "entry"
shadow = IN
recolorable = FALSE
file = "Entry/spin-entry-ltr.svg"
border = { 1,0,1,1 }
stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = NORMAL
overlay_file = "Entry/bg_entry.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = ACTIVE
overlay_file = "Entry/bg_entry.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = TRUE
}
image {
function = FLAT_BOX
detail = "entry_bg"
state = INSENSITIVE
overlay_file = "Entry/bg_entry_insensitive.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = TRUE
}
image
{
function = BOX
state = SELECTED
file = "SpinButton/spin_progressbar.svg"
stretch = TRUE
border = { 3,3,3,3 }
orientation = HORIZONTAL
}
}
}
class "GtkSpinButton" style "spinbutton"
widget_class "*<GtkSpinButton>" style "spinbutton"
widget "GtkWindow.GtkFixed.GtkSpinButton" style "spinbutton"
class "GimpSpinScale" style "spinbutton"
###############################################################################
style "notebook-tab"
{
bg[NORMAL] = "#404040"
fg[NORMAL] = @selected_fg_color
bg[ACTIVE] = "#262626"
fg[ACTIVE] = shade(0.70, @selected_fg_color)
}
widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook-tab"
widget_class "*.<GtkNotebook>.<GtkLabel>" style "notebook-tab"
widget_class "PlumaWindow*<GtkNotebook>*PlumaTab*<GtkLabel>" style "notebook-tab"
widget_class "GeditWindow*<GtkNotebook>*GeditTab*<GtkLabel>" style "notebook-tab"
widget_class "*.<GtkNotebook>.<GtkHBox>.<GtkLabel>" style "notebook-tab"
widget_class "*.<GtkNotebook>.*<GtkEventBox>*<GtkLabel>" style "notebook-tab"
###############################################################################
style "notebook"
{
xthickness = 3
ythickness = 3
bg[NORMAL] = "#000000"
bg[ACTIVE] = "#303030"
bg[PRELIGHT] = @bg_color
bg[SELECTED] = @bg_color
bg[INSENSITIVE] = @bg_color
engine "pixmap"
{
image {
function = EXTENSION
state = ACTIVE
file = "Notebook/tab-normal-bottom.svg"
border = { 1,1,3,1 }
stretch = TRUE
gap_side = TOP
}
image {
function = EXTENSION
state = ACTIVE
file = "Notebook/tab-normal-top.svg"
border = { 1,1,1,3 }
stretch = TRUE
gap_side = BOTTOM
}
image {
function = EXTENSION
state = ACTIVE
file = "Notebook/tab-normal-right.svg"
border = { 3,1,1,1 }
stretch = TRUE
gap_side = LEFT
}
image {
function = EXTENSION
state = ACTIVE
file = "Notebook/tab-normal-left.svg"
border = { 1,3,1,1 }
stretch = TRUE
gap_side = RIGHT
}
image {
function = EXTENSION
file = "Notebook/tab-active-bottom.svg"
border = { 1,1,3,2 }
stretch = TRUE
gap_side = TOP
}
image {
function = EXTENSION
file = "Notebook/tab-active-top.svg"
border = { 1,1,2,3 }
stretch = TRUE
gap_side = BOTTOM
}
image {
function = EXTENSION
file = "Notebook/tab-active-right.svg"
border = { 3,2,1,1 }
stretch = TRUE
gap_side = LEFT
}
image {
function = EXTENSION
file = "Notebook/tab-active-left.svg"
border = { 2,3,1,1 }
stretch = TRUE
gap_side = RIGHT
}
# How to draw boxes with a gap on one side (ie the page of a notebook)
image
{
function = BOX_GAP
file = "Notebook/notebook-top.svg"
border = { 4,4,4,0 }
stretch = TRUE
gap_file = "Assets/null.png"
gap_border = { 0,0,0,0 }
gap_side = TOP
}
image
{
function = BOX_GAP
file = "Notebook/notebook-bottom.svg"
border = { 4,4,0,4 }
stretch = TRUE
gap_file = "Assets/null.png"
gap_border = { 0,0,0,0 }
gap_side = BOTTOM
}
image
{
function = BOX_GAP
file = "Notebook/notebook-left.svg"
border = { 4,0,4,4 }
stretch = TRUE
gap_file = "Assets/null.png"
gap_border = { 0,0,0,0 }
gap_side = LEFT
}
image
{
function = BOX_GAP
file = "Notebook/notebook-right.svg"
border = { 0,4,4,4 }
stretch = TRUE
gap_file = "Assets/null.png"
gap_border = { 0,0,0,0 }
gap_side = RIGHT
}
# How to draw the box of a notebook when it isnt attached to a tab
image
{
function = BOX
file = "Notebook/notebook.svg"
border = { 4,4,4,4 }
stretch = TRUE
}
}
}
class "GtkNotebook" style "notebook"
widget_class "*.GtkNotebook.*GtkEventBox" style "notebook"
widget_class "*.GtkNotebook.*GtkViewport" style "notebook"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "notebook"
widget_class "*<GtkNotebook>*<GtkLayout>" style "notebook"
widget "*GimpNotebook.*" style "notebook"
###############################################################################
style "notebook_viewport"
{
bg[NORMAL] = @bg_color
}
widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_viewport"
###############################################################################
style "notebook-close"
{
xthickness = 2
ythickness = 2
GtkButton::inner-border = { 2,2,2,2 }
stock["gtk-close"] = {{ "Assets/stock_close.svg", *, *, * }}
}
widget_class "*<GtkNotebook>*" style "notebook-close"
###############################################################################
style "notebook_eventbox" { #Fix GVim - Streamtuner ... >>tabs<<
bg_pixmap[NORMAL] = "Assets/null.png"
bg[NORMAL] = "#404040"
fg[NORMAL] = @selected_fg_color
bg[ACTIVE] = "#262626"
fg[ACTIVE] = shade(0.70, @selected_fg_color)
}
widget_class "*<GtkNotebook>*<GtkEventBox>" style "notebook_eventbox"
###############################################################################
style "notebook_spinbutton" = "spinbutton"
{
xthickness = 4
ythickness = 1
}
widget_class "*<GtkNotebook>*<GtkSpinButton>*" style "notebook_spinbutton"
###############################################################################
style "combobox"
{
xthickness = 3
ythickness = 3
}
widget_class "*<GtkComboBox>" style "combobox"
###############################################################################
style "combobox_button"
{
engine "pixmap"
{
image
{
function = BOX
state = NORMAL
file = "Buttons/combo-normal.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = OUT
file = "Buttons/combo-normal.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/combo-active.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/combo-insensitive.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
}
}
widget_class "*<GtkComboBox>*<GtkButton>" style:highest "combobox_button"
widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "combobox_button"
#####################################################################
style "combobox_separator"
{
xthickness = 0
ythickness = 0
engine "pixmap"
{
image
{
function = SHADOW
}
}
}
widget_class "*<GtkComboBox>*<GtkSeparator>" style "combobox_separator"
#####################################################################
style "option_menu"
{
xthickness = 3
ythickness = 3
engine "pixmap"
{
image
{
function = BOX
state = NORMAL
file = "Buttons/combo-normal.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = OUT
file = "Buttons/combo-normal.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/combo-active.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/combo-insensitive.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
}
}
class "GtkOptionMenu" style "option_menu"
#####################################################################
style "fontbox"
{
GtkButton::inner-border = { 4,4,3,3}
bg[NORMAL] = @bg_color
# arrows:
fg[NORMAL] = "#FFFFFF"
fg[PRELIGHT] = "#ff0000"
fg[ACTIVE] = "#FF738A"
fg[INSENSITIVE] = "#646464"
}
class "*Font*" style:highest "fontbox"
###############################################################################
style "toolbar"
{
bg[NORMAL] = @bg_color
engine "pixmap"
{
image
{
function = BOX
file = "Assets/toolbar.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = HANDLE
state = NORMAL
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-h.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = PRELIGHT
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-h-active.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = ACTIVE
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-h-active.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = INSENSITIVE
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-h.svg"
overlay_border = {1,1,1,0 }
overlay_stretch = FALSE
orientation = HORIZONTAL
}
image
{
function = HANDLE
state = NORMAL
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-v.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
state = PRELIGHT
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-v-active.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
state = ACTIVE
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-v-active.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
state = INSENSITIVE
recolorable = TRUE
file = "Assets/toolbar.svg"
overlay_file = "Assets/handle-v.svg"
overlay_border = {0,1,1,1 }
overlay_stretch = FALSE
orientation = VERTICAL
}
}
}
class "*Toolbar" style "toolbar"
class "GtkToolbar" style "toolbar"
class "*HandleBox" style "toolbar"
widget_class "*Toolbar" style "toolbar"
widget_class "*HandleBox" style "toolbar"
widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "toolbar"
###############################################################################
style "toolbar-separator"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = @bg_color
engine "pixmap"
{
image
{
function = VLINE
recolorable = TRUE
file = "Assets/null.png"
border = { 0,0,0,0 }
stretch = TRUE
}
image
{
function = HLINE
recolorable = TRUE
file = "Assets/null.png"
border = { 0,0,0,0 }
stretch = TRUE
}
}
}
widget_class "*GtkSeparatorToolItem" style "toolbar-separator"
#####################################################################
style "inline_toolbar"
{
xthickness = 1
ythickness = 1
bg[NORMAL] = @bg_color
engine "pixmap"
{
image
{
function = BOX
file = "Assets/inline-toolbar.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar"
#####################################################################
style "toolbuttons"
{
xthickness = 3
ythickness = 3
GtkButton::inner-border = { 2,2,2,2 }
# buttons:
bg[NORMAL] = @bg_color
bg[PRELIGHT] = "#8b0000"
bg[ACTIVE] = "#a10d0d"
bg[INSENSITIVE] = "#2f0505"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
engine "pixmap"
{
image
{
function = BOX
state = NORMAL
file = "Buttons/toolbar-button-normal.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = OUT
file = "Buttons/toolbar-button-prelight.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = IN
file = "Buttons/toolbar-button-active-prelight.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/toolbar-button-active.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/toolbar-button-insensitive.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
widget_class "*<GtkToolbar>*<GtkButton>*" style "toolbuttons"
widget_class "*Chrom*Button*" style "toolbuttons" #style "chromium-toolbar-button"
#####################################################################
style "toolbar_spinbutton" = "spinbutton"
{
xthickness = 4
ythickness = 1
GtkSpinButton::inner-border = { 5,5,6,6 }
}
widget_class "*<GtkToolbar>*<GtkSpinButton>" style "toolbar_spinbutton"
###############################################################################
style "toolbar_combobox"
{
GtkWidget::focus_padding = 2
}
widget_class "*<GtkToolbar>*<GtkComboBox>" style "toolbar_combobox"
widget_class "*<GtkToolbar>*<GtkComboBoxEntry>" style "toolbar_combobox"
###############################################################################
style "treeview"
{
base[NORMAL] = @base_color
text[NORMAL] = @text_color
base[ACTIVE] = shade (0.90, @selected_bg_insensitive)
text[ACTIVE] = @selected_fg_insensitive
base[SELECTED] = shade (1.10, @selected_bg_insensitive)
text[SELECTED] = @selected_fg_color
base[INSENSITIVE] = @base_color
text[INSENSITIVE] = darker(@fg_color)
engine "pixmap"
{
# Check
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/check1.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/menu-check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/menu-check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/menu-check1p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/check3.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/check2.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/menu-check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/menu-check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/menu-check2p.svg"
overlay_stretch = FALSE
}
image
{
function = CHECK
recolorable = TRUE
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/check4.svg"
overlay_stretch = FALSE
}
# Radio
image
{
function = OPTION
state = NORMAL
shadow = OUT
overlay_file = "Check-Radio/option1.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = OUT
overlay_file = "Check-Radio/menu-option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = OUT
overlay_file = "Check-Radio/menu-option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = OUT
overlay_file = "Check-Radio/menu-option1p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = OUT
overlay_file = "Check-Radio/option3.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = NORMAL
shadow = IN
overlay_file = "Check-Radio/option2.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = PRELIGHT
shadow = IN
overlay_file = "Check-Radio/menu-option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = ACTIVE
shadow = IN
overlay_file = "Check-Radio/menu-option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = SELECTED
shadow = IN
overlay_file = "Check-Radio/menu-option2p.svg"
overlay_stretch = FALSE
}
image
{
function = OPTION
state = INSENSITIVE
shadow = IN
overlay_file = "Check-Radio/option4.svg"
overlay_stretch = FALSE
}
# Expanders
image {
function = EXPANDER
state = NORMAL
expander_style = COLLAPSED
file = "Check-Radio/plus.svg"
}
image {
function = EXPANDER
state = NORMAL
expander_style = EXPANDED
file = "Check-Radio/minus.svg"
}
image {
function = EXPANDER
state = NORMAL
expander_style = SEMI_EXPANDED
file = "Check-Radio/minus.svg"
}
image {
function = EXPANDER
state = NORMAL
expander_style = SEMI_COLLAPSED
file = "Check-Radio/plus.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = COLLAPSED
file = "Check-Radio/plusp.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = EXPANDED
file = "Check-Radio/minusp.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = SEMI_EXPANDED
file = "Check-Radio/minusp.svg"
}
image {
function = EXPANDER
state = PRELIGHT
expander_style = SEMI_COLLAPSED
file = "Check-Radio/plusp.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = SEMI_EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = ACTIVE
expander_style = SEMI_COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = SEMI_EXPANDED
file = "Check-Radio/minuss.svg"
}
image {
function = EXPANDER
state = SELECTED
expander_style = SEMI_COLLAPSED
file = "Check-Radio/pluss.svg"
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/plusX.svg"
expander_style = COLLAPSED
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/plusX.svg"
expander_style = SEMI_COLLAPSED
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/minusX.svg"
expander_style = SEMI_EXPANDED
}
image {
function = EXPANDER
state = INSENSITIVE
file = "Check-Radio/minusX.svg"
expander_style = EXPANDED
}
}
}
class "GtkTreeView" style "treeview"
###############################################################################
style "treeview_header"
{
xthickness = 4
ythickness = 4
# buttons:
bg[NORMAL] = "#2E2E2E"
bg[PRELIGHT] = "#660000"
bg[ACTIVE] = "#a20d0d"
bg[INSENSITIVE] = "#1F1F1F"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
engine "pixmap"
{
image
{
function = BOX
state = NORMAL
file = "Buttons/button-button-normal.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
file = "Buttons/button-prelight.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/button-active.svg"
border = { 15,15,15,15 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/button-insensitive.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
}
}
widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header"
#####################################################################
style "tooltips"
{
xthickness = 20
ythickness = 10
bg[NORMAL] = @tooltip_bg_color
bg[SELECTED] = "#7F7F7F"
fg[NORMAL] = @tooltip_fg_color
}
class "*GtkTooltips*" style "tooltips"
widget "gtk-tooltip*" style "tooltips"
widget_class "*Tooltips*" style "tooltips"
#####################################################################
style "statusbar"
{
xthickness = 2
ythickness = 2
fg[NORMAL] = @fg_color
}
class "GtkStatusbar" style "statusbar"
widget_class "*<GtkStatusbar>" style "statusbar"
widget_class "*Statusbar*" style "statusbar"
widget_class "*ThunarStatusbar*" style "statusbar"
#####################################################################
style "statusbar_combobox"
{
xthickness = 3
ythickness = 3
GtkButton::inner-border = { 4,4,1,1 }
GtkOptionMenu::indicator_spacing = { 4,4,1,1 }
GtkWidget::focus_padding = 0
}
widget_class "*<GtkStatusbar>*<GtkComboBox>" style "statusbar_combobox"
widget_class "*<GtkStatusbar>*<GtkComboBoxEntry>" style "statusbar_combobox"
widget_class "*<GtkStatusbar>*<GtkOptionMenu>" style "statusbar_combobox"
#####################################################################
style "panel"
{
GtkButton::inner-border = { 2,2,1,1 }
xthickness = 3
ythickness = 3
bg[NORMAL] = shade(0.80, @selected_bg_insensitive)
bg_pixmap[NORMAL] = "Assets/panel.svg"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
engine "pixmap"
{
#panel-shadows-remove
image
{
function = SHADOW
}
#panel-lines-remove
image
{
function = VLINE
recolorable = TRUE
file = "Assets/null.png"
border = { 0, 1, 0, 0 }
stretch = TRUE
}
image
{
function = HLINE
recolorable = TRUE
file = "Assets/null.png"
border = { 0, 0, 0, 1 }
stretch = TRUE
}
#panel-handles-remove
image
{
function = HANDLE
recolorable = TRUE
file = "Assets/null.png"
overlay_file = "Assets/null.png"
overlay_stretch = FALSE
orientation = VERTICAL
}
image
{
function = HANDLE
file = "Assets/null.png"
overlay_file = "Assets/null.png"
overlay_stretch = FALSE
orientation = HORIZONTAL
}
}
}
class "*Mail*" style "panel"
class "*notif*" style "panel"
class "*Notif*" style "panel"
class "PanelToplevel*" style "panel"
widget_class "*Mail*" style "panel"
widget_class "*notif*" style "panel"
widget_class "*Notif*" style "panel"
widget_class "*Tray*" style "panel"
widget_class "*tray*" style "panel"
class "*Panel*Applet*" style "panel"
widget_class "*Panel*GtkToggleButton" style "panel"
widget_class "*Panel*GtkButton" style "panel"
widget_class "*.Panel*Button*GtkLabel" style "panel"
widget_class "*.Panel*GtkLabel" style "panel"
widget "*PanelWidget*" style "panel"
widget "*PanelApplet*" style "panel"
# THANKS TO merlwiz79 FOR THESE FIXES
widget_class "*Netstatus*" style "panel"
widget_class "*Tomboy*Tray*" style "panel"
widget "*fast-user-switch*" style "panel"
widget_class "*PanelToplevel*" style "panel"
#class "Xfce*Panel*" style "panel"
widget_class "*Xfce*Panel*" style "panel"
widget_class "*PanelApplet*" style "panel"
widget_class "*PanelWidget*" style "panel"
widget "*Xfce*Panel*" style "panel"
class "*Xfce*Panel*" style "panel"
style "panelbar" = "panel"
{
}
class "*Panel*MenuBar*" style "panelbar"
widget_class "*Panel*MenuBar*" style "panelbar"
widget_class "*Panel*MenuBar*Item*" style:highest "panelbar"
style "panelbuttons"
{
GtkButton::inner-border = { 3,3,1,1 }
xthickness = 3
ythickness = 3
# buttons:
bg[NORMAL] = "#2E2E2E"
bg[PRELIGHT] = "#660000"
bg[ACTIVE] = "#a20d0d"
bg[INSENSITIVE] = "#1F1F1F"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
engine "pixmap"
{
image
{
function = BOX
state = NORMAL
file = "Buttons/button-button-normal.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = OUT
file = "Buttons/button-prelight.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = IN
file = "Buttons/button-active-prelight.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/panel-button-active.svg"
border = { 3,3,3,3 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/button-insensitive.svg"
border = { 2,2,2,2 }
stretch = TRUE
}
}
}
#widget_class "*Panel*GtkButton" style "panelbuttons"
widget "*tasklist*" style "panelbuttons"
widget_class "*Tasklist*" style:highest "panelbuttons"
widget_class "*XfceActionsPlugin*XfceArrowButton*" style "panelbuttons"
widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons"
widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons"
widget_class "*PanelToplevel*Button" style "panelbuttons"
widget_class "*Panel*GtkToggleButton" style "panelbuttons"
widget_class "*Xfce*Panel*Button*" style "panelbuttons"
# XFCE panel theming.
style "clock" = "panel" # panel clock font bigger
{
xthickness = 3
ythickness = 3
GtkButton::inner-border = { 2,2,2,2 }
fg[NORMAL] = @fg_color
font_name = "Bold 16"
}
widget "*clock*" style "clock"
# Panel
style "xfce-panel-window-style"
{
# Time in miliseconds before the panel will unhide on an enter event
XfcePanelWindow::popup-delay = 450
# Time in miliseconds before the panel will hide on a leave event
XfcePanelWindow::popdown-delay = 350
# Size of autohide window in pixels
XfcePanelWindow::autohide-size = 2
}
class "XfcePanelWindow" style "xfce-panel-window-style"
###############################################################################
style "xfce-header"
{
base[NORMAL] = @bg_color
}
widget_class "*XfceHeading*" style "xfce-header"
#####################################################################
style "frame-title"
{
xthickness = 0
ythickness = 0
fg[NORMAL] = @text_color
}
widget_class "*.<GtkFrame>.<GtkLabel>" style "frame-title"
###############################################################################
style "workspace-switcher" = "panel"
{
bg[ACTIVE] = @selected_bg_insensitive
bg[SELECTED] = @selected_bg_color
}
widget "*Pager*" style "workspace-switcher"
style "xfdesktop-windowlist"
{
bg[NORMAL] = @bg_color
}
widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
style "xfdesktop-icon-view"
{
## background colors
base[NORMAL] = "#000000"
fg[NORMAL] = @selected_fg_color
base[ACTIVE] = "#000000"
fg[ACTIVE] = @selected_fg_color
base[SELECTED] = "#000000"
fg[SELECTED] = @selected_fg_color
## whether or not unselected icon text gets truncated (...)
# XfdesktopIconVIew::ellipsize-icon-labels = 1
## text shadow to be painted with the icon labels
XfdesktopIconView::shadow-x-offset = 1
XfdesktopIconView::shadow-y-offset = 1
XfdesktopIconView::shadow-color = shade(0.60, @selected_fg_color)
XfdesktopIconView::selected-shadow-x-offset = 1
XfdesktopIconView::selected-shadow-y-offset = 1
XfdesktopIconView::selected-shadow-color = shade(0.60, @selected_fg_color)
## opacity of text background (0 - 255, 0 = transparent)
XfdesktopIconView::label-alpha = 25
XfdesktopIconView::selected-label-alpha = 25
XfdesktopIconVIew::ellipsize-icon-labels = 1
## spacing and sizing of icons on the grid
XfdesktopIconVIew::cell-spacing = 4
XfdesktopIconView::cell-padding = 4
XfdesktopIconView::cell-text-width-proportion = 1.0
engine "murrine" {
#############
textstyle = 0
#############
animation = TRUE
arrowstyle = 1 # Estilo -> triangulos
border_shades = {2.8, 2.8}
cellstyle = 0
colorize_scrollbar = FALSE
contrast = 0.5
focusstyle = 2
focus_color = "#4D0000"
default_button_color = "#2E2E2E"
expanderstyle = 2
glowstyle = 4 # 0 = top, 1 = bottom, 2 = top and bottom, 3 = horizontal, 4 = centered glow
glow_shade = 1.0
gradient_shades = {1.00, 1.0, 1.0, 1.00}
highlight_shade = 1.0
lightborderstyle = 1 # 0 = top side, 1 = all sides
lightborder_shade = 1.0
listviewstyle = 0
menubaritemstyle = 0 #menuitem look
prelight_shade = 1.0
progressbarstyle = 0 # 0 = no stripes
reliefstyle = 0 # flat
roundness = 0
shadow_shades = {1.0, 1.0}
scrollbarstyle = 0
separatorstyle = 1 # smooth separator
sliderstyle = 0
trough_border_shades = { 3.00, 3.00 }
trough_shades = { 3.0, 3.0 }
}
}
widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
style "xfwm-tabwin"
{
Xfwm4TabwinWidget::border-width = 1
Xfwm4TabwinWidget::border-alpha = 1.0
Xfwm4TabwinWidget::icon-size = 64
Xfwm4TabwinWidget::alpha = 1.0
Xfwm4TabwinWidget::border-radius = 2
bg[NORMAL] = @bg_color
fg[NORMAL] = @text_color
bg[SELECTED] = @selected_bg_color
fg[SELECTED] = @selected_fg_color
engine "murrine" {
#############
textstyle = 0
#############
animation = TRUE
arrowstyle = 1 # Estilo -> triangulos
border_shades = {2.8, 2.8}
cellstyle = 0
colorize_scrollbar = FALSE
contrast = 0.5
focusstyle = 2
focus_color = "#4D0000"
default_button_color = "#2E2E2E"
expanderstyle = 2
glowstyle = 4 # 0 = top, 1 = bottom, 2 = top and bottom, 3 = horizontal, 4 = centered glow
glow_shade = 1.0
gradient_shades = {1.00, 1.0, 1.0, 1.00}
highlight_shade = 1.0
lightborderstyle = 1 # 0 = top side, 1 = all sides
lightborder_shade = 1.0
listviewstyle = 0
menubaritemstyle = 0 #menuitem look
prelight_shade = 1.0
progressbarstyle = 0 # 0 = no stripes
reliefstyle = 0 # flat
roundness = 0
shadow_shades = {1.0, 1.0}
scrollbarstyle = 0
separatorstyle = 1 # smooth separator
sliderstyle = 0
trough_border_shades = { 3.00, 3.00 }
trough_shades = { 3.0, 3.0 }
}
}
widget "xfwm4-tabwin*" style "xfwm-tabwin"
style "xfwm-tabwin-button"
{
font_name = "bold"
bg[SELECTED] = @selected_bg_color
fg[SELECTED] = @selected_fg_color
}
widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
###############################################################################
# logout window
style "xfsm-logout"
{
xthickness = 5
ythickness = 5
GtkDialog::content-area-border = 30
GtkDialog::content-area-spacing = 0
GtkDialog::action-area-spacing = 0
bg[NORMAL] = @bg_color
bg[SELECTED] = mix(0.84, "#140909", @text-prelight) # Border around the dialog
fg[NORMAL] = shade(0.80, @selected_fg_color)
text[NORMAL] = @text_color
engine "pixmap"
{
image
{
function = HLINE
recolorable = TRUE
file = "Assets/logout-line.svg"
border = { 1,1,1,1 }
stretch = TRUE
}
}
}
widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
style "xfsm-label"
{
xthickness = 0
ythickness = 0
fg[NORMAL] = shade(0.75, @selected_fg_color)
font_name = "bold 14"
}
widget_class "*XfsmLogoutDialog*GtkVBox.GtkVBox.GtkLabel" style "xfsm-label"
style "xfsm-button"
{
xthickness = 5
ythickness = 5
GtkButton::child-displacement-x = 0
GtkButton::child-displacement-y = 0
GtkButton::inner-border = { 8,8,6,6 }
font_name = "bold"
fg[NORMAL] = shade(0.75, @selected_fg_color)
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
engine "pixmap"
{
image
{
function = BOX
state = NORMAL
file = "Buttons/logout-normal.svg"
border = { 6,6,6,6 }
stretch = TRUE
}
image
{
function = BOX
state = PRELIGHT
recolorable = TRUE
shadow = OUT
file = "Buttons/logout-prelight.svg"
border = { 6,6,6,6 }
stretch = TRUE
}
image
{
function = BOX
state = ACTIVE
file = "Buttons/logout-active.svg"
border = { 6,6,6,6 }
stretch = TRUE
}
image
{
function = BOX
state = INSENSITIVE
file = "Buttons/logout-insensitive.svg"
border = { 6,6,6,6 }
stretch = TRUE
}
}
}
widget_class "*XfsmLogoutDialog*GtkButton*" style "xfsm-button"
#####################################################################
style "chrome-gtk-frame" {
ChromeGtkFrame::frame-color = @bg_color
ChromeGtkFrame::inactive-frame-color = @bg_color
ChromeGtkFrame::frame-gradient-size = 0
ChromeGtkFrame::frame-gradient-color = @bg_color
ChromeGtkFrame::incognito-frame-color = @bg_color
ChromeGtkFrame::incognito-inactive-frame-color = @bg_color
ChromeGtkFrame::incognito-frame-gradient-size = 0
ChromeGtkFrame::incognito-frame-gradient-color = @bg_color
ChromeGtkFrame::scrollbar-trough-color = @bg_color
ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color)
ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color)
}
class "ChromeGtkFrame" style "chrome-gtk-frame"
###############################################################################
# Thunar
style "thunar-slim" {
xthickness = 0
ythickness = 0
}
widget_class "ThunarWindow*View" style "thunar-slim"
widget_class "ThunarWindow*Pane" style "thunar-slim"
style "thunar-handle"
{
GtkPaned::handle-size = 10
}
widget_class "*ThunarWindow*.<GtkHPaned>" style "thunar-handle"
style "sidepane"
{
xthickness = 0
ythickness = 0
GtkTreeView::vertical-separator = 3
GtkTreeView::horizontal-separator = 10
GtkTreeView::odd_row_color = @bg_color
GtkTreeView::even_row_color = @bg_color
base[NORMAL] = @bg_color
text[NORMAL] = @text_color
base[ACTIVE] = @selected_bg_insensitive
text[ACTIVE] = @selected_fg_insensitive
base[SELECTED] = @selected_bg_color
text[SELECTED] = @selected_fg_color
base[INSENSITIVE] = @bg_color
engine "pixmap"
{
image {
function = FLAT_BOX
state = NORMAL
border = {0,0,0,0}
stretch = TRUE
file = "Assets/bg.svg"
}
image {
function = FLAT_BOX
state = INSENSITIVE
border = {0,0,0,0}
stretch = TRUE
file = "Assets/bg.svg"
}
}
}
widget_class "*ThunarShortcutsView*" style "sidepane"
widget_class "*ThunarTreeView*" style "sidepane"
widget "*SidebarContent" style "sidepane"
style "thunar-frame"
{
xthickness = 0
ythickness = 0
}
widget_class "*ThunarWindow*.<GtkScrolledWindow>" style "thunar-frame"
###############################################################################
style "calendar"
{
GtkWidget::focus_padding = 4
xthickness = 4
ythickness = 4
base[NORMAL] = @base_color
text[NORMAL] = @selected_fg_color
bg[NORMAL] = @selected_bg_insensitive
fg[NORMAL] = @text_color
bg[PRELIGHT] = "black"
base[SELECTED] = "black"
text[SELECTED] = @selected_fg_color
engine "pixmap"
{
image
{
function = SHADOW
file = "Assets/calendar.svg"
border = {1,1,1,1}
stretch = TRUE
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-left.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = LEFT
}
image
{
function = ARROW
state = PRELIGHT
recolorable = TRUE
overlay_file = "Arrows/arrow-right.svg"
overlay_border = { 0,0,0,0 }
overlay_stretch = FALSE
arrow_direction = RIGHT
}
}
}
class "GtkCalendar" style "calendar"
widget_class "*GtkCalendar*" style "calendar"
style "calendar_menu_item" = "calendar" {
base[NORMAL] = @base_color
text[NORMAL] = @selected_fg_color
base[ACTIVE] = @selected_bg_color
text[ACTIVE] = @selected_fg_color
}
widget_class "*<GtkMenuItem>.*.<GtkCalendar>" style "calendar_menu_item"
###############################################################################
style "spinner"
{
GtkSpinner::cycle-duration = 1000 # Allowed values: >= 500 Default value: 1000
GtkSpinner::num-steps = 20 # Allowed values: >= 1 Default value: 12
fg[NORMAL] = @text-prelight
}
class "GtkSpinner" style "spinner"
###############################################################################
style "scrolled_window"
{
xthickness = 0
ythickness = 0
engine "pixmap"
{
image
{
function = SHADOW
}
}
}
class "GtkScrolledWindow" style "scrolled_window"
###############################################################################
style "window"
{
xthickness = 0
ythickness = 0
engine "pixmap"
{
image
{
function = SHADOW
}
}
}
class "GtkWindow" style "window"
###############################################################################
# gimp
style "gimp_toolbox_frame"
{
engine "pixmap"
{
image
{
function = SHADOW
}
}
}
widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp_toolbox_frame"
style "Gimp-Contrast"
{
bg_pixmap[NORMAL] = "Assets/bg.svg"
base[NORMAL] = @base_color
text[NORMAL] = @text_color
}
widget "*Gimp*" style "Gimp-Contrast"
style "pscc-gimp-tool-dialog-style"
{
GtkDialog::action-area-border = 6
GtkButton::inner-border = { 0,0,0,0 }
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
xthickness = 1
ythickness = 1
}
class "GimpToolDialog" style "pscc-gimp-tool-dialog-style"
style "pscc-gimp-grid-view-style"
{
GtkButton::inner-border = { 0,0,0,0 }
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
bg[NORMAL] = { 1.0, 1.0, 1.0 }
xthickness = 1
ythickness = 1
}
widget "*GimpContainerGridView*GtkViewport*" style "pscc-gimp-grid-view-style"
style "pscc-gimp-dockable-style"
{
GimpFrame::label-bold = 0
xthickness = 4
ythickness = 2
bg_pixmap[NORMAL] = "Assets/bg.svg"
fg[NORMAL] = @selected_fg_color
fg[PRELIGHT] = @text-prelight
bg[NORMAL] = @bg_color
bg[PRELIGHT] = @bg_color
bg[INSENSITIVE] = @bg_color
}
widget "*GimpDockable.*" style "pscc-gimp-dockable-style"
style "pscc-gimp-display-style"
{
GimpRuler::font-scale = 0.6444
GimpUnitComboBox::label-scale = 0.8333
GimpScaleComboBox::label-scale = 0.8333
GtkComboBox::arrow-size = 8
GtkButton::inner-border = { 0,0,0,0 }
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
xthickness = 1
ythickness = 1
bg_pixmap[NORMAL] = "Assets/bg.svg"
bg[NORMAL] = @bg_color
fg[NORMAL] = @fg_color
}
widget "*GimpDisplayShell.*" style "pscc-gimp-display-style"
style "pscc-gimp-overlay-style" = "pscc-gimp-display-style"
{
GtkButton::inner-border = { 0,0,0,0 }
GtkButton::focus-line-width = 0
GtkButton::focus-padding = 0
ythickness = 0
xthickness = 0
}
widget_class "*<GimpOverlayFrame>*" style "pscc-gimp-overlay-style"
style "GimpStatusBar"
{
GimpDock::font-scale = 1.0
font_name = "12"
xthickness = 2
ythickness = 2
# buttons:
bg[NORMAL] = @bg_color
bg[PRELIGHT] = "#8b0000"
bg[ACTIVE] = "#a10d0d"
bg[INSENSITIVE] = "#2f0505"
# Progressbar:
bg[ACTIVE] = "#990000" # Trough
bg[SELECTED] = "#000000" # Progress-Bar
fg[NORMAL] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
# Entry Normal:
base[NORMAL] = "#404040"
text[NORMAL] = @selected_fg_color
text[PRELIGHT] = @selected_fg_color
text[ACTIVE] = @selected_fg_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = "#6B6B6B"
# when the cursor is outside the object = RED_color
fg[INSENSITIVE] = "#ff0000"
}
widget "*GimpStatusbar.*" style "GimpStatusBar"
style "gimp-button"
{
GtkNotebook::tab-overlap = -3
GtkNotebook::tab-curvature = 10
GtkButtonBox::child-min-height = 36
GtkButton::inner-border = { 2,2,2,2 }
GtkSpinButton::inner-border = { 5,5,5,5 }
xthickness = 3
ythickness = 3
# buttons:
bg[NORMAL] = @bg_color
bg[PRELIGHT] = "#8b0000"
bg[ACTIVE] = "#a10d0d"
bg[INSENSITIVE] = "#2f0505"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
}
class "GtkItem" style "gimp-button"
widget_class "*Gimp*Button*" style "gimp-button"
style "gimp-toolbox"
{
GtkButton::inner-border = { 2,2,2,2 }
GtkButton::focus-line-width = 0
ythickness = 4
xthickness = 4
bg_pixmap[NORMAL] = "Assets/bg.svg"
# buttons:
bg[NORMAL] = @bg_color
bg[PRELIGHT] = "#8b0000"
bg[ACTIVE] = "#a10d0d"
bg[INSENSITIVE] = "#2f0505"
fg[NORMAL] = @fg_color
fg[PRELIGHT] = @selected_fg_color
fg[ACTIVE] = @selected_fg_color
fg[INSENSITIVE] = "#808080"
}
widget "*GimpToolPalette*" style "gimp-toolbox"
###############################################################################
style "fix_ugly_text"
{
engine "murrine"
{
textstyle = 0
text_shade = 1.0
}
}
class "GtkImage" style "fix_ugly_text"
class "GtkLabel" style "fix_ugly_text"
class "GtkComboBox" style "fix_ugly_text"
class "GtkCellView" style "fix_ugly_text"
widget_class "*.<GtkButton>.<GtkLabel>" style "fix_ugly_text"
widget_class "*.<GtkComboBox>.<GtkCellView>" style "fix_ugly_text"
widget_class "*<GtkImage>*" style "fix_ugly_text"
widget_class "*.<GtkLabel>" style:highest "fix_ugly_text"
widget_class "*.<GtkMenuItem>.*" style:highest "fix_ugly_text"
widget_class "*<GtkMenuBar>*<GtkLabel>*" style:highest "fix_ugly_text"
widget_class "*CPUFreqApplet*" style:highest "fix_ugly_text"
widget_class "*<GtkToolbar>*<GtkButton>*<GtkLabel>*" style:highest "fix_ugly_text"
widget_class "*<GtkToolbar>*<GtkLabel>*" style:highest "fix_ugly_text"
widget_class "*<GtkButton>*<GtkLabel>*" style:highest "fix_ugly_text"
###############################################################################Gtk.css
/*
#
# Full-Dark-Red - Xfce - Theme
#
# Copyright (C) 2019 by TheFranKenstein
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation, either version 3 of the License, or
# any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
*/
/* Colormap */
@define-color base_color #262626;
@define-color bg_color #0A0A0A;
@define-color fg_color #E0E0E0;
@define-color text_color #ffffff;
@define-color selected_bg_color #CD0000;
@define-color selected_fg_color #FFFFFF;
@define-color selected_bg_backdrop #8B0000;
@define-color selected_fg_backdrop #FFFFFF;
@define-color tooltip_bg_color black;
@define-color tooltip_fg_color #FFFFFF;
@define-color tooltip_border_color #7F7F7F;
@define-color link_color #6774E4;
/* Other colors Text*/
@define-color text_insensitive #6B6B6B;
@define-color text_backdrop @fg_color;
@define-color text_prelight #FF0000;
/* Borders */
@define-color border_color #520F0F;
@define-color frame_color #850000;
@define-color window_active #540000;
@define-color window_backdrop #400000;
@define-color shadow_window #000000;
/* Buttons */
@define-color button_black black;
@define-color button_active shade(@selected_bg_color, 0.85);
/* Buttons borders */
@define-color border_normal #A80000;
@define-color border_prelight #ff0000;
@define-color border_active #cc1010;
@define-color border_insensitive #5C0000;
/* Buttons text*/
@define-color text_button_normal @fg_color;
@define-color text_button_prelight @selected_fg_color;
@define-color text_button_active @selected_fg_color;
@define-color text_button_active_prelight #ff0000;
@define-color text_button_insensitive #707070;
/* Titlebar - Toolbar - Menubar - Menu - InlineToolbar */
@define-color menubar_fg_color @fg_color;
@define-color menubaritem_bg @selected_bg_color;
@define-color menubaritem_fg @selected_fg_color;
@define-color menu_color @base_color;
@define-color border_menu #4D4D4D;
@define-color text_menu @selected_fg_color;
@define-color text_menu_insensitive #6B6B6B;
@define-color menuitem @selected_bg_color;
@define-color text_menuitem @selected_fg_color;
@define-color menu_line @selected_bg_backdrop;
@define-color inline_toolbar_bg @bg_color;
/* List / Row */
@define-color list_bg @inline_toolbar_bg;
@define-color list_fg @selected_fg_color;
@define-color row_bg @base_color;
@define-color row_fg @selected_fg_color;
@define-color row_active_bg @menuitem;
@define-color row_active_fg @selected_fg_color;
/* Entry */
@define-color entry_normal #404040;
@define-color entry_active #404040;
@define-color entry_insensitive @base_color;
@define-color border_entry_normal @border_active;
@define-color border_entry_active @border_prelight;
@define-color border_entry_insensitive @border_insensitive;
@define-color text_entry #FFFFFF;
@define-color bg_entry_selected @selected_bg_color;
@define-color bg_entry_selected_backdrop @selected_bg_backdrop;
@define-color text_entry_insensitive #666666;
/* Notebook & Tabs */
@define-color tab_normal @base_color;
@define-color border_tab_normal @border_normal;
@define-color border_tab_normal_prelight @border_prelight;
@define-color text_tab_normal shade(@selected_fg_color, 0.70);
@define-color text_tab_normal_prelight @selected_fg_color;
@define-color tab_active @entry_normal;
@define-color border_tab_active @border_prelight;
@define-color border_tab_active_prelight @border_prelight;
@define-color text_tab_active @selected_fg_color;
@define-color text_tab_active_prelight @selected_fg_color;
@define-color notebook_bg @bg_color;
/* Progressbar */
@define-color progressbar_color @text_prelight;
@define-color progressbar_trough #3D3D3D;
/* Scale */
@define-color scale_trough_start #8F8F8F;
@define-color scale_trough_end #ff0000;
@define-color scale_trough_insensitive #404040;
@define-color scale_marks #999999;
/* Scrollbar */
@define-color scrollbar_normal #8B0000;
@define-color scrollbar_prelight #ff0000;
@define-color scrollbar_active #CD0000;
@define-color scrollbar_insensitive #4f1515;
@define-color scrollbar_trough #3D3D3D;
/* Notifications */
@define-color notifications_bg @bg_color;
@define-color notifications_text #ffffff;
@define-color notifications_border @border_active;
@define-color notifications_border_prelight @border_prelight;
/* Tree */
@define-color tree_selected_bg shade(@selected_bg_backdrop, 1.10);
@define-color tree_selected_fg @selected_fg_color;
@define-color tree_selected_bg_backdrop shade(@selected_bg_backdrop, 0.90);
@define-color tree_selected_fg_backdrop shade(@selected_fg_color, 0.95);
@define-color tree_fg_insensitive darker(@fg_color);
/* Arrows */
@define-color arrow_normal #ffffff;
@define-color arrow_prelight #CD0000;
@define-color arrow_active #ff0000;
@define-color arrow_insensitive #646464;
/* Osd */
@define-color osd_bg shade(@base_color, 0.55);
@define-color osd_fg @text_color;
/* Panel */
@define-color panel_bg_color @bg_color;
@define-color panel_fg_color @fg_color;
/********** Misc colors used by gtk+ *********/
@define-color info_color #104E8B;
@define-color warning_color #F07600;
@define-color question_color #35A340;
@define-color error_color #C22222;
@define-color success_color #008B00;
@define-color link_color #EE30A7;
/************ Required colors **************/
@define-color theme_selected_bg_color shade(@text_prelight, 1.20); /* for Gnome-Disks (volume space) - caution affects to Evolution Calendar, ... */
@define-color theme_unfocused_selected_bg_color shade(@text_prelight, 1.10); /* for Gnome-Disks (volume space) - caution affects to Evolution Calendar, ... */
@define-color theme_base_color alpha(#333333, 0.60); /* for Gnome-Disks (volume space) - caution affects to Evolution Calendar & Mail, ... */
@define-color theme_text_color @text_color;
@define-color theme_unfocused_base_color @base_color;
@define-color theme_unfocused_text_color @text_color;
@define-color insensitive_base_color @base_color;
@define-color insensitive_text_color @text_insensitive;
@define-color theme_bg_color alpha(#1A1A1A, 0.80); /* for Evolution headers - caution affects to EvolutionCalendar, ... */
@define-color theme_fg_color @text_color; /* for Evolution Mail & Calendar, ... */
@define-color theme_unfocused_bg_color @bg_color;
@define-color theme_unfocused_fg_color @fg_color;
@define-color insensitive_bg_color @bg_color;
@define-color insensitive_fg_color @text_insensitive;
@define-color theme_selected_fg_color @selected_fg_color;
@define-color theme_unfocused_selected_fg_color @selected_fg_color;
@define-color theme_tooltip_bg_color @tooltip_bg_color;
@define-color theme_tooltip_fg_color @tooltip_fg_color;
@define-color borders @frame_color; /* for the edges of headers and cells in the monthly calendar in Evolution Calendar, ... */
@define-color unfocused_borders @border_color;
@define-color content_view_bg @base_color;
/*--------------------------------------------------------------------------------------------*/
@import url("apps/lightdm-gtk-greeter.css");
/*--------------------------------------------------------------------------------------------*/
* {
opacity: 1;
background-clip: padding-box;
-GtkToolButton-icon-spacing: 2px;
-GtkTextView-error-underline-color: @error_color;
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-vertical-separator: 0;
-GtkTreeView-expander-size: 14;
-GtkToolItemGroup-expander-size: 11;
-GtkWidget-text-handle-width: 16;
-GtkWidget-text-handle-height: 16;
-GtkDialog-button-spacing: 9;
-GtkDialog-action-area-border: 6;
-GtkArrow-arrow-scaling: 0.90;
outline-width: 1px;
outline-style: none;
outline-color: transparent;
outline-offset: -4px;
-gtk-outline-radius: 0px;
-gtk-secondary-caret-color: @success_color;
text-shadow: none;
-gtk-icon-shadow: none; }
/****************
Base states
*****************/
*:hover,*:backdrop:hover {
-gtk-icon-effect: highlight; }
*:disabled, *:disabled:disabled, *:disabled:backdrop, *:disabled:disabled:backdrop {
-gtk-icon-effect: dim; }
.background {
background-image: none;
background-color: @bg_color;
color: @fg_color; }
.background:disabled,
.background:disabled:disabled {
color: @text_insensitive; }
.background:backdrop {
color: @text_backdrop; }
label {
padding-left: 3px;
padding-right: 3px;
color: inherit;
text-shadow: none; }
label:hover {
color: @text_prelight; }
label:backdrop {
color: @text_backdrop; }
label:disabled,
label:disabled:backdrop {
color: @text_insensitive; }
.dim-label {
color: alpha(currentColor, 0.80); }
.dim-label:backdrop {
color: alpha(currentColor, 0.75); }
label.separator,
popover label.separator,
popover.background label.separator {
opacity: 0; }
.gtkstyle-fallback {
background-color: @bg_color;
color: @text_color; }
.gtkstyle-fallback:hover {
background-color: @selected_bg_color;
color: @selected_fg_color; }
.gtkstyle-fallback:active {
background-color: @selected_bg_color;
color: @selected_fg_color; }
.gtkstyle-fallback:disabled {
background-color: @bg_color;
color: @text_insensitive; }
.gtkstyle-fallback:selected {
background-color: @selected_bg_color;
color: @selected_fg_color; }
/******************
Generic views
*******************/
.view,
.view text,
iconview text,
textview text,
.content-view {
background-image: none;
background-color: @base_color;
color: @text_color; }
.view:disabled,
.view text:disabled,
iconview text:disabled,
textview text:disabled,
.content-view:disabled {
color: @tree_fg_insensitive;
-gtk-icon-effect: dim; }
.view:backdrop,
.view text:backdrop,
iconview text:backdrop,
textview text:backdrop,
.content-view:backdrop {
color: @text_backdrop; }
popover .view,
popover .view text,
popover iconview text,
popover textview text,
popover .content-view,
popover.background .view,
popover.background .view text,
popover.background iconview text,
popover.background textview text,
popover.background .content-view {
background-color: @entry_normal; }
textview,
popover textview,
popover.background textview {
background-color: @base_color; }
rubberband, .rubberband,
treeview.view rubberband,
.content-view rubberband,
flowbox rubberband {
background-color: alpha(@selected_bg_color, 0.25);
border: 1px solid @border_normal; }
flowbox flowboxchild {
border-radius: 0px;
padding: 3px; }
flowbox flowboxchild:selected {
outline-offset: -2px; }
cursor-handle {
background-image: none;
background-color: transparent;
border-style: none;
box-shadow: none; }
cursor-handle.top {
-gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); }
cursor-handle.bottom {
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); }
.disk-space-display {
border-width: 1px;
border-style: solid; }
.disk-space-display.unknown {
background-color: @base_color;
border-color: shade(@base_color, 1.50); }
.disk-space-display.used {
background-color: @error_color;
border-color: shade(@error_color, 1.20); }
.disk-space-display.free {
background-color: @info_color;
border-color: shade(@info_color, 1.40); }
/*******************
Selected Items
********************/
label:selected,
label selection,
.label selection,
.view:selected,
.view text:selected,
.view text selection,
textview text:selected,
textview text selection,
iconview:selected {
background-color: @tree_selected_bg;
color: @tree_selected_fg; }
label:selected:backdrop,
label selection:backdrop,
.label selection:backdrop,
.view:selected:backdrop,
.view text:selected:backdrop,
.view text selection:backdrop,
textview text:selected:backdrop,
textview text selection:backdrop,
iconview:selected:backdrop {
background-color: @tree_selected_bg_backdrop;
color: @tree_selected_fg_backdrop; }
label:disabled:selected,
label selection:disabled,
.label selection:disabled,
.view:disabled:selected,
.view text:disabled:selected,
.view text selection:disabled,
textview text:disabled:selected,
textview text selection:disabled
iconview:disabled:selected {
background-color: shade(@selected_bg_backdrop, 0.66);
color: @text_button_insensitive ; }
label:disabled:selected:backdrop,
label selection:disabled:backdrop,
.label selection:disabled:backdrop,
.view:disabled:selected:backdrop,
.view text:disabled:selected:backdrop,
.view text selection:disabled:backdrop,
textview text:disabled:selected:backdrop,
textview text selection:disabled:backdrop,
iconview:disabled:selected:backdrop {
background-color: shade(@selected_bg_backdrop, 0.66);
color: @text_button_insensitive ; }
/*********************
Symbolic images
**********************/
.image, .image:backdrop, iconview, iconview:backdrop {
border: 1px;
border-style: solid;
border-color: transparent;
color: alpha(currentColor, 0.75); }
.image:hover, .image:backdrop:hover, iconview:hover, iconview:backdrop:hover {
border-color: @text_prelight;
color: alpha(currentColor, 0.99); }
.image:selected, .image:selected:hover,
.image:selected:backdrop, .image:selected:backdrop:hover,
iconview:selected, iconview:selected:hover,
iconview:selected:backdrop, iconview:selected:backdrop:hover {
color: alpha(currentColor, 0.99); }
.image:disabled, .image:disabled:backdrop, iconview:disabled, iconview:disabled:backdrop,
GtkIconView.view.cell:disabled {
color: alpha(currentColor, 0.30); }
iconview:hover, iconview:active, iconview:selected {
border-radius: 0px; }
/******************
Separators
*******************/
separator {
min-width: 0px;
min-height: 0px;
border-style: none;
background-color: transparent; }
separator.horizontal {
min-height: 0px;
background-color: transparent; }
separator.vertical {
min-width: 0px;
background-color: transparent; }
separator.label {
background-color: transparent; }
/************
Frames
*************/
.frame {
border-radius: 0;
border: 1px solid alpha(@border_color, 0.50); }
frame > border {
border-radius: 0px;
border: 1px solid;
border-top-color: @border_color;
border-bottom-color: @border_color;
border-left-color: @border_color;
border-right-color: @border_color; }
notebook > stack:not(:only-child) frame > border {
padding: 4px;
border-radius: 0px;
border: 1px solid;
border-top-color: @border_color;
border-bottom-color: @border_color;
border-left-color: @border_color;
border-right-color: @border_color; }
popover .frame,
popover.background .frame,
.csd popover.background .frame {
border-radius: 0px;
border: 1px solid;
border-top-color: @frame_color;
border-bottom-color: @frame_color;
border-left-color: @frame_color;
border-right-color: @frame_color; }
.frame.flat,
frame.flat > border,
frame > border.flat {
border-style: none; }
scrolledwindow viewport.frame {
border-style: none; }
scrolledwindow overshoot.top {
background-image: -gtk-gradient(radial, center top, 0, center top, 0.80, to(alpha(grey, 0.05)), to(transparent));
background-repeat: no-repeat;
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.80, to(alpha(grey, 0.05)), to(transparent));
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.80, to(alpha(grey, 0.05)), to(transparent));
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.80, to(alpha(grey, 0.05)), to(transparent));
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
scrolledwindow undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, alpha(grey, 0.25) 50%);
padding-top: 1px;
background-size: 20px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.bottom {
background-color: transparent;
background-image: linear-gradient(to left, transparent 50%, alpha(grey, 0.25) 50%);
padding-bottom: 1px;
background-size: 20px 1px;
background-repeat: repeat-x;
background-origin: content-box;
background-position: left bottom; }
scrolledwindow undershoot.left {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, alpha(grey, 0.25) 50%);
padding-left: 1px;
background-size: 1px 20px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: left top; }
scrolledwindow undershoot.right {
background-color: transparent;
background-image: linear-gradient(to top, transparent 50%, alpha(grey, 0.25) 50%);
padding-right: 1px;
background-size: 1px 20px;
background-repeat: repeat-y;
background-origin: content-box;
background-position: right top; }
scrolledwindow junction,
scrolledwindow junction:dir(rtl) {
border-width: 0px;
background-color: transparent; }
/*******************
Keyframes
********************/
@keyframes focus_key {
0% { background-color: shade(@selected_bg_backdrop, 0.60); }
10% { background-color: shade(@selected_bg_backdrop, 0.70); }
50% { background-color: shade(@selected_bg_backdrop, 0.80); }
70% { background-color: shade(@selected_bg_backdrop, 0.90); }
90% { background-color: shade(@selected_bg_backdrop, 0.70); }
100% { background-color: transparent; } }
@keyframes active_key {
from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(@button_active, 0.25)), to(@button_active)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 1, to(alpha(@text_prelight, 0.40)), to(transparent)); } }
@keyframes prelight_key {
0% { box-shadow: inset 0 -4px @text_prelight; } /*bottom*/
25% { box-shadow: inset 4px 0 @text_prelight; } /*left*/
50% { box-shadow: inset 0 4px @text_prelight; } /*top*/
75% { box-shadow: inset -4px 0px @text_prelight; } /*right*/
100% { box-shadow: none; } }
@keyframes entry_key {
from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(alpha(@text_prelight, 0.60)), to(transparent)); }
to { background-image: -gtk-gradient(radial, center center, 0, center center, 1, to(alpha(@selected_bg_backdrop, 0.40)), to(transparent)); } }
@keyframes menubar_key {
0% { background-color: mix(@warning_color, @selected_bg_backdrop, 0.70); }
50% { background-color: shade(@text_prelight, 0.90); }
70% { background-color: @text_prelight; }
100% { background-color: @menubaritem_bg; } }
@keyframes suggested_key {
from { background-position: top left, top right, bottom left, bottom right;}
to { background-position: center center;}
0% { background-color: alpha(shade(@info_color, 1.60), 0.80); }
10% { background-color: alpha(shade(@info_color, 1.80), 0.80); }
70% { background-color: alpha(shade(@info_color, 1.70), 0.80); }
90% { background-color: alpha(shade(@info_color, 1.50), 0.80); }
100% { background-color: transparent; } }
@keyframes zoom_key {
from {-gtk-icon-transform: scale(0.25,0.25); }
to {-gtk-icon-transform: scale(1,1); } }
@keyframes spin { to {-gtk-icon-transform: rotate(1turn); } }
/***********************
Check-Radio
************************/
radio, radio:indeterminate {
background-image: none;
color: transparent;
min-width: 16px;
min-height: 16px;
-gtk-icon-source: url("assets/option1.svg"); }
radio:hover, radio:indeterminate:hover {
-gtk-icon-source: url("assets/option1p.svg"); }
radio:disabled, radio:indeterminate:disabled {
-gtk-icon-source: url("assets/option3.svg"); }
radio:checked, radio:active {
-gtk-icon-source: url("assets/option2.svg");
animation: zoom_key 0.3s ease-out; }
radio:checked:hover, radio:active:hover {
-gtk-icon-source: url("assets/option2p.svg"); }
radio:checked:disabled, radio:active:disabled {
-gtk-icon-source: url("assets/option4.svg"); }
radio:selected {
-gtk-icon-source: url("assets/menu-option1p.svg"); }
radio:checked:selected, radio:active:selected {
-gtk-icon-source: url("assets/menu-option2p.svg"); }
radio:indeterminate:checked, radio:indeterminate:active {
animation: zoom_key 0.3s ease-out;
-gtk-icon-source: url("assets/radio-mixed.svg"); }
radio:indeterminate:checked:hover, radio:indeterminate:active:hover {
-gtk-icon-source: url("assets/radio-mixed-hover.svg"); }
radio:indeterminate:checked:disabled, radio:indeterminate:active:disabled {
-gtk-icon-source: url("assets/radio-mixed-insensitive.svg"); }
menuitem radio, modelbutton radio, modelbutton.flat radio,
menuitem radio:indeterminate, modelbutton radio:indeterminate, modelbutton.flat radio:indeterminate {
background-image: none;
color: transparent;
min-width: 16px;
min-height: 16px;
-gtk-icon-source: url("assets/option1.svg"); }
menuitem radio:hover, modelbutton radio:hover, modelbutton.flat radio:hover,
menuitem radio:indeterminate:hover, modelbutton radio:indeterminate:hover, modelbutton.flat radio:indeterminate:hover,
row.activatable.has-open-popup radio, row.activatable:hover radio {
-gtk-icon-source: url("assets/menu-option1p.svg"); }
menuitem radio:disabled, modelbutton radio:disabled, modelbutton.flat radio:disabled,
menuitem radio:indeterminate:disabled, modelbutton radio:indeterminate:disabled, modelbutton.flat radio:indeterminate:disabled {
-gtk-icon-source: url("assets/option3.svg"); }
menuitem radio:checked, menuitem radio:active, modelbutton radio:checked, modelbutton radio:active, modelbutton.flat radio:checked, modelbutton.flat radio:active {
-gtk-icon-source: url("assets/option2.svg"); }
menuitem radio:checked:hover, menuitem radio:active:hover, modelbutton radio:checked:hover, modelbutton radio:active:hover, modelbutton.flat radio:checked:hover, modelbutton.flat radio:active:hover,
row.activatable.has-open-popup radio:checked:hover, row.activatable.has-open-popup radio:active:hover, row.activatable:hover radio:checked:hover, row.activatable:hover radio:active:hover {
-gtk-icon-source: url("assets/menu-option2p.svg"); }
menuitem radio:checked:disabled, menuitem radio:active:disabled, modelbutton radio:checked:disabled, modelbutton radio:active:disabled, modelbutton.flat radio:checked:disabled, modelbutton.flat radio:active:disabled {
-gtk-icon-source: url("assets/option4.svg"); }
menuitem radio:indeterminate:checked, modelbutton radio:indeterminate:checked, modelbutton.flat radio:indeterminate:checked,
menuitem radio:indeterminate:active, modelbutton radio:indeterminate:active, modelbutton.flat radio:indeterminate:active {
-gtk-icon-source: url("assets/radio-mixed.svg"); }
menuitem radio:indeterminate:checked:hover, modelbutton radio:indeterminate:checked:hover, modelbutton.flat radio:indeterminate:checked:hover,
menuitem radio:indeterminate:active:hover, modelbutton radio:indeterminate:active:hover, modelbutton.flat radio:indeterminate:active:hover {
-gtk-icon-source: url("assets/menu-radio-mixed-hover.svg"); }
menuitem radio:indeterminate:checked:disabled, modelbutton radio:indeterminate:checked:disabled, modelbutton.flat radio:indeterminate:checked:disabled,
menuitem radio:indeterminate:active:disabled, modelbutton radio:indeterminate:active:disabled, modelbutton.flat radio:indeterminate:active:disabled {
-gtk-icon-source: url("assets/radio-mixed-insensitive.svg"); }
check, check:indeterminate {
background-image: none;
color: transparent;
min-width: 16px;
min-height: 16px;
-gtk-icon-source: url("assets/check1.svg"); }
check:hover, check:indeterminate:hover {
-gtk-icon-source: url("assets/check1p.svg"); }
check:disabled, check:indeterminate:disabled {
-gtk-icon-source: url("assets/check3.svg"); }
check:checked, check:active {
-gtk-icon-source: url("assets/check2.svg");
animation: zoom_key 0.3s ease-out; }
check:checked:hover, check:active:hover {
-gtk-icon-source: url("assets/check2p.svg"); }
check:checked:disabled, check:active:disabled {
-gtk-icon-source: url("assets/check4.svg"); }
check:selected {
-gtk-icon-source: url("assets/menu-check1p.svg"); }
check:checked:selected, check:active:selected {
-gtk-icon-source: url("assets/menu-check2p.svg"); }
check:indeterminate:checked, check:indeterminate:active {
animation: zoom_key 0.3s ease-out;
-gtk-icon-source: url("assets/checkbox-mixed.svg"); }
check:indeterminate:checked:hover, check:indeterminate:active:hover {
-gtk-icon-source: url("assets/checkbox-mixed-hover.svg"); }
check:indeterminate:checked:disabled, check:indeterminate:active:disabled {
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg"); }
menuitem check, modelbutton check, modelbutton.flat check,
menuitem check:indeterminate, modelbutton check:indeterminate, modelbutton.flat check:indeterminate {
background-image: none;
color: transparent;
min-width: 16px;
min-height: 16px;
-gtk-icon-source: url("assets/check1.svg"); }
menuitem check:hover, modelbutton check:hover, modelbutton.flat check:hover,
menuitem check:indeterminate:hover, modelbutton check:indeterminate:hover, modelbutton.flat check:indeterminate:hover,
row.activatable.has-open-popup check, row.activatable:hover check {
-gtk-icon-source: url("assets/menu-check1p.svg"); }
menuitem check:disabled, modelbutton check:disabled, modelbutton.flat check:disabled,
menuitem check:indeterminate:disabled, modelbutton check:indeterminate:disabled, modelbutton.flat check:indeterminate:disabled {
-gtk-icon-source: url("assets/check3.svg"); }
menuitem check:checked, menuitem check:active, modelbutton check:checked, modelbutton check:active, modelbutton.flat check:checked, modelbutton.flat check:active {
-gtk-icon-source: url("assets/check2.svg"); }
menuitem check:checked:hover, menuitem check:active:hover, modelbutton check:checked:hover, modelbutton check:active:hover, modelbutton.flat check:checked:hover, modelbutton.flat check:active:hover,
row.activatable.has-open-popup check:checked:hover, row.activatable.has-open-popup check:active:hover, row.activatable:hover check:checked:hover, row.activatable:hover check:active:hover {
-gtk-icon-source: url("assets/menu-check2p.svg"); }
menuitem check:checked:disabled, menuitem check:active:disabled, modelbutton check:checked:disabled, modelbutton check:active:disabled, modelbutton.flat check:checked:disabled, modelbutton.flat check:active:disabled {
-gtk-icon-source: url("assets/check4.svg"); }
menuitem check:indeterminate:checked, modelbutton check:indeterminate:checked, modelbutton.flat check:indeterminate:checked,
menuitem check:indeterminate:active, modelbutton check:indeterminate:active, modelbutton.flat check:indeterminate:active {
-gtk-icon-source: url("assets/checkbox-mixed.svg"); }
menuitem check:indeterminate:checked:hover, modelbutton check:indeterminate:checked:hover, modelbutton.flat check:indeterminate:checked:hover,
menuitem check:indeterminate:active:hover, modelbutton check:indeterminate:active:hover, modelbutton.flat check:indeterminate:active:hover {
-gtk-icon-source: url("assets/menu-checkbox-mixed-hover.svg"); }
menuitem check:indeterminate:checked:disabled, modelbutton check:indeterminate:checked:disabled, modelbutton.flat check:indeterminate:checked:disabled,
menuitem check:indeterminate:active:disabled, modelbutton check:indeterminate:active:disabled, modelbutton.flat check:indeterminate:active:disabled {
-gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg"); }
radio:dir(ltr), radio:dir(rtl),
check:dir(ltr), check:dir(rtl) {
margin: 4px;
margin-left: 6px;
margin-right: 6px; }
menuitem check:dir(ltr), menuitem radio:dir(ltr) {
margin-left: 0px;
margin-right: 10px; }
menuitem check:dir(rtl), menuitem radio:dir(rtl) {
margin-left: 10px;
margin-right: 0px; }
modelbutton check:dir(ltr), modelbutton.flat check:dir(ltr),
modelbutton radio:dir(ltr), modelbutton.flat radio:dir(ltr) {
margin-left: 30px;
margin-right: 0px; }
modelbutton check:dir(rtl), modelbutton.flat check:dir(rtl),
modelbutton radio:dir(rtl), modelbutton.flat radio:dir(rtl) {
margin-left: 10px;
margin-right: 0px; }
row check:dir(ltr), row radio:dir(ltr) {
margin-left: 0px;
margin-right: 10px; }
row check:dir(rtl), row radio:dir(rtl) {
margin-left: 10px;
margin-right: 0px; }
iconview.content-view.cell.check {
-gtk-icon-source: url("assets/check1.svg"); }
iconview.content-view.cell.check:active {
-gtk-icon-source: url("assets/check2.svg"); }
radiobutton:hover, checkbutton:hover {
color: @text_prelight; }
/**************
Expanders
***************/
expander arrow, expander arrow:dir(rtl) {
min-width: 14px;
min-height: 14px;
margin-left: 7px;
margin-right: 7px;
margin-top: 4px;
margin-bottom: 4px;
color: transparent;
background-color: transparent;
background-image: none;
-gtk-icon-source: url("assets/plus.svg"); }
expander arrow:hover {
transition: linear;
-gtk-icon-source: url("assets/plusp.svg"); }
expander arrow:disabled {
-gtk-icon-source: url("assets/plusX.svg"); }
expander arrow:checked {
-gtk-icon-source: url("assets/minus.svg"); }
expander arrow:checked:hover {
transition: linear;
-gtk-icon-source: url("assets/minusp.svg"); }
expander arrow:checked:disabled {
-gtk-icon-source: url("assets/minusX.svg"); }
expander label:hover {
color: @text_prelight; }
treeview.view.expander, treeview.view.expander:backdrop,
treeview.view.sidebar.expander, treeview.view.sidebar.expander:backdrop,
treeview.view.expander:dir(rtl), treeview.view.expander:dir(rtl):backdrop,
treeview.view.sidebar.expander:dir(rtl), treeview.view.sidebar.expander:dir(rtl):backdrop {
color: transparent;
-gtk-icon-source: url("assets/plus.svg"); }
treeview.view.expander:hover, treeview.view.expander:backdrop:hover,
treeview.view.sidebar.expander:hover, treeview.view.sidebar.expander:backdrop:hover,
treeview.view.expander:dir(rtl):hover, treeview.view.expander:dir(rtl):backdrop:hover,
treeview.view.sidebar.expander:dir(rtl):hover, treeview.view.sidebar.expander:dir(rtl):backdrop:hover {
color: transparent;
-gtk-icon-source: url("assets/plusp.svg"); }
treeview.view.expander:disabled, treeview.view.expander:disabled:backdrop,
treeview.view.sidebar.expander:disabled, treeview.view.sidebar.expander:disabled:backdrop,
treeview.view.expander:dir(rtl):disabled, treeview.view.expander:dir(rtl):disabled:backdrop,
treeview.view.sidebar.expander:dir(rtl):disabled, treeview.view.sidebar.expander:dir(rtl):disabled:backdrop {
color: transparent;
-gtk-icon-source: url("assets/plusX.svg"); }
treeview.view.expander:checked, treeview.view.expander:checked:backdrop,
treeview.view.sidebar.expander:checked, treeview.view.sidebar.expander:checked:backdrop,
treeview.view.expander:dir(rtl):checked, treeview.view.expander:dir(rtl):checked:backdrop,
treeview.view.sidebar.expander:dir(rtl):checked, treeview.view.sidebar.expander:dir(rtl):checked:backdrop {
color: transparent;
-gtk-icon-source: url("assets/minus.svg"); }
treeview.view.expander:checked:hover, treeview.view.expander:checked:backdrop:hover,
treeview.view.sidebar.expander:checked:hover, treeview.view.sidebar.expander:checked:backdrop:hover,
treeview.view.expander:dir(rtl):checked:hover, treeview.view.expander:dir(rtl):checked:backdrop:hover,
treeview.view.sidebar.expander:dir(rtl):checked:hover, treeview.view.sidebar.expander:dir(rtl):checked:backdrop:hover {
color: transparent;
-gtk-icon-source: url("assets/minusp.svg"); }
treeview.view.expander:checked:disabled, treeview.view.expander:checked:disabled:backdrop,
treeview.view.sidebar.expander:checked:disabled, treeview.view.sidebar.expander:checked:disabled:backdrop,
treeview.view.expander:dir(rtl):checked:disabled, treeview.view.expander:dir(rtl):checked:disabled:backdrop,
treeview.view.sidebar.expander:dir(rtl):checked:disabled, treeview.view.sidebar.expander:dir(rtl):checked:disabled:backdrop {
color: transparent;
-gtk-icon-source: url("assets/minusX.svg"); }
treeview.view.expander:selected, treeview.view.expander:selected:backdrop,
treeview.view.sidebar.expander:selected, treeview.view.sidebar.expander:selected:backdrop,
treeview.view.expander:dir(rtl):selected, treeview.view.expander:dir(rtl):selected:backdrop,
treeview.view.sidebar.expander:dir(rtl):selected, treeview.view.sidebar.expander:dir(rtl):selected:backdrop {
color: transparent;
-gtk-icon-source: url("assets/pluss.svg"); }
treeview.view.expander:selected:hover, treeview.view.expander:selected:backdrop:hover,
treeview.view.sidebar.expander:selected:hover, treeview.view.sidebar.expander:selected:backdrop:hover,
treeview.view.expander:dir(rtl):selected:hover, treeview.view.expander:dir(rtl):selected:backdrop:hover,
treeview.view.sidebar.expander:dir(rtl):selected:hover, treeview.view.sidebar.expander:dir(rtl):selected:backdrop:hover {
color: transparent;
-gtk-icon-source: url("assets/plusp.svg"); }
treeview.view.expander:selected:disabled, treeview.view.expander:selected:disabled:backdrop,
treeview.view.sidebar.expander:selected:disabled, treeview.view.sidebar.expander:selected:disabled:backdrop,
treeview.view.expander:dir(rtl):selected:disabled, treeview.view.expander:dir(rtl):selected:disabled:backdrop,
treeview.view.sidebar.expander:dir(rtl):selected:disabled, treeview.view.sidebar.expander:dir(rtl):selected:disabled:backdrop {
color: transparent;
-gtk-icon-source: url("assets/plusX.svg"); }
treeview.view.expander:checked:selected, treeview.view.expander:checked:selected:backdrop,
treeview.view.sidebar.expander:checked:selected, treeview.view.sidebar.expander:checked:selected:backdrop,
treeview.view.expander:dir(rtl):checked:selected, treeview.view.expander:dir(rtl):checked:selected:backdrop,
treeview.view.sidebar.expander:dir(rtl):checked:selected, treeview.view.sidebar.expander:dir(rtl):checked:selected:backdrop {
color: transparent;
-gtk-icon-source: url("assets/minuss.svg"); }
treeview.view.expander:checked:selected:hover, treeview.view.expander:checked:selected:backdrop:hover,
treeview.view.sidebar.expander:checked:selected:hover, treeview.view.sidebar.expander:checked:selected:backdrop:hover,
treeview.view.expander:dir(rtl):checked:selected:hover, treeview.view.expander:dir(rtl):checked:selected:backdrop:hover,
treeview.view.sidebar.expander:dir(rtl):checked:selected:hover, treeview.view.sidebar.expander:dir(rtl):checked:selected:backdrop:hover {
color: transparent;
-gtk-icon-source: url("assets/minusp.svg"); }
treeview.view.expander:checked:selected:disabled, treeview.view.expander:checked:selected:disabled:backdrop,
treeview.view.sidebar.expander:checked:selected:disabled, treeview.view.sidebar.expander:checked:selected:disabled:backdrop,
treeview.view.expander:dir(rtl):checked:selected:disabled, treeview.view.expander:dir(rtl):checked:selected:disabled:backdrop,
treeview.view.sidebar.expander:dir(rtl):checked:selected:disabled, treeview.view.sidebar.expander:dir(rtl):checked:selected:disabled:backdrop {
color: transparent;
-gtk-icon-source: url("assets/minusX.svg"); }
/*************
Buttons
**************/
button,
button.image-button,
button.text-button,
button.text-button.image-button,
button.suggested-action,
button.destructive-action,
.dialog-action-box button,
button.gtkstyle-fallback {
min-height: 24px;
min-width: 24px;
border-radius: 0px;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
border-width: 1px;
border-style: solid; }
button.image-button,
toolbar button.image-button.toggle,
.path-bar button.image-button {
padding: 2px; }
button label,
button.text-button.image-button label,
button.text-button label,
toolbar button.toggle label,
.path-bar button label {
min-width: 46px;
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
.dialog-action-box button label {
min-width: 70px;
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
.stack-switcher button.text-button label {
min-width: 100px;
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
.stack-switcher button.image-button image {
min-width: 24px;
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
button image,
button.text-button.image-button image,
button.image-button image
toolbar button.toggle image,
.path-bar button image {
min-height: 24px;
min-width: 24px;
padding: 0px; }
button.flat,
button.flat.image-button,
button.flat.text-button,
button.flat.text-button.image-button {
min-height: 24px;
min-width: 24px;
border-radius: 0px;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
padding: 2px;
border-width: 1px;
border-style: solid; }
button.flat label,
button.flat.text-button label,
button.flat.text-button.image-button label {
min-width: 40px;
padding: 0px;
padding-left: 4px;
padding-right: 4px; }
button.flat image,
button.flat.image-button image,
button.flat.text-button.image-button image {
min-height: 24px;
min-width: 24px;
padding: 0px; }
combobox > box {
margin: 0px;
padding: 0px; }
button.combo {
min-height: 24px;
min-width: 24px;
border-radius: 0px;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
border: none;
border-bottom-width: 1px;
border-bottom-style: solid; }
button.combo cellview {
min-width: 56px;
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
spinbutton.horizontal {
border: none;
background-image: none;
background-color: @bg_color;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
padding: 0px; }
spinbutton.horizontal button {
border-radius: 0px;
min-height: 24px;
min-width: 24px;
padding: 1px;
border: none; }
spinbutton.horizontal button.down {
margin: 2px;
margin-left: 0px;
margin-right: 0px; }
spinbutton.horizontal button.up {
margin: 2px;
margin-left: 1px;
margin-right: 2px; }
spinbutton.vertical {
border: none;
background-image: none;
background-color: @bg_color;
box-shadow: none;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
padding: 0px; }
spinbutton.vertical button {
border-radius: 0px;
min-height: 24px;
min-width: 50px;
padding: 1px;
border: none; }
spinbutton.vertical button.up {
margin: 2px;
margin-bottom: 0px; }
spinbutton.vertical button.down {
margin: 2px;
margin-top: 0px; }
button.circular, button.circular:backdrop,
button.circular-button, button.circular-button:backdrop,
button.flat.circular, button.flat.circular:backdrop {
min-height: 24px;
min-width: 24px;
border-radius: 14px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 3px; }
button.circular label, button.circular:backdrop label,
button.circular-button label, button.circular-button:backdrop label,
button.flat.circular label, button.flat.circular:backdrop label {
padding: 0px;
margin: 0px; }
button.font, button.font:backdrop,
button.file, button.file:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 3px; }
button.file label, button.file:backdrop label,
button.file image, button.file:backdrop image {
min-width: 0px;
padding-left: 0px;
padding-right: 4px; }
button.font separator,
button.file separator {
background-color: transparent; }
button.color, button.color:backdrop {
min-height: 24px;
min-width: 24px;
padding: 0px;
margin: 2px;
margin-left: 3px;
margin-right: 3px; }
#pathbarbox .path-bar button {
min-height: 24px;
margin: 4px;
margin-left: 1px;
margin-right: 1px;
padding: 2px;
padding-left: 4px;
padding-right: 4px; }
#pathbarbox .path-bar button.slider-button {
min-height: 24px;
min-width: 18px;
margin: 4px;
margin-left: 1px;
margin-right: 1px;
padding: 0px; }
#pathbarbox .path-bar button.slider-button image {
min-height: 24px;
min-width: 18px;
padding: 0px; }
.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > button:first-child:backdrop,
.linked:not(.vertical) > button.default:first-child, .linked:not(.vertical) > button.default:first-child:backdrop,
.linked:not(.vertical) > button.toggle:first-child, .linked:not(.vertical) > button.toggle:first-child:backdrop,
.linked:not(.vertical) > button.combo:first-child, .linked:not(.vertical) > button.combo:first-child:backdrop,
toolbar button.flat:first-child, toolbar button.flat:first-child:backdrop,
toolbar button.flat.toggle:first-child, toolbar button.flat.toggle:first-child:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 1px; }
.primary-toolbar button.flat:first-child, .primary-toolbar button.flat:first-child:backdrop,
.primary-toolbar button.flat.toggle:first-child, .primary-toolbar button.flat.toggle:first-child:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 0px; }
.linked:not(.vertical) > button:not(:first-child):not(:last-child), .linked:not(.vertical) > button:not(:first-child):not(:last-child):backdrop,
.linked:not(.vertical) > button.default:not(:first-child):not(:last-child), .linked:not(.vertical) > button.default:not(:first-child):not(:last-child):backdrop,
.linked:not(.vertical) > button.toggle:not(:first-child):not(:last-child), .linked:not(.vertical) > button.toggle:not(:first-child):not(:last-child):backdrop,
.linked:not(.vertical) > button.combo:not(:first-child):not(:last-child), .linked:not(.vertical) > button.combo:not(:first-child):not(:last-child):backdrop,
toolbar button.flat:not(:first-child):not(:last-child), toolbar button.flat:not(:first-child):not(:last-child):backdrop,
toolbar button.flat.toggle:not(:first-child):not(:last-child), toolbar button.flat.toggle:not(:first-child):not(:last-child):backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 1px;
margin-right: 1px; }
.primary-toolbar button.flat:not(:first-child):not(:last-child), .primary-toolbar button.flat:not(:first-child):not(:last-child):backdrop,
.primary-toolbar button.flat.toggle:not(:first-child):not(:last-child), .primary-toolbar button.flat.toggle:not(:first-child):not(:last-child):backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 1px;
margin-right: 1px; }
.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > button:last-child:backdrop,
.linked:not(.vertical) > button.default:last-child, .linked:not(.vertical) > button.default:last-child:backdrop,
.linked:not(.vertical) > button.toggle:last-child, .linked:not(.vertical) > button.toggle:last-child:backdrop,
.linked:not(.vertical) > button.combo:last-child, .linked:not(.vertical) > button.combo:last-child:backdrop,
toolbar button.flat:last-child, toolbar button.flat:last-child:backdrop,
toolbar button.flat.toggle:last-child, toolbar button.flat.toggle:last-child:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 1px;
margin-right: 3px; }
.primary-toolbar button.flat:last-child, .primary-toolbar button.flat:last-child:backdrop,
.primary-toolbar button.flat.toggle:last-child, .primary-toolbar button.flat.toggle:last-child:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 0px;
margin-right: 3px; }
.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > button:only-child:backdrop,
.linked:not(.vertical) > button.default:only-child, .linked:not(.vertical) > button.default:only-child:backdrop,
.linked:not(.vertical) > button.toggle:only-child, .linked:not(.vertical) > button.toggle:only-child:backdrop,
.linked:not(.vertical) > button.combo:only-child, .linked:not(.vertical) > button.combo:only-child:backdrop,
toolbar button.flat:only-child, toolbar button.flat:only-child:backdrop,
toolbar button.flat.toggle:only-child, toolbar button.flat.toggle:only-child:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 3px; }
.primary-toolbar button.flat:only-child, .primary-toolbar button.flat:only-child:backdrop,
.primary-toolbar button.flat.toggle:only-child, .primary-toolbar button.flat.toggle:only-child:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 3px; }
.linked:not(.horizontal) > *, .linked:not(.horizontal) > *:backdrop,
.linked:not(.horizontal) > *:first-child, .linked:not(.horizontal) > *:first-child:backdrop,
.linked:not(.horizontal) > *:not(:first-child):not(:last-child), .linked:not(.horizontal) > *:not(:first-child):not(:last-child):backdrop,
.linked:not(.horizontal) > *:last-child, .linked:not(.horizontal) > *:last-child:backdrop,
.linked:not(.horizontal) > *:only-child, .linked:not(.horizontal) > *:only-child:backdrop {
margin-top: 2px;
margin-bottom: 2px; }
/********************
Buttons States
*********************/
button.default, button.default:backdrop {
background-color: @button_black;
background-image: none;
border-color: @border_normal;
color: @text_button_normal;
box-shadow: inset 0px 0px 1px 1px @border_normal, 0px 0px 1px 1px @bg_color; }
button, button:backdrop,
button.toggle, button.toggle:backdrop,
button.flat, button.flat:backdrop,
button.flat.toggle, button.flat.toggle:backdrop,
button.circular, button.circular:backdrop,
button.circular-button, button.circular-button:backdrop,
button.flat.circular, button.flat.circular:backdrop,
toolbar button.toggle, toolbar button.toggle:backdrop,
.path-bar button, .path-bar button:backdrop,
button.gtkstyle-fallback, button.gtkstyle-fallback:backdrop,
menu menuitem button {
background-color: @button_black;
background-image: none;
border-color: @border_normal;
color: @text_button_normal;
box-shadow: 0px 0px 1px 1px @bg_color; }
button.circular, button.circular:backdrop,
button.circular-button, button.circular-button:backdrop,
button.flat.circular, button.flat.circular:backdrop {
box-shadow: inset 0px 0px 1px 2px @border_normal, 0px 0px 1px 1px @bg_color; }
button.combo, button.combo:backdrop {
background-color: @entry_normal;
background-image: none;
border-bottom-color: @border_entry_normal;
color: @text_entry;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
.primary-toolbar button.flat, .primary-toolbar button.flat:backdrop,
.primary-toolbar button.flat.toggle, .primary-toolbar button.flat.toggle:backdrop,
.primary-toolbar button.toggle, .primary-toolbar button.toggle:backdrop {
background-color: @bg_color;
background-image: none;
border-color: @bg_color;
color: @text_button_normal;
box-shadow: none; }
spinbutton button, spinbutton button:backdrop {
background-color: shade(@selected_bg_backdrop, 0.82);
background-image: none;
color: transparent;
box-shadow: 0px 0px 1px 1px @bg_color; }
button:hover, button:backdrop:hover,
button.toggle:hover, button.toggle:backdrop:hover,
button.flat:hover, button.flat:backdrop:hover,
button.flat.toggle:hover, button.flat.toggle:backdrop:hover,
#whiskermenu-window button:hover, #whiskermenu-window button:backdrop:hover,
.xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.flat:backdrop:hover,
toolbar button.toggle:hover, toolbar button.toggle:backdrop:hover,
.path-bar button:hover, .path-bar button:backdrop:hover,
button.gtkstyle-fallback:hover, button.gtkstyle-fallback:backdrop:hover,
menu menuitem:hover button:not(:disabled) {
background-color: @button_black;
background-image: none;
border-color: @border_prelight;
color: @text_button_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: 0px 0px 1px 1px @bg_color; }
button.circular:hover, button.circular:backdrop:hover,
button.circular-button:hover, button.circular-button:backdrop:hover,
button.flat.circular:hover, button.flat.circular:backdrop:hover {
background-color: @button_black;
background-image: none;
border-color: @border_prelight;
color: @text_button_prelight;
transition: ease-in-out;
animation: prelight_key 0.2s ease-in;
box-shadow: inset 0px 0px 1px 2px @border_prelight, 0px 0px 1px 1px @bg_color; }
button.combo:hover, button.combo:backdrop:hover {
background-color: @entry_normal;
background-image: none;
border-bottom-color: @border_entry_normal;
color: @text_entry;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
.primary-toolbar button.flat:hover, .primary-toolbar button.flat:backdrop:hover,
.primary-toolbar button.flat.toggle:hover, .primary-toolbar button.flat.toggle:backdrop:hover,
.primary-toolbar button.toggle:hover, .primary-toolbar button.toggle:backdrop:hover {
background-color: shade(@selected_bg_backdrop, 0.90);
background-image: none;
border-color: shade(@selected_bg_backdrop, 1.20);
color: @text_button_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: none; }
spinbutton button:hover, spinbutton button:backdrop:hover {
background-color: @selected_bg_backdrop;
background-image: none;
color: transparent;
transition: 0.3s linear;
animation: none;
box-shadow: 0px 0px 1px 1px @bg_color; }
button:active, button:active:backdrop,
button:checked, button:checked:backdrop,
button.toggle:active, button.toggle:active:backdrop,
button.toggle:checked, button.toggle:checked:backdrop,
button.flat:active, button.flat:active:backdrop,
button.flat:checked, button.flat:checked:backdrop,
button.flat.toggle:active, button.flat.toggle:active:backdrop,
button.flat.toggle:checked, button.flat.toggle:checked:backdrop,
button.circular:active, button.circular:active:backdrop,
button.circular:checked, button.circular:checked:backdrop,
button.circular-button:active, button.circular-button:active:backdrop,
button.circular-button:checked, button.circular-button:checked:backdrop,
button.flat.circular:active, button.flat.circular:active:backdrop,
button.flat.circular:checked, button.flat.circular:checked:backdrop,
button.gtkstyle-fallback:active, button.gtkstyle-fallback:active:backdrop,
button.gtkstyle-fallback:checked, button.gtkstyle-fallback:checked:backdrop,
#whiskermenu-window button:checked, #whiskermenu-window button:checked:backdrop,
.xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.flat:checked:backdrop,
toolbar button.toggle:active, toolbar button.toggle:active:backdrop,
toolbar button.toggle:checked, toolbar button.toggle:checked:backdrop,
.path-bar button:checked, .path-bar button:checked:backdrop,
button.gtkstyle-fallback:active, button.gtkstyle-fallback:active:backdrop,
button.gtkstyle-fallback:checked, button.gtkstyle-fallback:checked:backdrop {
background-color: @button_active;
background-image: radial-gradient(shade(@button_active, 1.05) 40%, @button_active);
border-color: @border_active;
color: @text_button_active;
transition: ease-out;
animation: active_key 0.5s linear;
box-shadow: 0px 0px 1px 1px @bg_color; }
button.circular:active, button.circular:active:backdrop,
button.circular:checked, button.circular:checked:backdrop,
button.circular-button:active, button.circular-button:active:backdrop,
button.circular-button:checked, button.circular-button:checked:backdrop,
button.flat.circular:active, button.flat.circular:active:backdrop,
button.flat.circular:checked, button.flat.circular:checked:backdrop {
box-shadow: inset 0px 0px 1px 2px @border_active, 0px 0px 1px 1px @bg_color; }
button.combo:active, button.combo:active:backdrop,
button.combo:checked, button.combo:checked:backdrop,
button.combo:active:hover, button.combo:active:backdrop:hover,
button.combo:checked:hover, button.combo:checked:backdrop:hover {
background-color: @entry_active;
background-image: none;
border-bottom-color: @border_entry_active;
color: @text_entry;
transition: ease-out;
animation: active_key 0.5s linear;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
.primary-toolbar button.flat:active, .primary-toolbar button.flat:active:backdrop,
.primary-toolbar button.flat:checked, .primary-toolbar button.flat:checked:backdrop,
.primary-toolbar button.flat.toggle:active, .primary-toolbar button.flat.toggle:active:backdrop,
.primary-toolbar button.flat.toggle:checked, .primary-toolbar button.flat.toggle:checked:backdrop,
.primary-toolbar button.toggle:active, .primary-toolbar button.toggle:active:backdrop,
.primary-toolbar button.toggle:checked, .primary-toolbar button.toggle:checked:backdrop {
background-color: shade(@selected_bg_backdrop, 1.05);
background-image: none;
border-color: shade(@selected_bg_backdrop, 1.35);
color: @text_button_active;
transition: ease-out;
animation: active_key 0.5s linear;
box-shadow: none; }
spinbutton button:active, spinbutton button:active:backdrop,
spinbutton button:checked, spinbutton button:checked:backdrop,
spinbutton button:active:hover, spinbutton button:active:backdrop:hover,
spinbutton button:checked:hover, spinbutton button:checked:backdrop:hover {
background-color: @selected_bg_color;
background-image: none;
color: transparent;
transition: 0.3s linear;
animation: none;
box-shadow: 0px 0px 1px 1px @bg_color; }
button:active:hover, button:active:backdrop:hover,
button:checked:hover, button:checked:backdrop:hover,
button.toggle:active:hover, button.toggle:active:backdrop:hover,
button.toggle:checked:hover, button.toggle:checked:backdrop:hover,
button.flat:active:hover, button.flat:active:backdrop:hover,
button.flat:checked:hover, button.flat:checked:backdrop:hover,
button.flat.toggle:active:hover, button.flat.toggle:active:backdrop:hover,
button.flat.toggle:checked:hover, button.flat.toggle:checked:backdrop:hover,
button.circular:active:hover, button.circular:active:backdrop:hover,
button.circular:checked:hover, button.circular:checked:backdrop:hover,
button.circular-button:active:hover, button.circular-button:active:backdrop:hover,
button.circular-button:checked:hover, button.circular-button:checked:backdrop:hover,
button.flat.circular:active:hover, button.flat.circular:active:backdrop:hover,
button.flat.circular:checked:hover, button.flat.circular:checked:backdrop:hover,
#whiskermenu-window button:checked:hover, #whiskermenu-window button:checked:backdrop:hover,
.xfce4-panel.panel button.flat:checked:hover, .xfce4-panel.panel button.flat:checked:backdrop:hover,
toolbar button.toggle:active:hover, toolbar button.toggle:active:backdrop:hover,
toolbar button.toggle:checked:hover, toolbar button.toggle:checked:backdrop:hover,
.path-bar button:checked:hover, .path-bar button:checked:backdrop:hover,
button.gtkstyle-fallback:active:hover, button.gtkstyle-fallback:active:backdrop:hover,
button.gtkstyle-fallback:checked:hover, button.gtkstyle-fallback:checked:backdrop:hover {
background-color: @button_black;
background-image: none;
color: @text_button_active_prelight;
border-color: @border_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0px 0px 1px 1px @border_prelight, 0px 0px 1px 1px @bg_color; }
button.circular:active:hover, button.circular:active:backdrop:hover,
button.circular:checked:hover, button.circular:checked:backdrop:hover,
button.circular-button:active:hover, button.circular-button:active:backdrop:hover,
button.circular-button:checked:hover, button.circular-button:checked:backdrop:hover,
button.flat.circular:active:hover, button.flat.circular:active:backdrop:hover,
button.flat.circular:checked:hover, button.flat.circular:checked:backdrop:hover {
box-shadow: inset 0px 0px 1px 2px @border_prelight, 0px 0px 1px 1px @bg_color; }
.primary-toolbar button.flat:active:hover, .primary-toolbar button.flat:active:backdrop:hover,
.primary-toolbar button.flat:checked:hover, .primary-toolbar button.flat:checked:backdrop:hover,
.primary-toolbar button.flat.toggle:active:hover, .primary-toolbar button.flat.toggle:active:backdrop:hover,
.primary-toolbar button.flat.toggle:checked:hover, .primary-toolbar button.flat.toggle:checked:backdrop:hover,
.primary-toolbar button.toggle:active:hover, .primary-toolbar button.toggle:active:backdrop:hover,
.primary-toolbar button.toggle:checked:hover, .primary-toolbar button.toggle:checked:backdrop:hover {
background-color: @selected_bg_color;
background-image: none;
border-color: shade(@selected_bg_color, 1.30);
color: @text_button_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: none; }
button:disabled:disabled, button:disabled:disabled:backdrop,
button.toggle:disabled:disabled, button.toggle:disabled:disabled:backdrop,
button.flat:disabled:disabled, button.flat:disabled:disabled:backdrop,
button.flat.toggle:disabled:disabled, button.flat.toggle:disabled:disabled:backdrop,
button.circular:disabled:disabled, button.circular:disabled:disabled:backdrop,
button.circular-button:disabled:disabled, button.circular-button:disabled:disabled:backdrop,
button.flat.circular:disabled:disabled, button.flat.circular:disabled:disabled:backdrop,
#whiskermenu-window button:disabled:disabled, #whiskermenu-window button:disabled:disabled:backdrop,
.xfce4-panel.panel button.flat:disabled, .xfce4-panel.panel button.flat:disabled:disabled:backdrop,
toolbar button.toggle:disabled:disabled, toolbar button.toggle:disabled:disabled:backdrop,
.path-bar button:disabled:disabled, .path-bar button:disabled:disabled:backdrop,
button.gtkstyle-fallback:disabled:disabled, button.gtkstyle-fallback:disabled:disabled:backdrop,
menu menuitem button *:disabled, menu menuitem:hover button *:disabled {
background-color: @button_black;
background-image: none;
border-color: @border_insensitive;
color: @text_button_insensitive;
box-shadow: 0px 0px 1px 1px @bg_color; }
button.circular:disabled:disabled, button.circular:disabled:disabled:backdrop,
button.circular-button:disabled:disabled, button.circular-button:disabled:disabled:backdrop,
button.flat.circular:disabled:disabled, button.flat.circular:disabled:disabled:backdrop {
box-shadow: inset 0px 0px 1px 2px @border_insensitive, 0px 0px 1px 1px @bg_color; }
button.combo:disabled:disabled, button.combo:disabled:disabled:backdrop {
background-color: @entry_insensitive;
background-image: none;
border-bottom-color: @border_entry_insensitive;
color: @text_entry_insensitive;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
.primary-toolbar button.flat:disabled:disabled, .primary-toolbar button.flat:disabled:disabled:backdrop,
.primary-toolbar button.flat.toggle:disabled:disabled, .primary-toolbar button.flat.toggle:disabled:disabled:backdrop,
.primary-toolbar button.toggle:disabled:disabled, .primary-toolbar button.toggle:disabled:disabled:backdrop {
background-color: @bg_color;
background-image: none;
border-color: @bg_color;
color: @text_button_insensitive;
box-shadow: none; }
spinbutton button:disabled:disabled, spinbutton button:disabled:disabled:backdrop {
background-color: shade(@selected_bg_backdrop, 0.66);
background-image: none;
color: transparent;
box-shadow: 0px 0px 1px 1px @bg_color; }
button.suggested-action, button.suggested-action:backdrop,
button.suggested-action.flat, button.suggested-action.flat:backdrop {
background-color: shade(@info_color, 1.10);
background-image: none;
border-color: @selected_bg_backdrop;
color: @selected_fg_color;
box-shadow: inset 0px 0px 1px 2px @bg_color, 0px 0px 1px 1px @bg_color; }
button.suggested-action:hover, button.suggested-action:backdrop:hover,
button.suggested-action.flat:hover, button.suggested-action.flat:backdrop:hover {
background-color: shade(@info_color, 1.30);
background-image: none;
border-color: @selected_bg_backdrop;
color: @selected_fg_color;
transition: ease-in-out;
animation: suggested_key 0.4s linear;
box-shadow: inset 0px 0px 1px 2px @bg_color, 0px 0px 1px 1px @bg_color; }
button.destructive-action, button.destructive-action:backdrop,
button.destructive-action.flat, button.destructive-action.flat:backdrop {
background-color: shade(mix(@selected_bg_color, @bg_color, 0.20), 0.70);
background-image: none;
border-color: @selected_bg_backdrop;
color: @selected_fg_color;
box-shadow: inset 0px 0px 1px 2px @bg_color, 0px 0px 1px 1px @bg_color; }
button.destructive-action:hover, button.destructive-action:backdrop:hover,
button.destructive-action.flat:hover, button.destructive-action.flat:backdrop:hover {
background-color: shade(mix(@selected_bg_color, @bg_color, 0.20), 0.90);
background-image: none;
border-color: @selected_bg_backdrop;
color: @selected_fg_color;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: inset 0px 0px 1px 2px @bg_color, 0px 0px 1px 1px @bg_color; }
*:link, *:visited,
*:link:backdrop, *:visited:backdrop,
*:link:focus, *:visited:focus,
*:link:backdrop:focus, *:visited:backdrop:focus {
color: @link_color; }
*:link:hover, *:visited:hover,
*:link:backdrop:hover, *:visited:backdrop:hover {
color: shade(@link_color, 1.15); }
*:link:active, *:visited:active,
*:link:active:backdrop, *:visited:active:backdrop {
color: shade(@link_color, 0.90); }
button:link, button:visited,
button:link:backdrop, button:visited:backdrop,
button:link:focus, button:visited:focus,
button:link:backdrop:focus, button:visited:backdrop:focus {
background-color: transparent;
background-image: none;
border-color: transparent;
color: @link_color;
box-shadow: none; }
button:link:hover, button:visited:hover,
button:link:backdrop:hover, button:visited:backdrop:hover {
background-color: transparent;
background-image: none;
border-color: transparent;
color: shade(@link_color, 1.15);
transition: none;
animation: none;
box-shadow: none; }
button:link:active, button:visited:active,
button:link:active:backdrop, button:visited:active:backdrop,
button:link:active:hover, button:visited:active:hover,
button:link:active:backdrop:hover, button:visited:active:backdrop:hover {
background-color: transparent;
background-image: none;
border-color: transparent;
color: shade(@link_color, 0.90);
animation: none;
box-shadow: none; }
button:link > label, button:visited > label,
button:link > label:backdrop, button:visited > label:backdrop {
color: inherit;
text-decoration-line: underline; }
/******************
* Arrows Buttons *
*******************/
spinbutton.horizontal button.down,
spinbutton.horizontal button.down:backdrop {
background-image: url("assets/spin-h-down.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.down:hover,
spinbutton.horizontal button.down:backdrop:hover {
background-image: url("assets/spin-h-down-prelight.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.down:active,
spinbutton.horizontal button.down:active:backdrop {
background-image: url("assets/spin-h-down-active.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.down:disabled,
spinbutton.horizontal button.down:disabled:backdrop {
background-image: url("assets/spin-h-down-insensitive.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.up,
spinbutton.horizontal button.up:backdrop {
background-image: url("assets/spin-h-up.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.up:hover,
spinbutton.horizontal button.up:backdrop:hover {
background-image: url("assets/spin-h-up-prelight.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.up:active,
spinbutton.horizontal button.up:active:backdrop {
background-image: url("assets/spin-h-up-active.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.horizontal button.up:disabled,
spinbutton.horizontal button.up:disabled:backdrop {
background-image: url("assets/spin-h-up-insensitive.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.down,
spinbutton.vertical button.down:backdrop {
background-image: url("assets/spin-v-down.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.down:hover,
spinbutton.vertical button.down:backdrop:hover {
background-image: url("assets/spin-v-down-prelight.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.down:active,
spinbutton.vertical button.down:active:backdrop {
background-image: url("assets/spin-v-down-active.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.down:disabled,
spinbutton.vertical button.down:disabled:backdrop {
background-image: url("assets/spin-v-down-insensitive.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.up,
spinbutton.vertical button.up:backdrop {
background-image: url("assets/spin-v-up.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.up:hover,
spinbutton.vertical button.up:backdrop:hover {
background-image: url("assets/spin-v-up-prelight.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.up:active,
spinbutton.vertical button.up:active:backdrop {
background-image: url("assets/spin-v-up-active.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
spinbutton.vertical button.up:disabled,
spinbutton.vertical button.up:disabled:backdrop {
background-image: url("assets/spin-v-up-insensitive.svg");
background-size: 50px 24px;
background-position: center center;
background-repeat: no-repeat; }
button.combo arrow, combobox button.combo:backdrop box arrow {
min-height: 24px;
min-width: 24px;
padding: 0px;
color: transparent;
-gtk-icon-source: url("assets/combo-arrow-down.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
button.combo:hover arrow, button.combo:backdrop:hover arrow {
color: transparent;
-gtk-icon-source: url("assets/combo-arrow-down-prelight.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
button.combo:checked arrow, button.combo:checked:backdrop arrow {
color: transparent;
-gtk-icon-source: url("assets/combo-arrow-down-active.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
button.combo:disabled arrow, button.combo:disabled:backdrop arrow {
color: transparent;
-gtk-icon-source: url("assets/combo-arrow-down-insensitive.svg");
background-size: 24px 24px;
background-position: center center;
background-repeat: no-repeat; }
/***********
Entry
************/
entry,
.primary-toolbar toolbar entry {
min-height: 24px;
border-radius: 0px;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: @border_entry_normal;
background-color: @entry_normal;
background-image: none;
color: @text_entry;
caret-color: @text_entry;
transition: 0.3s linear;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry image, .primary-toolbar toolbar entry image {
color: alpha(@text_entry, 0.90); }
entry image:hover, .primary-toolbar toolbar entry image:hover {
color: alpha(@text_entry, 0.90); }
entry image:active, .primary-toolbar toolbar entry image:active {
color: @selected_bg_color; }
entry image.left, .primary-toolbar toolbar entry image.left {
padding-left: 0;
padding-right: 6px; }
entry image.right, .primary-toolbar toolbar entry image.right {
padding-left: 6px;
padding-right: 0; }
entry:focus,
.primary-toolbar toolbar entry:focus {
border-bottom-color: @border_entry_active;
background-color: @entry_active;
background-image: none;
color: @text_entry;
background-clip: padding-box;
animation: entry_key 0.4s ease-out;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry:disabled,
.primary-toolbar toolbar entry:disabled {
border-bottom-color: @border_entry_insensitive;
background-color: @entry_insensitive;
background-image: none;
color: @text_entry_insensitive;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry.flat, entry.flat:focus,
.primary-toolbar toolbar entry.flat, .primary-toolbar toolbar entry.flat:focus {
min-height: 0px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
border: 1px solid;
border-color: @border_entry_normal;
background-color: @entry_normal;
background-image: none;
color: @text_entry;
transition: 0.3s linear;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry.flat:disabled,
.primary-toolbar toolbar entry.flat:disabled {
border-color: @border_entry_insensitive;
background-color: @entry_insensitive;
background-image: none;
color: @text_entry_insensitive;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry.warning, entry.warning:backdrop {
background-color: shade(@warning_color, 0.95);
background-image: none;
color: @text_entry;
caret-color: @text_entry;
border-bottom-color: @selected_bg_color;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry.warning:focus, entry.warning:focus:backdrop {
background-color: shade(@warning_color, 1.10);
background-image: none;
color: @text_entry;
border-bottom-color: @text_prelight;
background-clip: padding-box;
animation: entry_key 0.4s ease-out;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry.error, entry.search-missing, entry.error:backdrop, entry.search-missing:backdrop {
background-color: mix(@error_color, @selected_fg_color, 0.10);
background-image: none;
color: @text_entry;
caret-color: @text_entry;
border-bottom-color: @selected_bg_color;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry.error:focus, entry.search-missing:focus, entry.error:focus:backdrop, entry.search-missing:focus:backdrop {
background-color: mix(@error_color, @selected_fg_color, 0.20);
background-image: none;
color: @text_entry;
border-bottom-color: @text_prelight;
background-clip: padding-box;
animation: entry_key 0.4s ease-out;
box-shadow: 0px 1px @bg_color, inset 0px -1px @bg_color; }
entry selection, entry selection:focus,
entry.flat selection, entry.flat selection:focus {
background-color: @bg_entry_selected;
color: @text_entry; }
entry selection:backdrop, entry selection:backdrop:focus,
entry.flat selection:backdrop, entry.flat selection:backdrop:focus {
background-color: @bg_entry_selected_backdrop;
color: @text_backdrop; }
entry progress {
border-radius: 0px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 3px;
border: 1px solid @border_entry_normal;
border-color: @border_entry_normal;
background-color: transparent;
background-image: none;
color: @text_entry;
box-shadow: inset 0px 0px 1px 1px @bg_color, 0px 0px 1px 1px @bg_color; }
.linked:not(.vertical) > entry:dir(ltr), .linked:not(.vertical) > entry:dir(ltr):backdrop {
min-height: 24px;
min-width: 160px;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
margin: 2px;
margin-left: 3px;
margin-right: 0px; }
.linked:not(.vertical) > entry:dir(rtl), .linked:not(.vertical) > entry:dir(rtl):backdrop {
min-height: 24px;
min-width: 160px;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
margin: 2px;
margin-left: 0px;
margin-right: 3px; }
.linked:not(.vertical) > entry:dir(ltr) + button.combo, .linked:not(.vertical) > entry:dir(ltr) + button.combo:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 0px;
margin-right: 3px; }
.linked:not(.vertical) > entry:dir(rtl) + button.combo, .linked:not(.vertical) > entry:dir(rtl) + button.combo:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 0px; }
.linked:not(.vertical) > entry + entry:last-child, .linked:not(.vertical) > entry + entry:last-child:backdrop {
min-height: 24px;
min-width: 160px;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
margin: 2px;
margin-left: 6px;
margin-right: 3px; }
spinbutton.horizontal, spinbutton.horizontal:backdrop,
spinbutton.vertical, spinbutton.vertical:backdrop {
background-image: -gtk-scaled(url("assets/entry-normal.svg")); /* This is for LibreOffice spinbuttons entries */
box-shadow: inset 0px 0px 1px 1px @border_entry_normal; }
spinbutton.horizontal:focus, spinbutton.horizontal:backdrop:focus,
spinbutton.vertical:focus, spinbutton.vertical:backdrop:focus {
background-image: -gtk-scaled(url("assets/entry-normal.svg")); /* This is for LibreOffice spinbuttons entries */
box-shadow: inset 0px 0px 1px 1px @border_entry_active; }
spinbutton.horizontal:disabled:disabled, spinbutton.horizontal:disabled:disabled:backdrop,
spinbutton.vertical:disabled:disabled, spinbutton.vertical:disabled:disabled:backdrop {
color: @text_entry_insensitive;
background-image: -gtk-scaled(url("assets/entry-insensitive.svg")); /* This is for LibreOffice spinbuttons entries */
box-shadow: inset 0px 0px 1px 1px @border_entry_insensitive; }
spinbutton.horizontal entry,
spinbutton.horizontal entry:backdrop {
min-height: 24px;
min-width: 56px;
border-radius: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 1px;
padding-left: 6px;
padding-right: 6px;
margin: 2px;
margin-right: 1px;
border: none;
box-shadow: 0px 0px 1px 1px @bg_color; }
spinbutton.vertical entry,
spinbutton.vertical entry:backdrop {
min-height: 24px;
min-width: 50px;
border-radius: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
margin: 2px;
margin-top: 1px;
margin-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
border: none;
box-shadow: 0px 0px 1px 1px @bg_color; }
/*************************
Headerbar - Titlebar
**************************/
headerbar,
.titlebar:not(headerbar) {
min-height: 24px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 16px;
background-color: @bg_color;
background-image: none;
color: @text_color;
border: 0px; }
.titlebar.default-decoration {
box-shadow: none; }
.tiled.titlebar.default-decoration, .maximized.titlebar.default-decoration {
box-shadow: none; }
.titlebar, .csd .titlebar:not(headerbar) {
border: 0px; }
headerbar .title,
.titlebar:not(headerbar) .title {
margin: 0px;
margin-top: -10px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-size: 116%;
color: @text_color; }
headerbar .subtitle,
.titlebar:not(headerbar) .subtitle {
opacity: 0.80;
margin: 0px;
margin-top: -4px;
margin-bottom: -10px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
font-size: 100%;
font-weight: bold;
color: @text_color; }
headerbar .title:backdrop,
.titlebar:not(headerbar) .title:backdrop,
headerbar .subtitle:backdrop,
.titlebar:not(headerbar) .subtitle:backdrop {
color: shade(@text_color, 0.70); }
headerbar button.flat, headerbar button.flat:backdrop,
.titlebar:not(headerbar) button.flat, .titlebar:not(headerbar) button.flat:backdrop {
padding: 2px;
padding-left: 10px;
padding-right: 10px;
border: 0px;
border-image: -gtk-scaled(url("assets/border-image.svg")) 3 3 3 3/3px 3px 3px 3px stretch;
box-shadow: none; }
headerbar button label.title,
.titlebar:not(headerbar) button label.title {
margin: 0px;
margin-top: -8px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-size: 100%;
color: @text_color; }
headerbar button label.subtitle,
.titlebar:not(headerbar) button label.subtitle {
margin-top: -2px;
margin-bottom: -2px;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
font-size: 94%;
font-weight: bold;
color: @text_color; }
headerbar button label.title:backdrop,
.titlebar:not(headerbar) button label.title:backdrop,
headerbar button label.subtitle:backdrop,
.titlebar:not(headerbar) button label.subtitle:backdrop {
color: shade(@text_color, 0.80); }
headerbar entry, headerbar:backdrop entry {
min-height: 24px;
min-width: 250px; }
headerbar separator.titlebutton,
.titlebar:not(headerbar) separator.titlebutton {
min-height: 20px;
min-width: 20px;
border-radius: 0px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: transparent;
background-color: transparent; }
window:not(.tiled):not(.maximized) headerbar:first-child,
window:not(.tiled):not(.maximized) headerbar:first-child:backdrop,
window:not(.tiled):not(.maximized) separator:first-child + headerbar,
window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop {
border-top-left-radius: 0px; }
window:not(.tiled):not(.maximized) headerbar:last-child,
window:not(.tiled):not(.maximized) headerbar:last-child:backdrop {
border-top-right-radius: 0px; }
.titlebar {
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
.background:not(.tiled):not(.maximized).titlebar,
.background:not(.tiled):not(.maximized).titlebar:backdrop {
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
/* Window Buttons ---------------------------------------------------------*/
headerbar.default-decoration button.titlebutton,
.titlebar.default-decoration button.titlebutton {
background-color: transparent;
background-image: none;
color: transparent; }
headerbar button.titlebutton,
.titlebar button.titlebutton {
min-height: 24px;
min-width: 40px;
padding: 0px;
margin-left: -3px;
margin-right: -3px;
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/menu-active.svg");
background-size: 40px 24px;
background-repeat: no-repeat;
background-position: center center;
transition: none;
box-shadow: none; }
headerbar button.titlebutton image,
.titlebar button.titlebutton image {
opacity: 0; }
headerbar button.titlebutton:hover,
.titlebar button.titlebutton:hover {
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/menu-prelight.svg");
background-size: 40px 24px;
background-repeat: no-repeat;
background-position: center center;
transition: ease-in-out;
box-shadow: none; }
headerbar button.titlebutton:hover image,
.titlebar button.titlebutton:hover image {
opacity: 0; }
headerbar button.titlebutton:active,
.titlebar button.titlebutton:active {
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/menu-pressed.svg");
background-size: 40px 24px;
background-repeat: no-repeat;
background-position: center center;
transition: none;
animation: none;
box-shadow: none; }
headerbar button.titlebutton:active image,
.titlebar button.titlebutton:active image {
opacity: 0; }
headerbar button.titlebutton:backdrop,
.titlebar button.titlebutton:backdrop {
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/menu-inactive.svg");
background-size: 40px 24px;
background-repeat: no-repeat;
background-position: center center;
box-shadow: none; }
headerbar button.titlebutton:backdrop image,
.titlebar button.titlebutton:backdrop image {
opacity: 0; }
headerbar button.titlebutton.close,
.titlebar button.titlebutton.close {
min-height: 24px;
min-width: 40px;
padding: 0px;
margin-left: -3px;
margin-right: -3px;
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/close-active.svg");
background-repeat: no-repeat;
background-position: center center;
box-shadow: none; }
headerbar button.titlebutton.close:hover,
.titlebar button.titlebutton.close:hover {
color: transparent;
background-color: transparent;
background-image: url("assets/close-prelight.svg");
background-repeat: no-repeat;
background-position: center center;
transition: ease-in-out;
box-shadow: none; }
headerbar button.titlebutton.close:active,
.titlebar button.titlebutton.close:active {
color: transparent;
background-color: transparent;
background-image: url("assets/close-pressed.svg");
background-repeat: no-repeat;
background-position: center center;
transition: none;
animation: none;
box-shadow: none; }
headerbar button.titlebutton.close:backdrop,
.titlebar button.titlebutton.close:backdrop {
color: transparent;
background-color: transparent;
background-image: url("assets/close-inactive.svg");
background-repeat: no-repeat;
background-position: center center;
box-shadow: none; }
headerbar button.titlebutton.minimize,
.titlebar button.titlebutton.minimize {
min-height: 24px;
min-width: 40px;
padding: 0px;
margin-left: -3px;
margin-right: -3px;
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/hide-active.svg");
background-repeat: no-repeat;
background-position: center center;
box-shadow: none; }
headerbar button.titlebutton.minimize:hover,
.titlebar button.titlebutton.minimize:hover {
color: transparent;
background-color: transparent;
background-image: url("assets/hide-prelight.svg");
background-repeat: no-repeat;
background-position: center center;
transition: ease-in-out;
box-shadow: none; }
headerbar button.titlebutton.minimize:active,
.titlebar button.titlebutton.minimize:active {
color: transparent;
background-color: transparent;
background-image: url("assets/hide-pressed.svg");
background-repeat: no-repeat;
background-position: center center;
transition: none;
animation: none;
box-shadow: none; }
headerbar button.titlebutton.minimize:backdrop,
.titlebar button.titlebutton.minimize:backdrop {
color: transparent;
background-color: transparent;
background-image: url("assets/hide-inactive.svg");
background-repeat: no-repeat;
background-position: center center;
box-shadow: none; }
headerbar button.titlebutton.maximize,
.titlebar button.titlebutton.maximize,
headerbar button.titlebutton.restore,
.titlebar button.titlebutton.restore {
min-height: 24px;
min-width: 40px;
padding: 0px;
margin-left: -3px;
margin-right: -3px;
border: 0px;
color: transparent;
background-color: transparent;
background-image: url("assets/maximize-active.svg");
box-shadow: none;
background-position: center center;
transition: none;
animation: none; }
headerbar button.titlebutton.maximize:hover,
.titlebar button.titlebutton.maximize:hover,
headerbar button.titlebutton.restore:hover,
.titlebar button.titlebutton.restore:hover {
color: transparent;
background-color: transparent;
background-image: url("assets/maximize-prelight.svg");
box-shadow: none;
background-position: center center;
transition: ease-in-out;
animation: none; }
headerbar button.titlebutton.maximize:active,
.titlebar button.titlebutton.maximize:active,
headerbar button.titlebutton.restore:active,
.titlebar button.titlebutton.restore:active {
color: transparent;
background-color: transparent;
background-image: url("assets/maximize-pressed.svg");
box-shadow: none;
background-position: center center;
transition: none;
animation: none; }
headerbar button.titlebutton.maximize:backdrop,
.titlebar button.titlebutton.maximize:backdrop,
headerbar button.titlebutton.restore:backdrop,
.titlebar button.titlebutton.restore:backdrop {
color: transparent;
background-color: transparent;
background-image: url("assets/maximize-inactive.svg");
box-shadow: none;
background-position: center center;
transition: none;
animation: none; }
headerbar button.titlebutton:not(.vertical):first-child,
.titlebar button.titlebutton.image-button:not(.vertical):first-child {
margin-left: -3px;
margin-right: -3px; }
headerbar button.titlebutton:not(.vertical):only-child,
.titlebar button.titlebutton.image-button:not(.vertical):only-child {
margin-left: -3px;
margin-right: -3px; }
headerbar button.titlebutton:not(.vertical):not(:first-child):not(:only-child):last-child,
.titlebar button.titlebutton.image-button:not(.vertical):not(:first-child):not(:only-child):last-child {
margin-left: -3px;
margin-right: -3px; }
/* -----------------------------------------------------------------------------*/
/*************
Toolbar
**************/
.primary-toolbar, .primary-toolbar:backdrop {
-GtkWidget-window-dragging: true;
min-height: 24px;
min-width: 24px;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
margin: 0px;
background-color: @bg_color;
background-image: none;
color: @text_color; }
toolbar, toolbar:backdrop,
.primary-toolbar:not(.horizontal), .primary-toolbar:not(.horizontal):backdrop,
toolbar.secondary-toolbar, toolbar.secondary-toolbar:backdrop,
.secondary-toolbar.inline-toolbar, .secondary-toolbar.inline-toolbar:backdrop,
toolbar.bottom-toolbar, toolbar.bottom-toolbar:backdrop,
.bottom-toolbar.inline-toolbar, .bottom-toolbar.inline-toolbar:backdrop {
-GtkWidget-window-dragging: true;
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 0px;
background-color: @bg_color;
background-image: none;
color: @text_color; }
toolbar:not(.horizontal), toolbar:not(.horizontal):backdrop {
-GtkWidget-window-dragging: true;
min-height: 24px;
min-width: 24px;
padding: 2px;
padding-top: 4px;
padding-bottom: 4px;
margin: 0px;
background-color: @bg_color;
background-image: none;
color: @text_color; }
.inline-toolbar, toolbar.inline-toolbar,
.inline-toolbar:backdrop, toolbar.inline-toolbar:backdrop {
min-height: 24px;
min-width: 24px;
padding: 4px;
margin: 0px;
border-width: 0 1px 1px;
border-style: solid;
border-color: @border_color;
background-color: @inline_toolbar_bg;
background-image: none;
box-shadow: none; }
actionbar, actionbar:backdrop {
padding: 0px;
margin: 0px;
border: 0px;
box-shadow: none; }
actionbar > revealer > box,
actionbar > revealer > box:backdrop {
min-height: 24px;
min-width: 24px;
padding: 4px;
margin: 0px;
border-style: none;
background-color: @inline_toolbar_bg;
background-image: none;
box-shadow: none; }
.primary-toolbar separator {
min-width: 2px;
border: 0px;
margin: 2px;
margin-left: 4px;
margin-right: 4px;
background-color: transparent;
background-image: none; }
toolbar.horizontal separator {
margin-left: 4px;
margin-right: 4px;
background: none; }
toolbar.vertical separator {
margin-top: 4px;
margin-bottom: 4px;
background: none; }
window.thunar toolbar#location-toolbar {
border-top-width: 2px;
border-bottom-width: 2px; }
window.thunar notebook stack > scrolledwindow.frame.standard-view {
border-top-width: 2px;
border-color: @bg_color; }
filechooser #pathbarbox {
min-height: 24px;
padding: 0px;
border: none;
background-color: @bg_color;
background-image: none; }
/**********
OSD
***********/
.osd, .osd:backdrop,
.osd .scale-popup, .osd .scale-popup:backdrop,
popover.osd, popover.osd:backdrop,
popover.magnifier, popover.magnifier:backdrop,
popover.background.osd, popover.background.osd:backdrop,
popover.background.magnifier, popover.background.magnifier:backdrop,
.csd popover.osd, .csd popover.osd:backdrop,
.csd popover.magnifier, .csd popover.magnifier:backdrop,
.csd popover.background.osd, .csd popover.background.osd:backdrop,
.csd popover.background.magnifier, .csd popover.background.magnifier:backdrop {
background-clip: padding-box;
box-shadow: inset 0px 0px 1px 3px @tooltip_border_color, inset 0px 0px 1px 2px @bg_color; }
.osd toolbar, .osd toolbar:backdrop,
toolbar.osd, toolbar.osd:backdrop,
toolbar.osd.top, toolbar.osd.top:backdrop,
toolbar.osd.bottom, toolbar.osd.bottom:backdrop,
toolbar.osd.left, toolbar.osd.left:backdrop,
toolbar.osd.right, toolbar.osd.right:backdrop {
min-height: 24px;
min-width: 24px;
padding: 10px;
margin: 0px;
border: 0px;
background-color: @osd_bg;
background-image: none;
color: @osd_fg; }
/*************
Menubar
**************/
menubar, .menubar {
min-height: 30px;
-GtkWidget-window-dragging: true;
border: 0px; /* SEPARATOR */
background-color: @bg_color;
background-image: none;
font-weight: bold;
color: @menubar_fg_color; }
menubar > menuitem, .menubar > menuitem,
menubar > menuitem:backdrop, .menubar > menuitem:backdrop {
min-height: 16px;
border-radius: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
border: 3px solid transparent;
background-image: none;
background-color: transparent;
color: @menubar_fg_color; }
menubar > menuitem label, .menubar > menuitem label,
menubar > menuitem:backdrop label, .menubar > menuitem:backdrop label {
padding-left: 6px;
padding-right: 6px; }
menubar > menuitem:hover, .menubar > menuitem:hover {
background-color: @menubaritem_bg;
background-image: none;
color: @menubaritem_fg;
animation: menubar_key 0.4s linear; }
menubar > menuitem:disabled, .menubar > menuitem:disabled {
color: @text_insensitive; }
/**********
Menu
***********/
menu, .menu, .csd menu, .csd .menu,
.xfce4-panel menu,
.popup > menu {
padding: 16px;
margin: 0px;
border-radius: 0px;
border: 1px solid @bg_color;
background-image: none;
background-color: @menu_color;
font-weight: normal;
color: @text_menu;
box-shadow: inset 0px 0px 1px 1px @border_menu; }
.popup.csd decoration {
border: 0px;
box-shadow: 0 3.5px 9.5px 10.5px alpha(@shadow_window, 0.50), 0 0 0 5.5px alpha(@window_active, 0.10), 0px 0px 1px 1px @bg_color; }
menu separator, .menu separator,
.csd menu separator, .csd .menu separator,
.xfce4-panel menu separator,
.popup > menu separator {
min-height: 1px;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 10px;
margin-right: 10px;
padding: 0;
border: 0px;
background-color: @menu_line;
background-image: linear-gradient(to right, @selected_bg_color, @selected_bg_backdrop); }
menu menuitem, .menu .menuitem,
.csd menu menuitem, .csd .menu menuitem,
.xfce4-panel menu menuitem,
.popup > menu menuitem {
min-height: 24px;
min-width: 100px;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
border-radius: 0px;
border: 1px solid transparent;
background-image: none;
background-color: @menu_color;
color: @text_menu; }
menuitem accelerator {
color: shade(@text_menu, 0.70); }
menu menuitem:hover, .menu .menuitem:hover,
.csd menu menuitem:hover, .csd .menu menuitem:hover,
.xfce4-panel menu menuitem:hover,
.popup > menu menuitem:hover {
background-color: @menuitem;
background-image: linear-gradient(to right, @menuitem, shade(@selected_bg_backdrop, 0.80));
border-color: @border_normal;
color: @text_menuitem;
box-shadow: none; }
menu menuitem:disabled, .menu menuitem:disabled,
.csd menu menuitem:disabled, .csd .menu menuitem:disabled,
.xfce4-panel menu menuitem:disabled,
.popup > menu menuitem:disabled,
menuitem *:disabled > accelerator {
background-color: @menu_color;
color: @text_menu_insensitive; }
menu menuitem > arrow:dir(ltr),
.menu .menuitem > arrow:dir(ltr) {
min-height: 11px;
min-width: 11px;
margin-left: 6px;
margin-right: 6px;
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-right-prelight.svg"); }
menu menuitem:hover > arrow:dir(ltr),
.menu .menuitem:hover > arrow:dir(ltr) {
background-color: alpha(@menuitem, 0.10);
-gtk-icon-source: url("assets/menu-arrow-right-prelight.svg");
animation: zoom_key 0.3s ease-out; }
menu menuitem:disabled > arrow:dir(ltr),
.menu .menuitem:disabled > arrow:dir(ltr) {
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-right-insensitive.svg"); }
menu menuitem > arrow:dir(rtl),
.menu .menuitem > arrow:dir(rtl) {
min-height: 11px;
min-width: 11px;
margin-left: 6px;
margin-right: 6px;
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-left-prelight.svg"); }
menu menuitem:hover > arrow:dir(rtl),
.menu .menuitem:hover > arrow:dir(rtl) {
background-color: @menuitem;
-gtk-icon-source: url("assets/menu-arrow-left-prelight.svg");
animation: zoom_key 0.3s ease-out; }
menu menuitem:disabled > arrow:dir(rtl),
.menu .menuitem:disabled > arrow:dir(rtl) {
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-left-insensitive.svg"); }
menu > arrow, .menu > arrow, .context-menu > arrow {
min-height: 16px;
min-width: 60px;
border-radius: 0px;
background-image: none;
background-color: #750000;
border-width: 0px; }
menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top {
margin-bottom: 6px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
color: @arrow_normal; }
menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom {
margin-top: 36px;
margin-bottom: -30px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
color: @arrow_normal; }
menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover {
background-color: @selected_bg_color;
color: @arrow_normal;
animation: zoom_key 0.3s ease-out; }
menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled {
background-color: #4D4D4D;
color: @arrow_insensitive; }
/********************************
Menuitem Check-Radio
*********************************/
menu menuitem check,
.menu menuitem check,
.context-menu menuitem check,
combobox menu menuitem check,
combobox .menu menuitem check,
combobox .context-menu menuitem check,
menu menuitem:hover check,
.menu menuitem:hover check,
.context-menu menuitem:hover check,
combobox menu menuitem:hover check,
combobox .menu menuitem:hover check,
combobox .context-menu:hover menuitem check,
menu menuitem *:disabled check,
.menu menuitem *:disabled check,
.context-menu menuitem *:disabled check,
combobox menu menuitem *:disabled check,
combobox .menu menuitem *:disabled check,
combobox .context-menu menuitem *:disabled check {
border-radius: 0px;
border: 1px solid @menu_color;
background-color: transparent; }
menu menuitem radio,
.menu menuitem radio,
.context-menu menuitem radio,
combobox menu menuitem radio,
combobox .menu menuitem radio,
combobox .context-menu menuitem radio,
menu menuitem:hover radio,
.menu menuitem:hover radio,
.context-menu menuitem:hover radio,
combobox menu menuitem:hover radio,
combobox .menu menuitem:hover radio,
combobox .context-menu:hover menuitem radio,
menu menuitem *:disabled radio,
.menu menuitem *:disabled radio,
.context-menu menuitem *:disabled radio,
combobox menu menuitem *:disabled radio,
combobox .menu menuitem *:disabled radio,
combobox .context-menu menuitem *:disabled radio {
border-radius: 100%;
border: 1px solid @menu_color;
background-color: transparent; }
/*************
Popover
**************/
popover,
popover.background,
.csd popover,
.csd popover.background {
padding: 4px;
margin: 0px;
border-radius: 0px;
border: 1px solid @border_menu;
background-image: none;
background-color: @menu_color;
font-weight: normal;
color: @text_menu;
box-shadow: 0 3.5px 9.5px 10.5px alpha(@shadow_window, 0.35), 0 0 0 5.5px alpha(@window_active, 0.10), 0px 0px 1px 1px @bg_color; }
popover.background.menu separator, .csd popover.background.menu separator {
min-height: 1px;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 10px;
margin-right: 10px;
padding: 0;
border: 0px;
background-color: @menu_line;
background-image: linear-gradient(to right, @selected_bg_color, @selected_bg_backdrop); }
popover > toolbar,
.popover_bg > toolbar,
popover.background > toolbar {
min-height: 24px;
min-width: 24px;
padding: 10px;
margin: 0px;
border: 0px; }
popover button,
popover button.flat,
popover button.toggle {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 4px;
margin-right: 4px; }
/*****************
Modelbutton
******************/
modelbutton.flat, modelbutton {
min-height: 24px;
min-width: 100px;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
border-radius: 0px;
border: 1px solid transparent;
background-image: none;
background-color: @menu_color;
color: @text_menu; }
modelbutton.flat:hover, modelbutton:hover {
background-color: @menuitem;
background-image: linear-gradient(to right, @menuitem, shade(@selected_bg_backdrop, 0.80));
border-color: @border_normal;
color: @text_menuitem;
box-shadow: none; }
modelbutton.flat *:disabled, modelbutton *:disabled {
background-color: @menu_color;
color: @text_menu_insensitive; }
modelbutton.flat > arrow.right,
modelbutton > arrow.right {
min-height: 11px;
min-width: 11px;
margin-left: 10px;
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-right-prelight.svg"); }
modelbutton.flat:hover > arrow.right,
modelbutton:hover > arrow.right {
background-color: alpha(@menuitem, 0.10);
-gtk-icon-source: url("assets/menu-arrow-right-prelight.svg");
animation: zoom_key 0.3s ease-out; }
modelbutton.flat:disabled > arrow.right,
modelbutton:disabled > arrow.right {
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-right-insensitive.svg"); }
modelbutton.flat > arrow.left,
modelbutton > arrow.left {
min-height: 11px;
min-width: 11px;
margin-right: 10px;
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-left-prelight.svg"); }
modelbutton.flat:hover > arrow.left,
modelbutton:hover > arrow.left {
background-color: @menuitem;
-gtk-icon-source: url("assets/menu-arrow-left-prelight.svg");
animation: zoom_key 0.3s ease-out; }
modelbutton.flat:disabled > arrow.left,
modelbutton:disabled > arrow.left {
background-color: @menu_color;
-gtk-icon-source: url("assets/arrow-left-insensitive.svg"); }
/***********************************
Modelbutton Check-Radio
************************************/
modelbutton.flat check, modelbutton check,
modelbutton.flat:hover check, modelbutton:hover check,
modelbutton.flat *:disabled check, modelbutton *:disabled check {
border-radius: 0px;
border: 1px solid @menu_color;
background-color: transparent; }
modelbutton.flat radio, modelbutton radio,
modelbutton.flat:hover radio, modelbutton:hover radio,
modelbutton.flat *:disabled radio, modelbutton *:disabled radio {
border-radius: 100%;
border: 1px solid @menu_color;
background-color: transparent; }
/***************************
Popover List - Row
****************************/
popover.background list, popover.background list:backdrop,
popover list, popover list:backdrop {
min-height: 30px;
min-width: 30px;
padding: 1px;
border-radius: 0px;
border: 0px;
background-image: none;
background-color: @menu_color;
color: @text_menu;
box-shadow: none; }
popover.background list row, popover.background list row:backdrop,
popover.background row, popover.background row:backdrop {
min-height: 24px;
min-width: 100px;
margin: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
border-radius: 0px;
border: 1px solid transparent;
background-image: none;
background-color: @menu_color;
color: @text_menu;
box-shadow: none; }
popover.background row.activatable.has-open-popup, popover.background row.activatable:hover,
popover.background row.activatable.has-open-popup:backdrop, popover.background row.activatable:backdrop:hover {
background-color: @menuitem;
background-image: linear-gradient(to right, @menuitem, shade(@selected_bg_backdrop, 0.80));
border-color: @border_normal;
color: @text_menuitem;
box-shadow: none; }
popover.background row.activatable.has-open-popup label, popover.background row.activatable:hover label,
popover.background row.activatable.has-open-popup:backdrop label, popover.background row.activatable:backdrop:hover label {
color: @text_menuitem; }
popover.background row:disabled, popover.background row:disabled:backdrop,
popover.background row.activatable:disabled, popover.background row.activatable:disabled:backdrop {
color: @text_insensitive ; }
/******************
List - Row
*******************/
list, list:backdrop {
min-height: 30px;
min-width: 100px;
padding: 1px;
background-image: none;
background-color: @list_bg;
color: @list_fg;
box-shadow: inset 0px 0px 1px 1px alpha(@border_color, 0.50); }
list row, list row:backdrop {
min-height: 24px;
min-width: 100px;
margin: 0px;
padding: 0px;
padding-left: 3px;
padding-right: 3px;
border: 0px;
background-image: none;
background-color: @row_bg;
color: @row_fg;
box-shadow: inset 0px 0px 1px 1px @border_color; }
row.activatable.has-open-popup, row.activatable.has-open-popup:backdrop,
row.activatable:hover, row.activatable:backdrop:hover {
background-image: none;
background-color: @row_bg;
color: @row_active_fg;
box-shadow: inset 0 0 0 10000px @selected_bg_backdrop, inset 0px 0px 1px 1px @row_bg; }
row:selected, row:selected:backdrop,
row.activatable:selected, row.activatable:selected:backdrop {
background-color: @row_active_bg;
background-image: linear-gradient(to right, @menuitem, shade(@selected_bg_backdrop, 0.80));
color: @row_active_fg;
animation: active_key 0.5s linear;
box-shadow: inset 0px 0px 2px 1px @border_normal, inset 0px 0px 1px 1px @row_bg; }
row:selected:hover, row:selected:backdrop:hover,
row.activatable:selected:hover, row.activatable:selected:backdrop:hover {
background-image: none;
background-color: @row_active_bg;
color: @row_active_fg;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0px 0px 1px 1px @text_prelight, inset 0px 0px 1px 1px @row_bg; }
row:disabled, row:disabled:backdrop {
background-image: none;
background-color: @row_bg;
color: @text_insensitive ;
box-shadow: inset 0px 0px 1px 1px @border_color; }
/***********************************
Row Check-Radio
************************************/
row check, row:backdrop check,
row.activatable.has-open-popup check, row.activatable.has-open-popup:backdrop check,
row.activatable:hover check, row.activatable:backdrop:hover check,
row:selected check, row:selected:backdrop check,
row.activatable:selected check, row.activatable:selected:backdrop check,
row:selected:hover check, row:selected:backdrop:hover check,
row.activatable:selected:hover check, row.activatable:selected:backdrop:hover check,
row:disabled check, row:disabled:backdrop check {
border-radius: 0px;
border: 1px solid @row_bg;
background-color: transparent; }
row radio, row:backdrop radio,
row.activatable.has-open-popup radio, row.activatable.has-open-popup:backdrop radio,
row.activatable:hover radio, row.activatable:backdrop:hover radio,
row:selected radio, row:selected:backdrop radio,
row.activatable:selected radio, row.activatable:selected:backdrop radio,
row:selected:hover radio, row:selected:backdrop:hover radio,
row.activatable:selected:hover radio, row.activatable:selected:backdrop:hover radio,
row:disabled radio, row:disabled:backdrop radio {
border-radius: 100%;
border: 1px solid @row_bg;
background-color: transparent; }
/*************
Sidebar
**************/
/* ... (Rhythmbox) ... */
treeview.view.sidebar, treeview.view.sidebar:backdrop {
-GtkTreeView-vertical-separator: 0px;
padding-left: 0px;
background-color: @bg_color;
background-image: none;
color: @row_fg;
box-shadow: none; }
.sidebar .view:hover, .sidebar .view:backdrop:hover {
background-color: @bg_color;
background-image: none;
color: @row_active_fg;
box-shadow: inset 0 0 0 10000px @selected_bg_backdrop, inset 0px 0px 1px 2px @bg_color; }
.sidebar .view:selected, .sidebar .view:selected:backdrop {
background-color: @bg_color;
background-image: none;
color: @row_active_fg;
animation: active_key 0.5s linear;
box-shadow: inset 0px 0px 1px 3px @border_active, inset 0px 0px 1px 2px @bg_color; }
.sidebar .view:selected:hover, .sidebar .view:selected:backdrop:hover {
background-color: @bg_color;
background-image: none;
color: @row_active_fg;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0px 0px 1px 4px @border_prelight, inset 0px 0px 1px 2px @bg_color; }
.sidebar .view:disabled, .sidebar .view:disabled:backdrop {
background-color: @bg_color;
background-image: none;
color: @text_insensitive ;
box-shadow: none; }
/* ... (Thunar) ... (file manager) ... */
.sidebar, .sidebar:backdrop,
.sidebar .view, .sidebar .view:backdrop,
.sidebar list, .sidebar list:backdrop,
placessidebar list, placessidebar list:backdrop {
min-height: 30px;
min-width: 80px;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
background-color: @bg_color;
background-image: none;
color: @row_fg;
box-shadow: none; }
paned .sidebar > treeview.view, paned .sidebar > treeview.view:backdrop {
-GtkTreeView-vertical-separator: 0px;
-GtkTreeView-horizontal-separator: 0px; }
.sidebar row, .sidebar row:backdrop,
placessidebar row, placessidebar row:backdrop {
min-height: 30px;
min-width: 80px;
padding: 4px;
border: 0px;
background-color: @bg_color;
background-image: none;
color: @row_fg;
box-shadow: none; }
.sidebar:hover, .sidebar:backdrop:hover,
.sidebar row:hover, .sidebar row:backdrop:hover,
.sidebar .view > treeview.view:hover, .sidebar .view > treeview.view:backdrop:hover,
placessidebar row:hover, placessidebar row:backdrop:hover {
background-color: @bg_color;
background-image: none;
color: @row_active_fg;
box-shadow: inset 0 0 0 10000px @selected_bg_backdrop, inset 0px 0px 1px 2px @bg_color; }
.sidebar:selected, .sidebar:selected:backdrop,
.sidebar row:selected, .sidebar row:selected:backdrop,
.sidebar .view > treeview.view:selected, .sidebar .view > treeview.view:selected:backdrop,
placessidebar row:selected, placessidebar row:selected:backdrop {
background-color: @bg_color;
background-image: none;
color: @row_active_fg;
animation: active_key 0.5s linear;
box-shadow: inset 0px 0px 1px 3px @border_active, inset 0px 0px 1px 2px @bg_color; }
.sidebar:selected:hover, .sidebar:selected:backdrop:hover,
.sidebar row:selected:hover, .sidebar row:selected:backdrop:hover,
.sidebar .view > treeview.view:selected:hover, .sidebar .view > treeview.view:selected:backdrop:hover,
placessidebar row:selected:hover, placessidebar row:selected:backdrop:hover {
background-color: @bg_color;
background-image: none;
color: @row_active_fg;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0px 0px 1px 4px @border_prelight, inset 0px 0px 1px 2px @bg_color; }
.sidebar:disabled, .sidebar:disabled:backdrop,
.sidebar row:disabled, .sidebar row:disabled:backdrop,
.sidebar .view > treeview.view:disabled, .sidebar .view > treeview.view:disabled:backdrop,
placessidebar row:disabled, placessidebar row:disabled:backdrop {
background-color: @bg_color;
background-image: none;
color: @text_insensitive ;
box-shadow: none; }
row switch, row switch:backdrop {
margin: 6px; }
row button, row button:backdrop,
.sidebar button, .sidebar button:backdrop,
paned .sidebar > treeview.view button, paned .sidebar > treeview.view button:backdrop {
min-height: 24px;
min-width: 24px;
padding: 0px; }
placessidebar separator.horizontal {
min-height: 1px;
background-color: @menu_line;
background-image: linear-gradient(to right, @selected_bg_color, @selected_bg_backdrop, @selected_bg_color); }
placessidebar row image.sidebar-icon,
placessidebar row image.sidebar-icon:backdrop {
opacity: 0.80; }
placessidebar row:hover image.sidebar-icon,
placessidebar row:hover image.sidebar-icon:backdrop {
opacity: 1; }
placessidebar row image.sidebar-icon:dir(ltr),
placessidebar row image.sidebar-icon:dir(ltr):backdrop {
padding-right: 4px;
padding-left: 8px; }
placessidebar row image.sidebar-icon:dir(rtl),
placessidebar row image.sidebar-icon:dir(rtl):backdrop {
padding-left: 4px;
padding-left: 8px; }
placessidebar row label.sidebar-label:dir(ltr),
placessidebar row label.sidebar-label:dir(ltr):backdrop {
padding-right: 4px; }
placessidebar row label.sidebar-label:dir(rtl),
placessidebar row label.sidebar-label:dir(rtl):backdrop {
padding-left: 4px; }
placessidebar row.sidebar-placeholder-row,
placessidebar row.sidebar-placeholder-row:backdrop {
background-color: @button_black;
color: @row_active_fg;
box-shadow: inset 0px 0px 1px 2px mix(@selected_bg_color, @warning_color, 0.15); }
placessidebar row.sidebar-new-bookmark-row,
placessidebar row.sidebar-new-bookmark-row:backdrop {
background-color: @button_black;
color: @row_active_fg;
box-shadow: inset 0px 0px 1px 2px @success_color; }
placesview .server-list-button > image,
placesview .server-list-button > image:backdrop {
-gtk-icon-transform: rotate(0turn); }
placesview .server-list-button:checked > image,
placesview .server-list-button:checked > image:backdrop {
transition: 0.3s ease-out;
-gtk-icon-transform: rotate(-0.5turn); }
placesview > actionbar > revealer > box,
placesview > actionbar > revealer > box:backdrop {
min-height: 24px;
min-width: 100px;
padding: 2px;
padding-left: 10px;
padding-right: 3px;
color: @list_fg; }
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
border-right: 1px solid @border_color;
border-left-style: none;
background-image: none;
background-color: @list_bg;
color: @list_fg;
box-shadow: none; }
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
border-left: 1px solid @border_color;
border-right-style: none;
background-image: none;
background-color: @list_bg;
color: @list_fg;
box-shadow: none; }
stacksidebar.sidebar:dir(ltr) row, stacksidebar.sidebar:dir(ltr) row:backdrop,
stacksidebar.sidebar.left row, stacksidebar.sidebar.left row:backdrop,
stacksidebar.sidebar.left:dir(rtl) row, stacksidebar.sidebar.left:dir(rtl) row:backdrop,
stacksidebar.sidebar:dir(rtl) row, stacksidebar.sidebar:dir(rtl) row:backdrop,
stacksidebar.sidebar.right row, stacksidebar.sidebar.right row:backdrop {
min-height: 24px;
min-width: 80px;
padding: 4px;
border: 0px;
background-color: @row_bg;
background-image: none;
color: @row_fg;
box-shadow: inset 0px 0px 1px 1px @border_color; }
stacksidebar.sidebar:dir(ltr) row > label, stacksidebar.sidebar:dir(ltr) row > label:backdrop,
stacksidebar.sidebar.left row > label, stacksidebar.sidebar.left row > label:backdrop,
stacksidebar.sidebar.left:dir(rtl) row > label, stacksidebar.sidebar.left:dir(rtl) row > label:backdrop,
stacksidebar.sidebar:dir(rtl) row > label, stacksidebar.sidebar:dir(rtl) row > label:backdrop,
stacksidebar.sidebar.right row > label, stacksidebar.sidebar.right row > label:backdrop {
padding-left: 5px;
padding-right: 5px; }
stacksidebar.sidebar:dir(ltr) row:hover, stacksidebar.sidebar:dir(ltr) row:backdrop:hover,
stacksidebar.sidebar.left row:hover, stacksidebar.sidebar.left row:backdrop:hover,
stacksidebar.sidebar.left:dir(rtl) row:hover, stacksidebar.sidebar.left:dir(rtl) row:backdrop:hover,
stacksidebar.sidebar:dir(rtl) row:hover, stacksidebar.sidebar:dir(rtl) row:backdrop:hover,
stacksidebar.sidebar.right row:hover, stacksidebar.sidebar.right row:backdrop:hover {
background-image: none;
background-color: @row_bg;
color: @row_active_fg;
box-shadow: inset 0 0 0 10000px @selected_bg_backdrop, inset 0px 0px 1px 1px @row_bg; }
stacksidebar.sidebar:dir(ltr) row:selected, stacksidebar.sidebar:dir(ltr) row:selected:backdrop,
stacksidebar.sidebar.left row:selected, stacksidebar.sidebar.left row:selected:backdrop,
stacksidebar.sidebar.left:dir(rtl) row:selected, stacksidebar.sidebar.left:dir(rtl) row:selected:backdrop,
stacksidebar.sidebar:dir(rtl) row:selected, stacksidebar.sidebar:dir(rtl) row:selected:backdrop,
stacksidebar.sidebar.right row:selected, stacksidebar.sidebar.right row:selected:backdrop {
background-color: @row_active_bg;
background-image: linear-gradient(to right, @menuitem, shade(@selected_bg_backdrop, 0.80));
color: @row_active_fg;
animation: active_key 0.5s linear;
box-shadow: inset 0px 0px 1px 2px @border_normal, inset 0px 0px 1px 1px @row_bg; }
stacksidebar.sidebar:dir(ltr) row:selected:hover, stacksidebar.sidebar:dir(ltr) row:selected:backdrop:hover,
stacksidebar.sidebar.left row:selected:hover, stacksidebar.sidebar.left row:selected:backdrop:hover,
stacksidebar.sidebar.left:dir(rtl) row:selected:hover, stacksidebar.sidebar.left:dir(rtl) row:selected:backdrop:hover,
stacksidebar.sidebar:dir(rtl) row:selected:hover, stacksidebar.sidebar:dir(rtl) row:selected:backdrop:hover,
stacksidebar.sidebar.right row:selected:hover, stacksidebar.sidebar.right row:selected:backdrop:hover {
background-image: none;
background-color: @row_active_bg;
color: @row_active_fg;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0px 0px 1px 1px @text_prelight, inset 0px 0px 1px 1px @row_bg; }
stacksidebar.sidebar:dir(ltr) row:disabled, stacksidebar.sidebar:dir(ltr) row:disabled:backdrop,
stacksidebar.sidebar.left row:disabled, stacksidebar.sidebar.left row:disabled:backdrop,
stacksidebar.sidebar.left:dir(rtl) row:disabled, stacksidebar.sidebar.left:dir(rtl) row:disabled:backdrop,
stacksidebar.sidebar:dir(rtl) row:disabled, stacksidebar.sidebar:dir(rtl) row:disabled:backdrop,
stacksidebar.sidebar.right row:disabled, stacksidebar.sidebar.right row:disabled:backdrop {
background-image: none;
background-color: @row_bg;
color: @text_insensitive ;
box-shadow: inset 0px 0px 1px 1px @border_color; }
paned .sidebar, paned .sidebar:backdrop,
paned .sidebar .view, paned .sidebar .view:backdrop,
paned .sidebar list, paned .sidebar list:backdrop,
paned .sidebar .view > treeview.view, paned .sidebar .view > treeview.view:backdrop,
placessidebar > viewport.frame, placessidebar > viewport.frame:backdrop {
border: 0px none transparent; }
assistant .sidebar {
min-height: 30px;
padding: 6px;
padding-left: 4px;
padding-right: 4px;
border: 0px;
background-color: @row_bg;
background-image: none;
color: @row_fg;
box-shadow: inset 0px 0px 1px 1px @border_color; }
assistant .sidebar label {
padding-left: 5px;
padding-right: 5px;
color: @row_fg;
font-weight: bold;
font-size: 120%; }
assistant .sidebar label.highlight {
color: @list_fg;
font-weight: bold;
font-size: 120%; }
/**********************
Paned separators
***********************/
paned > separator,
paned > separator:backdrop {
min-width: 5px;
min-height: 5px;
border-style: none;
background-color: @bg_color;
-gtk-icon-source: none; }
paned.horizontal > separator,
paned.horizontal > separator:backdrop {
background-image: url("assets/handle-v.svg");
background-size: 1px 18px;
background-repeat: no-repeat;
background-position: center center; }
paned.horizontal > separator:hover,
paned.horizontal > separator:backdrop:hover {
transition: 0.3s linear;
background-image: url("assets/handle-v-active.svg");
background-size: 1px 18px;
background-repeat: no-repeat;
background-position: center center; }
paned.vertical > separator,
paned.vertical > separator:backdrop {
background-image: url("assets/handle-h.svg");
background-size: 18px 1px;
background-repeat: no-repeat;
background-position: center center; }
paned.vertical > separator:hover,
paned.vertical > separator:backdrop:hover {
transition: 0.3s linear;
background-image: url("assets/handle-h-active.svg");
background-size: 18px 1px;
background-repeat: no-repeat;
background-position: center center; }
paned > separator.wide,
paned > separator.wide:backdrop {
min-width: 6px;
min-height: 6px;
background-color: transparent;
background-image: image(@border_color), image(@border_color);
background-size: 1px 1px, 1px 1px; }
paned > separator.wide:hover, paned > separator.wide:backdrop:hover {
transition: 0.3s linear;
background-color: transparent;
background-image: image(@frame_color), image(@frame_color); }
paned.horizontal > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-y, repeat-y;
background-position: left, right; }
paned.vertical > separator.wide {
margin: 0;
padding: 0;
background-repeat: repeat-x, repeat-x;
background-position: bottom, top; }
/*****************
Progressbar
******************/
progressbar,
progressbar.osd {
color: @text_color; }
progressbar trough,
progressbar.horizontal trough,
progressbar.osd trough {
min-height: 10px;
border-radius: 0px;
background-color: @progressbar_trough;
box-shadow: none; }
progressbar.vertical trough {
min-width: 10px;
border-radius: 0px;
background-color: @progressbar_trough;
box-shadow: none; }
progressbar progress,
progressbar.horizontal progress,
progressbar.osd progress {
min-height: 10px;
border-radius: 0px;
background-color: @progressbar_color;
background-image: linear-gradient(to bottom, shade(@progressbar_color, 0.80), @progressbar_color);
box-shadow: none; }
progressbar.vertical progress {
min-width: 10px;
border-radius: 0px;
background-color: @progressbar_color;
background-image: linear-gradient(to right, shade(@progressbar_color, 0.80), @progressbar_color);
box-shadow: none; }
/**************
Levelbar
***************/
levelbar trough {
min-height: 8px;
min-width: 98px;
padding: 2px;
margin: 0px;
background-color: @progressbar_trough;
background-image: none;
border: 0px;
border-radius: 0px;
box-shadow: none; }
levelbar.vertical trough {
min-width: 8px;
min-height: 98px;
padding: 2px;
margin: 0px;
background-color: @progressbar_trough;
background-image: none;
border: 0px;
border-radius: 0px;
box-shadow: none; }
levelbar block {
min-height: 8px;
min-width: 20px;
border: none;
border-radius: 0px; }
levelbar.vertical block {
min-width: 8px;
min-height: 20px;
border: none;
border-radius: 0px; }
levelbar:backdrop {
transition: 0.3s ease-out; }
levelbar.horizontal.discrete block {
margin-right: 2px; }
levelbar.vertical.discrete block {
margin-top: 2px; }
levelbar block:not(.empty),
levelbar block.high {
background-color: transparent;
background-image: linear-gradient(to bottom, @question_color, shade(@question_color, 1.20)); }
levelbar block.low {
background-color: transparent;
background-image: linear-gradient(to bottom, @warning_color, shade(@warning_color, 1.20)); }
levelbar block.full {
background-color: transparent;
background-image: linear-gradient(to bottom, @error_color, shade(@error_color, 1.20)); }
levelbar block.empty {
background-color: transparent;
background-image: none; }
/***********
Scale
************/
scale, scale:backdrop {
min-height: 16px;
min-width: 16px;
padding: 4px;
margin: 3px;
border-radius: 0px;
border: none;
background-color: transparent; }
scale.horizontal, scale.horizontal:backdrop {
min-height: 16px;
min-width: 16px;
padding: 4px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 3px;
margin-right: 3px; }
scale.vertical, scale.vertical:backdrop {
min-height: 16px;
min-width: 16px;
padding: 4px;
margin: 0px; }
menu menuitem scale.horizontal, menu menuitem scale.horizontal:backdrop,
row scale.horizontal, row scale.horizontal:backdrop,
infobar scale.horizontal, infobar scale.horizontal:backdrop {
min-height: 16px;
padding: 4px;
margin: 4px;
background-color: transparent; }
.osd toolbar scale.horizontal, .osd toolbar scale.horizontal:backdrop,
toolbar.osd scale.horizontal, toolbar.osd scale.horizontal:backdrop {
min-height: 16px;
padding: 4px;
margin: 0px;
margin-left: 8px;
margin-right: 8px;
background-color: transparent; }
popover scale.horizontal, popover scale.horizontal:backdrop,
popover scale.vertical, popover scale.vertical:backdrop {
min-height: 16px;
min-width: 16px;
padding: 4px;
margin: 0px;
background-color: transparent; }
scale.fine-tune.horizontal,
scale.fine-tune.horizontal:backdrop {
min-height: 16px;
padding: 4px; }
scale.fine-tune.vertical,
scale.fine-tune.vertical:backdrop {
min-width: 16px;
padding: 4px; }
scale trough {
border-radius: 0px;
border: none;
background-color: @scale_trough_start;
box-shadow: 0px 0px 0px 1px @bg_color; }
scale trough:disabled {
background-color: @scale_trough_insensitive; }
scale.horizontal trough {
min-height: 4px;
padding: 0px;
padding-left: 7px;
padding-right: 7px; }
scale.vertical trough {
min-width: 4px;
padding: 0px;
padding-top: 7px;
padding-bottom: 7px; }
scale highlight {
border-radius: 0px;
border: none;
background-color: @scale_trough_end; }
scale highlight:disabled {
background-color: @scale_trough_insensitive; }
scale.horizontal highlight,
scale.horizontal highlight:backdrop {
min-height: 4px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -7px;
margin-right: -7px; }
scale.vertical highlight,
scale.vertical highlight:backdrop {
min-width: 4px;
margin-top: -7px;
margin-bottom: -7px;
margin-left: 0px;
margin-right: 0px; }
scale slider {
min-height: 16px;
min-width: 16px;
margin: -7px;
padding: 0px;
background-image: url("assets/slider.svg");
background-color: transparent;
border-radius: 100%;
box-shadow: 0px 0px 1px 1px @bg_color; }
scale slider:hover,
menu menuitem:hover scale slider:not(:disabled) {
min-height: 16px;
min-width: 16px;
margin: -7px;
padding: 0px;
background-image: url("assets/slider-prelight.svg");
background-color: transparent;
transition: ease-in-out;
animation: prelight_key 0.2s ease-in;
border-radius: 100%;
box-shadow: 0px 0px 1px 1px @bg_color; }
scale slider:active,
scale slider:checked,
menu menuitem:hover scale slider:active,
menu menuitem:hover scale slider:checked {
min-height: 16px;
min-width: 16px;
margin: -7px;
padding: 0px;
background-image: url("assets/slider-active.svg");
background-color: transparent;
transition: 0.3s ease-in-out;
animation: none;
border-radius: 100%;
box-shadow: 0px 0px 1px 1px @bg_color; }
scale slider:disabled,
menu menuitem scale slider:disabled,
menu menuitem:hover scale slider:disabled {
min-height: 16px;
min-width: 16px;
margin: -7px;
padding: 0px;
background-image: url("assets/slider-insensitive.svg");
background-color: transparent;
border-radius: 100%;
box-shadow: 0px 0px 1px 1px @bg_color; }
scale fill {
border-radius: 0px;
background-color: transparent; }
scale fill:disabled {
background-color: transparent; }
scale.horizontal fill,
scale.horizontal fill:backdrop {
margin: 0 -7px; }
scale.vertical fill,
scale.vertical fill:backdrop {
margin: -7px 0; }
scale value {
margin: 0px;
padding: 0px;
background-color: transparent;
color: @text_color; }
scale:disabled value {
color: @text_insensitive; }
scale marks {
min-height: 6px;
min-width: 6px;
color: @scale_marks; }
scale marks.top {
margin-bottom: 4px;
margin-top: 0px; }
scale marks.bottom {
margin-top: 4px;
margin-bottom: 0px; }
scale marks.left {
margin-right: 4px;
margin-left: 0px; }
scale marks.right {
margin-left: 4px;
margin-right: 0px; }
scale.fine-tune marks.top {
margin-bottom: 4px;
margin-top: 0px; }
scale.fine-tune marks.bottom {
margin-top: 4px;
margin-bottom: 0px; }
scale.horizontal indicator {
min-height: 6px;
min-width: 1px; }
scale.horizontal.fine-tune indicator {
min-height: 6px; }
scale.vertical indicator {
min-height: 1px;
min-width: 6px; }
scale.vertical.fine-tune indicator {
min-width: 6px; }
/***************
Scrollbar
****************/
* {
-GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-has-forward-stepper: false;
-GtkArrow-arrow-scaling: 0.80; }
.scrollbars-junction {
border-width: 0px;
background-color: transparent; }
scrollbar {
min-height: 14px;
min-width: 14px;
background-color: @scrollbar_trough;
border: 0px;
margin: 0px;
padding: 0px;
transition: 400ms ease-out; }
scrollbar:backdrop {
transition: 200ms ease-in; }
scrollbar.horizontal {
box-shadow: inset 1px 0 @bg_color,
inset -1px 0 @bg_color,
inset 0 2px @bg_color,
inset 0 1px @bg_color,
inset 0 -2px @bg_color,
inset 0 -1px @bg_color; }
scrollbar.vertical {
box-shadow: inset 0 1px @bg_color,
inset 0 -1px @bg_color,
inset 2px 0 @bg_color,
inset 1px 0 @bg_color,
inset -2px 0 @bg_color,
inset -1px 0 @bg_color; }
scrollbar trough {
min-height: 10px;
min-width: 10px; }
scrollbar slider {
min-height: 10px;
min-width: 10px;
margin: 0px;
border-radius: 0px;
background-clip: padding-box;
background-color: @scrollbar_normal;
transition: 0.3s linear;
box-shadow: inset 0px 0px 1px 1px shade(@scrollbar_normal, 1.10); }
scrollbar slider:hover {
transition: 0.3s linear;
background-color: @scrollbar_prelight; }
scrollbar slider:hover:active {
transition: 0.3s linear;
background-color: @scrollbar_active; }
scrollbar slider:disabled {
background-color: @scrollbar_insensitive; }
scrollbar.horizontal slider {
min-width: 50px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 1px;
margin-right: 1px; }
scrollbar.vertical slider {
min-height: 50px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 2px;
margin-right: 2px; }
scrollbar.fine-tune.horizontal slider {
border-width: 0px; }
scrollbar.fine-tune.vertical slider {
border-width: 0px; }
scrollbar.overlay-indicator {
opacity: 1; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.65;
border-color: transparent;
background-color: transparent;
min-height: 3px;
min-width: 3px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
opacity: 0.65;
min-height: 3px;
min-width: 3px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
opacity: 0.65;
min-height: 3px;
min-width: 3px;
background-color: @scrollbar_normal; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
min-width: 50px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
min-height: 50px; }
/***************
Treeview
****************/
treeview.view {
-GtkTreeView-vertical-separator: 0;
-GtkTreeView-horizontal-separator: 4;
-GtkTreeView-grid-line-width: 1;
-GtkTreeView-grid-line-pattern: '';
-GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: '';
min-height: 24px;
min-width: 24px;
padding: 0px;
margin: 0px;
border: 1px;
border-top-color: alpha(black, 0.50); /* gridlines */
border-left-color: alpha(white, 0.55); /* tree diagram lines */
background-color: @base_color;
color: @text_color;
transition: linear;
box-shadow: none; }
treeview.view acceleditor > label,
treeview.view acceleditor > label:backdrop {
background-color: alpha(@selected_bg_color, 0.30); }
treeview.view:hover, treeview.view:backdrop:hover {
background-color: @base_color;
color: @text_color;
transition: ease-in-out;
box-shadow: inset 0 0 0 10000px alpha(black, 0.50); }
treeview.view:selected {
background-color: @tree_selected_bg;
color: @tree_selected_fg;
box-shadow: inset 0 -1px shade(@tree_selected_bg, 0.90); }
treeview.view:selected:backdrop {
background-color: @tree_selected_bg_backdrop;
color: @tree_selected_fg_backdrop;
box-shadow: inset 0 -1px shade(@tree_selected_bg_backdrop, 0.90); }
treeview.view:selected:hover {
transition: ease-in-out;
box-shadow: inset 0 0 0 10000px shade(@tree_selected_bg, 1.15); }
treeview.view:selected:backdrop:hover {
transition: ease-in-out;
box-shadow: inset 0 0 0 10000px shade(@tree_selected_bg_backdrop, 1.15); }
treeview.view:backdrop {
background-color: @base_color;
color: @text_backdrop;
border-top-color: alpha(black, 0.50); /* gridlines */
border-left-color: alpha(white, 0.55); /* tree diagram lines */
box-shadow: none; }
treeview.view:drop(active) {
border-top-color: transparent; /* gridlines */
border-left-color: transparent; /* tree diagram lines */
box-shadow: none; }
treeview.view:drop(active).after {
border-top-style: none; }
treeview.view:drop(active).before {
border-bottom-style: none; }
treeview.view:disabled, treeview.view:disabled:backdrop {
-gtk-icon-effect: dim;
color: @tree_fg_insensitive; }
treeview.view:disabled:selected, treeview.view:disabled:selected:backdrop {
background-color: @bg_color ;
color: @tree_fg_insensitive; }
treeview.view.separator, /* horizontal separator */
treeview.view.separator:backdrop {
color: alpha(black, 0.50); }
/***********************************
Treeview Check-Radio
************************************/
treeview.view check, treeview.view:backdrop check,
treeview.view:hover check, treeview.view:backdrop:hover check,
treeview.view:selected check, treeview.view:selected:backdrop check,
treeview.view:selected:hover check, treeview.view:selected:backdrop:hover check,
treeview.view:disabled check, treeview.view:disabled:backdrop check {
border-radius: 0px;
border: 1px solid @bg_color;
background-color: transparent; }
treeview.view radio, treeview.view:backdrop radio,
treeview.view:hover radio, treeview.view:backdrop:hover radio,
treeview.view:selected radio, treeview.view:selected:backdrop radio,
treeview.view:selected:hover radio, treeview.view:selected:backdrop:hover radio,
treeview.view:disabled radio, treeview.view:disabled:backdrop radio {
border-radius: 100%;
border: 1px solid @bg_color;
background-color: transparent; }
treeview.view header button, treeview.view header button:backdrop {
min-height: 24px;
margin: 2px;
margin-left: 1px;
margin-right: 1px;
padding: 2px;
padding-left: 4px;
padding-right: 4px; }
treeview.view header button label, treeview.view header button:backdrop label {
min-width: 40px; }
treeview.view header button:not(.vertical),
treeview.view header button:not(.vertical):backdrop {
margin-left: 1px;
margin-right: 1px; }
treeview.view header button:not(.vertical):first-child,
treeview.view header button:not(.vertical):backdrop:first-child {
margin-left: 1px;
margin-right: 1px; }
treeview.view header button:not(.vertical):only-child,
treeview.view header button:not(.vertical):backdrop:only-child {
margin-left: 1px;
margin-right: 1px; }
treeview.view header button:not(.vertical):not(:first-child):not(:only-child):last-child,
treeview.view header button:not(.vertical):backdrop:not(:first-child):not(:only-child):last-child {
margin-left: 1px;
margin-right: 1px; }
treeview.view header button image,
treeview.view header button:backdrop image {
color: @arrow_normal; }
treeview.view header button:hover image,
treeview.view header button:backdrop:hover image {
color: @arrow_prelight; }
treeview.view header button:active image,
treeview.view header button:checked image,
treeview.view header button:active:backdrop image,
treeview.view header button:checked:backdrop image {
color: @arrow_active; }
treeview.view header button:disabled image,
treeview.view header button:disabled:backdrop image {
color: @arrow_insensitive; }
treeview.view header.button.dnd,
treeview.view header.button.dnd:selected,
treeview.view header.button.dnd:hover,
treeview.view header.button.dnd:active,
treeview.view button.dnd,
treeview.view button.dnd:selected,
treeview.view button.dnd:hover,
treeview.view button.dnd:active {
border-radius: 0px;
padding: 2px;
padding-left: 8px;
padding-right: 2px;
border: none;
background-image: none;
background-color: @selected_bg_color;
color: @text_color;
transition: none;
-gtk-icon-shadow: none; }
treeview.view.trough, treeview.view.trough:backdrop,
treeview.view.trough:focus, treeview.view.trough:backdrop:focus,
treeview.view.trough:selected, treeview.view.trough:selected:backdrop,
treeview.view.trough:selected:focus, treeview.view.trough:selected:backdrop:focus {
min-height: 14px;
border-radius: 0px;
padding: 1px;
border: 1px solid @progressbar_trough;
background-image: none;
background-color: @progressbar_trough;
color: @selected_fg_color;
box-shadow: none; }
treeview.view.progressbar, treeview.view.progressbar:backdrop,
treeview.view.progressbar:focus, treeview.view.progressbar:backdrop:focus,
treeview.view.progressbar:selected, treeview.view.progressbar:selected:backdrop,
treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected:backdrop:focus {
min-height: 14px;
border-radius: 0px;
border: 1px solid @progressbar_trough;
background-color: #00FF00;
background-image: linear-gradient(to bottom, shade(#00FF00, 0.95), shade(#00FF00, 1.05));
color: black;
box-shadow: none; }
/*****************
Notebook
******************/
notebook,
terminal-window notebook,
window.thunar notebook {
background-color: @notebook_bg;
margin: 0px;
padding: 0px;
border: 0px; }
notebook > stack:not(:only-child),
terminal-window notebook > stack:not(:only-child),
window.thunar notebook > stack:not(:only-child) {
padding: 0px;
background-color: @notebook_bg;
background-image: none;
color: @text_color; }
notebook > stack:not(:only-child):backdrop,
terminal-window notebook > stack:not(:only-child):backdrop,
window.thunar notebook > stack:not(:only-child):backdrop {
padding: 0px;
background-image: none;
background-color: @notebook_bg;
color: @text_backdrop; }
notebook.frame {
border: 2px solid @notebook_bg; }
notebook > header,
terminal-window notebook > header,
window.thunar notebook > header {
min-height: 24px;
min-width: 24px;
border-radius: 0px;
padding: 1px;
margin: 0px;
border-width: 1px;
border-style: solid;
border-color: @notebook_bg;
background-color: @notebook_bg;
background-image: none;
background-image: none;
background-clip: border-box; }
notebook > header.top,
terminal-window notebook > header.top,
window.thunar notebook > header.top {
margin-bottom: 2px;
border-bottom-color: @frame_color; }
notebook > header.bottom,
terminal-window notebook > header.bottom,
window.thunar notebook > header.bottom {
margin-top: 2px;
border-top-color: @frame_color; }
notebook > header.left,
terminal-window notebook > header.left,
window.thunar notebook > header.left {
margin-right: 2px;
border-right-color: @frame_color; }
notebook > header.right,
terminal-window notebook > header.right,
window.thunar notebook > header.right {
margin-left: 2px;
border-left-color: @frame_color; }
notebook > header tab,
notebook > header > tabs > tab {
min-height: 24px;
padding: 1px;
padding-left: 4px;
padding-right: 4px;
margin: 2px; }
terminal-window notebook > header tab,
terminal-window notebook > header > tabs > tab,
window.thunar notebook > header tab,
window.thunar notebook > header > tabs tab {
min-height: 24px;
padding: 0px;
padding-left: 4px;
padding-right: 4px; }
notebook > header tab label,
notebook > header > tabs > tab label,
terminal-window notebook > header tab label,
terminal-window notebook > header > tabs > tab label,
window.thunar notebook > header tab label,
window.thunar notebook > header > tabs tab label {
min-width: 80px;
padding: 0px;
padding-left: 6px;
padding-right: 6px; }
notebook > header.top tab {
margin: 2px;
margin-bottom: 4px;
border-bottom: 1px solid;
border-bottom-color: @border_tab_normal;
background-color: @tab_normal;
color: @text_tab_normal;
box-shadow: inset 0 -1px @bg_color; }
notebook > header.top tab:hover {
color: @text_tab_normal_prelight;
border-bottom-color: @border_tab_normal_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: inset 0 -1px @bg_color; }
notebook > header.top tab:checked {
background-color: @tab_active;
background-image: none;
color: @text_tab_active;
border-bottom-color: @border_tab_active;
animation: active_key 0.5s linear;
box-shadow: inset 0 -1px @bg_color; }
notebook > header.top tab:checked:hover {
background-color: @tab_active;
background-image: none;
color: @text_tab_active_prelight;
border-bottom-color: @border_tab_active_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0 -2px @border_tab_active_prelight; }
notebook > header.top tab:disabled {
border-bottom-color: @border_insensitive;
background-color: @button_black;
color: @text_button_insensitive;
box-shadow: inset 0 -1px @bg_color; }
notebook > header.right tab {
margin: 2px;
margin-left: 4px;
border-left: 1px solid;
border-left-color: @border_tab_normal;
background-color: @tab_normal;
color: @text_tab_normal;
box-shadow: inset 1px 0 @bg_color; }
notebook > header.right tab:hover {
color: @text_tab_normal_prelight;
border-left-color: @border_tab_normal_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: inset 1px 0 @bg_color; }
notebook > header.right tab:checked {
background-color: @tab_active;
background-image: none;
color: @text_tab_active;
border-left-color: @border_tab_active;
animation: active_key 0.5s linear;
box-shadow: inset 1px 0 @bg_color; }
notebook > header.right tab:checked:hover {
background-color: @tab_active;
background-image: none;
color: @text_tab_active_prelight;
border-left-color: @border_tab_active_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: inset 2px 0 @border_tab_active_prelight; }
notebook > header.right tab:disabled {
border-left-color: @border_insensitive;
background-color: @button_black;
color: @text_button_insensitive;
box-shadow: inset 1px 0 @bg_color; }
notebook > header.bottom tab {
margin: 2px;
margin-top: 4px;
border-top: 1px solid;
border-top-color: @border_tab_normal;
background-color: @tab_normal;
color: @text_tab_normal;
box-shadow: inset 0 1px @bg_color; }
notebook > header.bottom tab:hover {
color: @text_tab_normal_prelight;
border-top-color: @border_tab_normal_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: inset 0 1px @bg_color; }
notebook > header.bottom tab:checked {
background-color: @tab_active;
background-image: none;
color: @text_tab_active;
border-top-color: @border_tab_active;
animation: active_key 0.5s linear;
box-shadow: inset 0 1px @bg_color; }
notebook > header.bottom tab:checked:hover {
background-color: @tab_active;
background-image: none;
color: @text_tab_active_prelight;
border-top-color: @border_tab_active_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: inset 0 2px @border_tab_active_prelight; }
notebook > header.bottom tab:disabled {
border-top-color: @border_insensitive;
background-color: @button_black;
color: @text_button_insensitive;
box-shadow: inset 0 1px @bg_color; }
notebook > header.left tab {
margin: 2px;
margin-right: 4px;
border-right: 1px solid;
border-right-color: @border_tab_normal;
background-color: @tab_normal;
color: @text_tab_normal;
box-shadow: inset -1px 0px @bg_color; }
notebook > header.left tab:hover {
color: @text_tab_normal_prelight;
border-right-color: @border_tab_normal_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: inset -1px 0px @bg_color; }
notebook > header.left tab:checked {
background-color: @tab_active;
background-image: none;
color: @text_tab_active;
border-right-color: @border_tab_active;
animation: active_key 0.5s linear;
box-shadow: inset -1px 0px @bg_color; }
notebook > header.left tab:checked:hover {
background-color: @tab_active;
background-image: none;
color: @text_tab_active_prelight;
border-right-color: @border_tab_active_prelight;
transition: 0.3s linear;
animation: none;
box-shadow: inset -2px 0px @border_tab_active_prelight; }
notebook > header.left tab:disabled {
border-right-color: @border_insensitive;
background-color: @button_black;
color: @text_button_insensitive;
box-shadow: inset -1px 0px @bg_color; }
notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.flat:backdrop,
notebook > header > tabs > tab button.sidebar-button, notebook > header > tabs > tab button.sidebar-button:backdrop,
terminal-window notebook > header > tabs > tab button.flat, terminal-window notebook > header > tabs > tab button.flat:backdrop,
terminal-window notebook > header > tabs > tab button.sidebar-button, terminal-window notebook > header > tabs > tab button.sidebar-button:backdrop,
window.thunar notebook > header > tabs > tab button.flat, window.thunar notebook > header > tabs > tab button.flat:backdrop,
window.thunar notebook > header > tabs > tab button.sidebar-button, window.thunar notebook > header > tabs > tab button.sidebar-button:backdrop {
min-height: 18px;
min-width: 18px;
padding: 1px;
margin: 2px;
margin-left: 4px;
margin-right: 0px;
background-color: transparent;
background-image: none;
border-color: transparent;
color: transparent;
box-shadow: none; }
notebook > header > tabs > tab button.flat image, notebook > header > tabs > tab button.flat:backdrop image,
notebook > header > tabs > tab button.sidebar-button image, notebook > header > tabs > tab button.sidebar-button:backdrop image,
terminal-window notebook > header > tabs > tab button.flat image, terminal-window notebook > header > tabs > tab button.flat:backdrop image,
terminal-window notebook > header > tabs > tab button.sidebar-button image, terminal-window notebook > header > tabs > tab button.sidebar-button:backdrop image,
window.thunar notebook > header > tabs > tab button.flat image, window.thunar notebook > header > tabs > tab button.flat:backdrop image,
window.thunar notebook > header > tabs > tab button.sidebar-button image, window.thunar notebook > header > tabs > tab button.sidebar-button:backdrop image {
min-height: 16px;
min-width: 16px;
padding: 0px; }
notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.flat:backdrop:hover,
notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.sidebar-button:backdrop:hover,
terminal-window notebook > header > tabs > tab button.flat:hover, terminal-window notebook > header > tabs > tab button.flat:backdrop:hover,
terminal-window notebook > header > tabs > tab button.sidebar-button:hover, terminal-window notebook > header > tabs > tab button.sidebar-button:backdrop:hover,
window.thunar notebook > header > tabs > tab button.flat:hover, window.thunar notebook > header > tabs > tab button.flat:backdrop:hover,
window.thunar notebook > header > tabs > tab button.sidebar-button:hover, window.thunar notebook > header > tabs > tab button.sidebar-button:backdrop:hover {
background-color: transparent;
background-image: none;
border-color: @selected_bg_color;
color: transparent;
box-shadow: 0px 0px 1px 1px @bg_color; }
notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.flat:backdrop:active,
notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.sidebar-button:backdrop:active,
terminal-window notebook > header > tabs > tab button.flat:active, terminal-window notebook > header > tabs > tab button.flat:backdrop:active,
terminal-window notebook > header > tabs > tab button.sidebar-button:active, terminal-window notebook > header > tabs > tab button.sidebar-button:backdrop:active,
window.thunar notebook > header > tabs > tab button.flat:active, window.thunar notebook > header > tabs > tab button.flat:backdrop:active,
window.thunar notebook > header > tabs > tab button.sidebar-button:active, window.thunar notebook > header > tabs > tab button.sidebar-button:backdrop:active,
notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.flat:backdrop:active:hover,
notebook > header > tabs > tab button.sidebar-button:active:hover, notebook > header > tabs > tab button.sidebar-button:backdrop:active:hover,
terminal-window notebook > header > tabs > tab button.flat:active:hover, terminal-window notebook > header > tabs > tab button.flat:backdrop:active:hover,
terminal-window notebook > header > tabs > tab button.sidebar-button:active:hover, terminal-window notebook > header > tabs > tab button.sidebar-button:backdrop:active:hover,
window.thunar notebook > header > tabs > tab button.flat:active:hover, window.thunar notebook > header > tabs > tab button.flat:backdrop:active:hover,
window.thunar notebook > header > tabs > tab button.sidebar-button:active:hover, window.thunar notebook > header > tabs > tab button.sidebar-button:backdrop:active:hover {
background-color: transparent;
background-image: none;
border-color: @text_prelight;
color: transparent;
box-shadow: 0px 0px 1px 1px @bg_color; }
notebook > header > tabs > arrow {
min-height: 24px;
min-width: 20px;
margin: 2px;
padding: 0px;
border-radius: 0px;
background-image: none;
background-color: @button_black;
border-width: 1px;
border-style: solid;
border-color: @border_normal;
color: @arrow_normal;
box-shadow: none; }
notebook > header > tabs > arrow:hover {
background-color: @button_black;
border-color: @border_prelight;
color: @arrow_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: none; }
notebook > header > tabs > arrow:active {
background-color: @button_active;
border-color: @border_active;
color: @arrow_active;
animation: active_key 0.5s linear;
box-shadow: none; }
notebook > header > tabs > arrow:disabled {
background-color: @button_black;
border-color: shade(@border_normal, 0.90);
color: @arrow_insensitive;
box-shadow: none; }
notebook > header.top > tabs > arrow:first-child,
notebook > header.bottom > tabs > arrow:first-child {
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
notebook > header.top > tabs > arrow:last-child,
notebook > header.bottom > tabs > arrow:last-child {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
notebook > header.left > tabs > arrow:first-child,
notebook > header.right > tabs > arrow:first-child {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
notebook > header.left > tabs > arrow:last-child,
notebook > header.right > tabs > arrow:last-child {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
notebook > header > button.flat.circular,
notebook > header > button.flat.circular:backdrop {
padding: 0px;
margin: 0px;
margin-left: 6px;
margin-right: 6px; }
/**********************
Statusbar
***********************/
statusbar {
padding: 0px;
margin: 0px;
border: 0px;
background-color: @bg_color;
color: @text_color; }
statusbar:backdrop {
color: @text_backdrop; }
statusbar box {
min-height: 16px;
padding: 0px;
margin: 0px; }
/*************
Tooltip
**************/
tooltip {
border-radius: 1px;
border: 1px solid @tooltip_border_color;
box-shadow: none; }
tooltip.background {
background-color: @tooltip_bg_color;
background-clip: padding-box; }
tooltip.background label {
padding: 1px;
padding-left: 3px;
padding-right: 3px; }
tooltip * {
background-color: transparent;
color: @tooltip_fg_color; }
/**************************
App's Notifications
***************************/
.app-notification, .app-notification:backdrop {
border-radius: 0px;
padding: 14px;
border: 1px solid @bg_color;
background-color: @osd_bg;
color: @osd_fg;
background-clip: padding-box;
box-shadow: inset 0px 0px 1px 2px @tooltip_border_color, inset 0px 0px 1px 1px @bg_color; }
.app-notification label, .app-notification:backdrop label {
font-size: 110%; }
.app-notification button label, .app-notification button:backdrop label,
.app-notification button.flat label, .app-notification button.flat:backdrop label {
font-size: 100%; }
.app-notification border, .app-notification:backdrop border {
border: none; }
/******************
Search bars
*******************/
.search-bar, searchbar, .location-bar,
.search-bar:backdrop, searchbar:backdrop, .location-bar:backdrop {
min-height: 24px;
padding: 4px;
padding-left: 14px;
padding-right: 14px;
border: 0px;
background-image: none;
background-color: @bg_color;
color: @text_color; }
entry .search, entry .search:backdrop,
.search-bar entry, .search-bar entry:backdrop,
searchbar entry, searchbar entry:backdrop,
.location-bar entry, .location-bar entry:backdrop {
min-height: 24px;
min-width: 300px;
padding: 2px;
padding-left: 8px;
padding-right: 2px;
margin: 0px;
margin-left: 3px;
margin-right: 0px; }
.search-bar button.close, .search-bar button.close:backdrop,
searchbar button.close, searchbar button.close:backdrop,
.location-bar button.close, .location-bar button.close:backdrop,
.search-bar button, .search-bar button:backdrop,
.search-bar button.flat, .search-bar button.flat:backdrop,
searchbar button, searchbar button:backdrop,
searchbar button.flat, searchbar button.flat:backdrop,
.location-bar button, .location-bar button:backdrop,
.location-bar button.flat, .location-bar button.flat:backdrop {
min-height: 24px;
min-width: 24px;
padding: 2px;
margin: 2px;
margin-left: 3px;
margin-right: 10px; }
/**************
Calendar
***************/
calendar {
border: 0px;
border-radius: 0px;
padding: 4px;
color: @text_color; }
calendar.header {
background-color: @button_black;
background-image: none;
color: @text_color;
border: 1px solid @border_insensitive; }
calendar.button {
background-color: @selected_bg_backdrop;
color: @text_button_normal; }
calendar.button:hover {
background-color: @selected_bg_color;
color: @selected_fg_color; }
calendar.button:disabled {
background-color: @base_color;
color: @text_button_insensitive; }
calendar:indeterminate {
color: alpha(@text_color, 0.35); }
calendar.highlight {
background-color: @selected_bg_backdrop;
color: @text_color; }
calendar:selected {
border-radius: 4px;
background-color: @selected_bg_color;
color: @selected_fg_color;
box-shadow: inset 0px -5px @base_color; }
calendar:disabled:selected {
border-radius: 4px;
background-color: @selected_bg_color;
color: @text_insensitive;
box-shadow: inset 0px -5px @base_color; }
/*******************
Color chooser
********************/
colorswatch {
min-height: 24px;
min-width: 24px;
margin: 2px;
border-radius: 0px;
border: 1px solid alpha(white, 0.50);
background-color: transparent;
background-clip: border-box; }
colorswatch:hover {
border: 1px solid white; }
colorswatch:selected,
colorswatch:selected:hover {
border: 1px solid white; }
colorswatch:disabled {
opacity: 0.5; }
colorswatch.dark overlay {
color: white; }
colorswatch.dark overlay:hover {
transition: ease-in-out;
box-shadow: 0px 0px 1px 1px @border_prelight; }
colorswatch.light overlay {
color: black; }
colorswatch.light overlay:hover {
transition: ease-in-out;
box-shadow: 0px 0px 1px 1px @border_prelight; }
colorswatch.dark overlay:selected:hover,
colorswatch.light overlay:selected:hover {
transition: ease-in-out;
box-shadow: 0px 0px 1px 1px @border_prelight; }
colorswatch:disabled overlay {
color: @text_button_insensitive;
border-color: @border_insensitive;
box-shadow: none; }
colorswatch#add-color-button overlay {
border-radius: 0px;
border: 1px solid;
background-color: @button_black;
background-image: none;
border-color: @border_normal;
color: @text_button_normal;
box-shadow: 0px 0px 1px 1px @bg_color; }
colorswatch#add-color-button overlay:hover {
background-color: @button_black;
background-image: none;
border-color: @border_prelight;
color: @text_button_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: 0px 0px 1px 1px @bg_color; }
/*******************
Spinner
********************/
spinner {
opacity: 0;
background-image: none;
-gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
spinner:checked {
opacity: 1;
color: @text_prelight;
animation: spin 1s linear infinite; }
spinner:checked:disabled {
opacity: 1;
color: @text_insensitive; }
/**************
Switch
***************/
switch {
min-width: 70px;
min-height: 28px;
border-radius: 0px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 3px;
margin-right: 3px;
border-width: 1px;
border-style: solid;
border-color: @border_normal;
background-color: @button_black;
background-image: url("assets/OFF.svg");
background-repeat: no-repeat;
background-size: 24px 12px;
background-position: 36px center;
color: transparent;
transition: 0.4s ease-in-out;
box-shadow: inset 0px 0px 1px 1px @border_normal, 0px 0px 1px 1px @bg_color; }
switch slider {
min-width: 16px;
min-height: 16px;
border-radius: 100%;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 10px;
margin-right: 10px;
transition: 0.4s ease-in-out;
background-color: #FF0000;
box-shadow: inset 0px 1px 6px alpha(#000000, 0.60); }
switch:hover,
menu menuitem:hover switch:not(:disabled) {
border-color: @border_prelight;
background-color: @button_black;
color: transparent;
transition: ease-in-out;
animation: prelight_key 0.1s linear;
box-shadow: inset 0px 0px 1px 1px @border_prelight, 0px 0px 1px 1px @bg_color; }
switch:hover slider,
menu menuitem:hover switch:not(:disabled) slider {
transition: 0.4s ease-in-out;
background-color: #FF0000;
box-shadow: inset 0px 1px 6px alpha(#000000, 0.30); }
switch:checked {
border-color: @border_normal;
background-color: @button_black;
background-image: url("assets/ON.svg");
background-repeat: no-repeat;
background-size: 24px 12px;
background-position: 6px center;
color: transparent;
transition: 0.4s ease-in-out;
box-shadow: inset 0px 0px 1px 1px @border_normal, 0px 0px 1px 1px @bg_color; }
switch:checked slider {
background-color: #2AFF00;
transition: 0.4s ease-in-out;
box-shadow: inset 0px 1px 6px alpha(#000000, 0.50); }
switch:checked:hover,
menu menuitem:hover switch:checked {
border-color: @border_prelight;
background-color: @button_black;
color: transparent;
transition: ease-in-out;
animation: prelight_key 0.1s linear;
box-shadow: inset 0px 0px 1px 1px @border_prelight, 0px 0px 1px 1px @bg_color; }
switch:checked:hover slider,
menu menuitem:hover switch:checked slider {
background-color: #2AFF00;
transition: 0.4s ease-in-out;
box-shadow: inset 0px 1px 6px alpha(#000000, 0.70); }
switch:disabled {
border-color: @border_insensitive;
background-color: @button_black;
color: transparent;
background-image: url("assets/NULL.svg");
background-repeat: no-repeat;
background-size: 24px 12px;
background-position: 4px center;
background-image: url("assets/ZERO.svg");
background-repeat: no-repeat;
background-size: 24px 12px;
background-position: 40px center;
transition: none;
box-shadow: 0px 0px 1px 1px @bg_color; }
switch:disabled slider {
background-color: #666666;
transition: none;
animation: none;
box-shadow: inset 0px 1px 6px alpha(#000000, 0.50); }
/*************
Dialogs
**************/
messagedialog.titlebar {
min-height: 24px; }
messagedialog .dialog-action-area {
min-height: 24px; }
printdialog paper, printdialog:backdrop paper {
padding: 0px;
background-color: #E5E5E5;
border: 1px solid @base_color;
color: black; }
printdialog .dialog-action-box {
min-height: 24px;
padding: 2px;
color: @text_color; }
/**************
InfoBar
***************/
infobar {
min-width: 24px;
min-height: 24px;
margin: 0px;
margin-left: 2px;
margin-right: 2px;
border: none; }
infobar.warning {
background-color: @warning_color;
color: @text_color;
text-shadow: 0 -1px alpha(@text_color, 0.80);
box-shadow: inset 0px 0px 1px 1px shade(@warning_color, 1.40); }
infobar.info {
background-color: @info_color;
color: @text_color;
text-shadow: 0 -1px alpha(@text_color, 0.80);
box-shadow: inset 0px 0px 1px 1px shade(@info_color, 1.40); }
infobar.question {
background-color: @question_color;
color: @text_color;
text-shadow: 0 -1px alpha(@text_color, 0.80);
box-shadow: inset 0px 0px 1px 1px shade(@question_color, 1.30); }
infobar.error {
background-color: @error_color;
color: @text_color;
text-shadow: 0 -1px alpha(@text_color, 0.80);
box-shadow: inset 0px 0px 1px 1px shade(@error_color, 1.20); }
infobar.success {
background-color: @success_color;
color: @text_color;
text-shadow: 0 -1px alpha(@text_color, 0.80);
box-shadow: inset 0px 0px 1px 1px shade(@success_color, 1.30); }
/***************
Xfce
****************/
.XfceHeading {
border: 0px;
background-color: @bg_color;
color: @fg_color; }
* {
-XfdesktopIconView-cell-padding: 4;
-XfdesktopIconView-text-width-proportion: 1;
}
XfdesktopIconView.view {
border-radius: 2px;
background-color: black;
background-image: none;
color: @fg_color;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); }
XfdesktopIconView.view:active {
background-color: @selected_bg_color;
background-image: image(@selected_bg_color);
color: @text_color;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); }
XfdesktopIconView.view:active:backdrop {
background-color: @selected_bg_backdrop;
background-image: image(@selected_bg_backdrop);
color: @text_color;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); }
.xfce4-panel,
.xfce4-panel.panel,
.panel,
PanelToplevel,
panel-toplevel.background,
PanelWidget,
PanelApplet {
background-color: @panel_bg_color;
color: @panel_fg_color;
box-shadow: none; }
.xfce4-panel,
.xfce4-panel#XfcePanelWindow,
.xfce4-panel frame > border {
border: 0px; }
.xfce4-panel.panel button.flat, .xfce4-panel.panel button.flat:backdrop {
margin: 1px;
margin-left: 2px;
margin-right: 2px;
background-color: @panel_bg_color;
background-image: none;
border-color: @panel_bg_color;
color: @fg_color;
border-image: none;
box-shadow: none; }
.xfce4-panel.panel button.flat image,
.xfce4-panel.panel button.flat:backdrop image {
padding: 3px; }
#clock-button {
font-size: 130%;
font-weight: bold; }
/************************
Xfce notifications
*************************/
#XfceNotifyWindow {
border-radius: 0px;
border: 1px solid;
border-color: @notifications_border;
color: @notifications_text;
background-color: @notifications_bg; }
#XfceNotifyWindow:hover {
border-color: @notifications_border_prelight; }
#XfceNotifyWindow box {
background-color: transparent;
transition: ease-in-out;
animation: focus_key 0.4s ease-in 0.5s 1; }
#XfceNotifyWindow label,
#XfceNotifyWindow image {
color: @notifications_text; }
#XfceNotifyWindow label#summary {
font-weight: bold; }
#XfceNotifyWindow button {
color: @text_button_normal; }
#XfceNotifyWindow button label {
font-weight: normal;
font-size: 115%;
color: @text_button_normal;
box-shadow: none; }
#XfceNotifyWindow button:hover {
color: @text_button_prelight; }
#XfceNotifyWindow button:hover label {
color: @text_button_prelight;
box-shadow: none; }
#XfceNotifyWindow button:active, #XfceNotifyWindow button:checked {
color: @text_button_active; }
#XfceNotifyWindow button:active label, #XfceNotifyWindow button:checked label {
color: @text_button_active;
box-shadow: none; }
#XfceNotifyWindow button:disabled, #XfceNotifyWindow button:disabled:disabled {
color: @text_button_insensitive; }
#XfceNotifyWindow button:disabled label, #XfceNotifyWindow button:disabled:disabled label {
color: @text_button_insensitive;
box-shadow: none; }
/***************
Whisker
****************/
window#whiskermenu-window {
background-color: @bg_color;
background-image: none; }
window#whiskermenu-window > frame > border {
border: 2px solid @window_active; }
window#whiskermenu-window button {
margin-top: 2px;
margin-bottom: 0px;
margin-left: 2px;
margin-right: 4px;
padding: 3px;
border-color: transparent;
background-color: transparent;
background-image: none;
color: @text_button_normal;
box-shadow: none; }
window#whiskermenu-window treeview {
border-radius: 0px;
border: 0px;
padding-top: 1px;
padding-bottom: 1px;
background-color: @base_color;
color: @text_color;
box-shadow: none; }
window#whiskermenu-window treeview:hover {
border-radius: 0px;
background-color: @tree_selected_bg;
color: @tree_selected_fg ;
box-shadow: none; }
window#whiskermenu-window entry {
margin-top: 2px;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 4px; }
/*******************
LibreOffice
********************/
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal {
background-image: none;
background-color: @bg_color;
padding-right: 9px; }
window.background.maximized:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal {
padding-right: 9px; }
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button,
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button {
min-height: 18px;
min-width: 18px;
padding: 2px;
background-color: @button_black;
background-image: none;
border-color: @border_normal;
color: @text_button_normal;
box-shadow: 0px 0px 1px 1px @bg_color; }
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button image,
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button {
min-height: 16px;
min-width: 16px;
padding: 0px; }
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover,
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:hover image {
background-color: @button_black;
background-image: none;
border-color: @border_prelight;
color: @text_button_prelight;
transition: ease-in-out;
animation: focus_key 0.4s ease-in;
box-shadow: 0px 0px 1px 1px @bg_color; }
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active,
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:active,
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active:hover,
window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.sidebar-button:active:hover {
background-color: @button_active;
background-image: radial-gradient(shade(@button_active, 1.05) 40%, @button_active);
border-color: @border_active;
color: @text_button_active;
transition: ease-out;
animation: active_key 0.5s linear;
box-shadow: 0px 0px 1px 1px @bg_color; }
/*********************
Windows shadows
**********************/
decoration {
border-radius: 0px;
background-color: @bg_color;
margin: 15px; /* this is used for the resize cursor area */
border-left: 1px solid @bg_color;
border-right: 1px solid @bg_color;
border-bottom: 1px solid @bg_color;
transition: 0.3s ease;
box-shadow: 0 3.5px 9.5px 10.5px alpha(@shadow_window, 0.50), 0 0 0 5.5px alpha(black, 0.02),
0px 0px 1px 2px @window_active; }
decoration:backdrop {
border-left: 1px solid @bg_color;
border-right: 1px solid @bg_color;
border-bottom: 1px solid @bg_color;
transition: 0.3s ease;
box-shadow: 0 3.5px 9.5px 10.5px transparent, 0 2.5px 5.5px 8.5px alpha(@shadow_window, 0.25), 0 0 0 2.5px transparent,
0px 0px 1px 2px @window_backdrop; }
.maximized decoration, .fullscreen decoration, .tiled decoration {
margin: 0px;
box-shadow: none; }
.popup decoration {
margin: 0px;
box-shadow: none; }
.ssd decoration {
margin: 0px;
box-shadow: 0 0 0 1px transparent; }
.solid-csd decoration {
margin: 1px;
background-color: @bg_color;
box-shadow: none; }
messagedialog.csd decoration {
margin: 0px;
border-radius: 0px;
box-shadow: 0 3.5px 9.5px 10.5px transparent, 0 2.5px 5.5px 8.5px alpha(@shadow_window, 0.25), 0 0 0 2.5px transparent,
0px 0px 1px 2px @window_backdrop; }Obviously I don't expect anyone to go through the entirety of either file, but I wanted to provide them ahead of time. Any indication of what I need to add is appreciated 
It's not a dire issue, but one that's annoying and presents a learning opportunity about GTK
Edit: guess I'm bad at image tags. Screenshot is here: https://pasteboard.co/I88w6kh.png
Last edited by TheWhiteWolf (2019-04-02 19:34:46)
I don't pretend to know much, and know what I don't know
Offline
#2 2019-04-01 20:30:30
- toz
- Member
- Registered: 2011-10-28
- Posts: 513
Re: [Solved] XFCE Gtk Theme Making Cursor Box on Solid Black
Rubberband is what you are after. Try something like:
XfdesktopIconView.view .rubberband {
border: 1px solid #8b0000;
background-color: rgba(139, 0, 0, 0.2); }Inject it into the theme's gtk.css file or add it to ~/.config/gtk-3.0/gtk.css
Offline
#3 2019-04-02 19:34:23
- TheWhiteWolf
- Member
- Registered: 2019-01-14
- Posts: 4
Re: [Solved] XFCE Gtk Theme Making Cursor Box on Solid Black
You're the best, marking as solved!
I don't pretend to know much, and know what I don't know
Offline