1898 lines
53 KiB
CSS
1898 lines
53 KiB
CSS
/* NOTES to contributors:
|
|
* use 4 spaces indents, and keep code ALIGNED and ORDERED */
|
|
|
|
/* default */
|
|
* {
|
|
engine: none;
|
|
|
|
border-width: 1px;
|
|
|
|
background-clip: padding-box;
|
|
background-origin: border-box;
|
|
|
|
-GtkArrow-arrow-scaling: 0.6;
|
|
-GtkButton-child-displacement-x: 0;
|
|
-GtkButton-child-displacement-y: 0;
|
|
-GtkButton-default-border: 0;
|
|
-GtkButton-image-spacing: 0;
|
|
-GtkButton-inner-border: 1;
|
|
-GtkButton-interior-focus: true;
|
|
-GtkCheckButton-indicator-size: 16;
|
|
-GtkCheckMenuItem-indicator-size: 14;
|
|
-GtkEntry-inner-border: 1;
|
|
-GtkEntry-progress-border: 0;
|
|
-GtkExpander-expander-size: 8;
|
|
-GtkHTML-link-color: @link_color;
|
|
-GtkIMHtml-hyperlink-color: @link_color;
|
|
-GtkMenu-horizontal-padding: 0;
|
|
-GtkMenu-vertical-padding: 0;
|
|
-GtkMenuItem-arrow-scaling: 0.5;
|
|
-GtkMenuBar-internal-padding: 0;
|
|
-GtkNotebook-initial-gap: 0;
|
|
-GtkPaned-handle-size: 3;
|
|
-GtkProgressBar-min-horizontal-bar-height: 12;
|
|
-GtkProgressBar-min-vertical-bar-width: 12;
|
|
-GtkRange-slider-width: 10;
|
|
-GtkRange-stepper-spacing: 0;
|
|
-GtkRange-trough-border: 0;
|
|
-GtkRange-trough-under-steppers: 1;
|
|
-GtkScrollbar-activate-slider: 1;
|
|
-GtkScrollbar-has-backward-stepper: false;
|
|
-GtkScrollbar-has-forward-stepper: false;
|
|
-GtkScrollbar-min-slider-length: 100;
|
|
-GtkScrolledWindow-scrollbar-spacing: 0;
|
|
-GtkScrolledWindow-scrollbars-within-bevel: 1;
|
|
-GtkSeparatorMenuItem-horizontal-padding: 0;
|
|
-GtkStatusbar-shadow-type: none;
|
|
-GtkTextView-error-underline-color: @error_color;
|
|
-GtkToolbar-internal-padding: 0;
|
|
-GtkToolButton-icon-spacing: 6;
|
|
-GtkToolItemGroup-expander-size: 8;
|
|
-GtkTreeView-expander-size: 8;
|
|
-GtkTreeView-vertical-separator: 0;
|
|
-GtkWidget-focus-line-width: 1;
|
|
-GtkWidget-focus-padding: 0;
|
|
-GtkWidget-link-color: @link_color;
|
|
-GtkWidget-separator-height: 1;
|
|
-GtkWidget-separator-width: 1;
|
|
-GtkWidget-visited-link-color: @link_color;
|
|
-GtkWidget-wide-separators: true;
|
|
-GtkWindow-resize-grip-height: 0;
|
|
-GtkWindow-resize-grip-width: 0;
|
|
-WnckTasklist-fade-overlay-rect: 0;
|
|
|
|
outline-color: alpha(@theme_selected_bg_color, 0.5);
|
|
outline-style: solid;
|
|
outline-offset: 0;
|
|
}
|
|
|
|
/***************
|
|
* base states *
|
|
***************/
|
|
GtkWindow {
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
* {
|
|
background-color: @theme_bg_color;
|
|
color: inherit;
|
|
}
|
|
|
|
*:insensitive,
|
|
*:insensitive:insensitive {
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
*:active {
|
|
background-color: shade(@theme_bg_color, 0.85);
|
|
}
|
|
|
|
*:active:hover:insensitive {
|
|
}
|
|
|
|
*:active:insensitive {
|
|
}
|
|
|
|
*:hover {
|
|
}
|
|
|
|
*:hover:insensitive {
|
|
}
|
|
|
|
*:selected,
|
|
*:selected:focus {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
.background {
|
|
color: @theme_fg_color;
|
|
background-color: @theme_bg_color;
|
|
}
|
|
|
|
/******************
|
|
* common effects *
|
|
******************/
|
|
/* inset shadow */
|
|
.button:active,
|
|
.primary-toolbar .button:active {
|
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
inset -1px 0 alpha(@dark_shadow, 0.07),
|
|
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
}
|
|
|
|
.entry {
|
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.10),
|
|
inset 0 1px alpha(@dark_shadow, 0.12),
|
|
inset -1px 0 alpha(@dark_shadow, 0.10),
|
|
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
}
|
|
|
|
.button:active:insensitive,
|
|
.primary-toolbar .button:active:insensitive,
|
|
.entry:insensitive {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* draw borders using box shadow */
|
|
GtkScale.slider {
|
|
box-shadow: inset 1px 0 shade(@theme_bg_color, 0.8),
|
|
inset 0 1px shade(@theme_bg_color, 0.8),
|
|
inset -1px 0 shade(@theme_bg_color, 0.8),
|
|
inset 0 -1px shade(@theme_bg_color, 0.8);
|
|
}
|
|
|
|
GtkScale.slider:hover {
|
|
box-shadow: inset 1px 0 shade(@theme_bg_color, 0.7),
|
|
inset 0 1px shade(@theme_bg_color, 0.7),
|
|
inset -1px 0 shade(@theme_bg_color, 0.7),
|
|
inset 0 -1px shade(@theme_bg_color, 0.7);
|
|
}
|
|
|
|
GtkScale.slider:insensitive {
|
|
box-shadow: inset 1px 0 shade(@theme_bg_color, 0.9),
|
|
inset 0 1px shade(@theme_bg_color, 0.9),
|
|
inset -1px 0 shade(@theme_bg_color, 0.9),
|
|
inset 0 -1px shade(@theme_bg_color, 0.9);
|
|
}
|
|
|
|
/*************
|
|
* assistant *
|
|
*************/
|
|
GtkAssistant .sidebar .highlight {
|
|
font: bold;
|
|
}
|
|
|
|
GtkAssistant .sidebar {
|
|
padding: 3px;
|
|
border-width: 0 1px 0 0;
|
|
border-style: solid;
|
|
border-right-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 0;
|
|
background-color: @theme_bg_color;
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.1);
|
|
}
|
|
|
|
/**************
|
|
* background *
|
|
**************/
|
|
.background {
|
|
border-width: 0;
|
|
background-color: @theme_bg_color;
|
|
}
|
|
|
|
/**********
|
|
* button *
|
|
**********/
|
|
.button {
|
|
-GtkWidget-focus-padding: 1;
|
|
-GtkWidget-focus-line-width: 0;
|
|
|
|
padding: 3px 2px;
|
|
}
|
|
|
|
.button {
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 2px;
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.button:hover {
|
|
border-color: shade(@theme_bg_color, 0.7);
|
|
background-color: shade(@theme_bg_color, 1.10);
|
|
background-image: none;
|
|
color: shade(@theme_fg_color, 0.7);
|
|
}
|
|
|
|
.button:active {
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
background-color: shade(@theme_bg_color, 0.95);
|
|
background-image: none;
|
|
}
|
|
|
|
.button:active:hover {
|
|
border-color: shade(@theme_bg_color, 0.7);
|
|
color: shade(@theme_fg_color, 0.7);
|
|
}
|
|
|
|
.button:focus,
|
|
.button:hover:focus,
|
|
.button:active:focus,
|
|
.button:active:hover:focus {
|
|
border-color: shade(@theme_bg_color, 0.7);
|
|
color: shade(@theme_fg_color, 0.7);
|
|
}
|
|
|
|
.button:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
.button:active:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.75);
|
|
background-color: shade(@theme_bg_color, 0.80);
|
|
background-image: none;
|
|
}
|
|
|
|
/* default button */
|
|
.button.default {
|
|
border-color: shade(@theme_selected_bg_color, 0.8);
|
|
background-color: shade(@theme_selected_bg_color, 1.08);
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
.button.default:hover {
|
|
border-color: shade(@theme_selected_bg_color, 0.7);
|
|
background-color: @theme_selected_bg_color;
|
|
color: shade(@theme_selected_fg_color, 0.9);
|
|
}
|
|
|
|
.button.default:active {
|
|
border-color: shade(@theme_selected_bg_color, 0.8);
|
|
background-color: shade(@theme_selected_bg_color, 0.95);
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
.button.default:active:hover {
|
|
border-color: shade(@theme_selected_bg_color, 0.7);
|
|
background-color: shade(@theme_selected_bg_color, 0.97);
|
|
color: shade(@theme_selected_fg_color, 0.9);
|
|
}
|
|
|
|
/* middle button */
|
|
.linked .entry,
|
|
.linked .button,
|
|
.linked .button:active,
|
|
.linked .button:active:hover,
|
|
.linked .button:focus,
|
|
.linked .button:focus:active,
|
|
.linked .button:insensitive {
|
|
border-width: 1px;
|
|
border-right-width: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* leftmost button */
|
|
.linked .entry:first-child,
|
|
.linked .button:first-child,
|
|
.linked .button:active:first-child,
|
|
.linked .button:active:hover:first-child,
|
|
.linked .button:focus:first-child,
|
|
.linked .button:focus:active:first-child,
|
|
.linked .button:insensitive:first-child {
|
|
border-width: 1px;
|
|
border-right-width: 0;
|
|
border-radius: 2px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
/* rightmost button */
|
|
.linked .entry:last-child,
|
|
.linked .button:last-child,
|
|
.linked .button:active:last-child,
|
|
.linked .button:active:hover:last-child,
|
|
.linked .button:focus:last-child,
|
|
.linked .button:focus:active:last-child,
|
|
.linked .button:insensitive:last-child {
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
/* linked single button */
|
|
.linked .entry:only-child,
|
|
.linked .button:only-child,
|
|
.linked .button:active:only-child,
|
|
.linked .button:active:hover:only-child,
|
|
.linked .button:focus:only-child,
|
|
.linked .button:focus:active:only-child,
|
|
.linked .button:insensitive:only-child {
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/* middle button (vertical) */
|
|
.linked.vertical .entry,
|
|
.linked.vertical .button,
|
|
.linked.vertical .button:active,
|
|
.linked.vertical .button:active:hover,
|
|
.linked.vertical .button:focus,
|
|
.linked.vertical .button:focus:active,
|
|
.linked.vertical .button:insensitive {
|
|
border-width: 1px;
|
|
border-bottom-width: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* leftmost button (vertical) */
|
|
.linked.vertical .entry:first-child,
|
|
.linked.vertical .button:first-child,
|
|
.linked.vertical .button:active:first-child,
|
|
.linked.vertical .button:active:hover:first-child,
|
|
.linked.vertical .button:focus:first-child,
|
|
.linked.vertical .button:focus:active:first-child,
|
|
.linked.vertical .button:insensitive:first-child {
|
|
border-width: 1px;
|
|
border-bottom-width: 0;
|
|
border-radius: 2px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
/* rightmost button (vertical) */
|
|
.linked.vertical .entry:last-child,
|
|
.linked.vertical .button:last-child,
|
|
.linked.vertical .button:active:last-child,
|
|
.linked.vertical .button:active:hover:last-child,
|
|
.linked.vertical .button:focus:last-child,
|
|
.linked.vertical .button:focus:active:last-child,
|
|
.linked.vertical .button:insensitive:last-child {
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
/* linked single button (vertical) */
|
|
.linked.vertical .entry:only-child,
|
|
.linked.vertical .button:only-child,
|
|
.linked.vertical .button:active:only-child,
|
|
.linked.vertical .button:active:hover:only-child,
|
|
.linked.vertical .button:focus:only-child,
|
|
.linked.vertical .button:focus:active:only-child,
|
|
.linked.vertical .button:insensitive:only-child {
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/****************
|
|
* cell and row *
|
|
****************/
|
|
.cell {
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
background-color: @theme_base_color;
|
|
color: @theme_text_color;
|
|
}
|
|
|
|
.cell:selected,
|
|
.cell:selected:focus {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
row:selected,
|
|
row:selected:focus {
|
|
border-width: 1px 0;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
/*******************
|
|
* check and radio *
|
|
*******************/
|
|
.check,
|
|
.radio,
|
|
.check:insensitive,
|
|
.radio:insensitive {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
GtkCheckButton:hover,
|
|
GtkCheckButton:active:hover,
|
|
GtkCheckButton:selected,
|
|
GtkCheckButton:selected:focus {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*****************
|
|
* column-header *
|
|
*****************/
|
|
column-header .button,
|
|
column-header .button:active {
|
|
border-width: 0 1px 1px 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
column-header .button {
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
column-header .button:hover {
|
|
background-color: shade(@theme_bg_color, 1.10);
|
|
background-image: none;
|
|
}
|
|
|
|
column-header:last-child .button {
|
|
border-width: 0 0 1px 0;
|
|
}
|
|
|
|
/****************
|
|
* drawing area *
|
|
****************/
|
|
|
|
GtkDrawingArea {
|
|
background-color: transparent;
|
|
}
|
|
|
|
GtkDrawingArea:insensitive {
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
}
|
|
|
|
/************
|
|
* gucharmap *
|
|
*************/
|
|
GucharmapChartable {
|
|
background-color: @theme_base_color;
|
|
}
|
|
|
|
GucharmapChartable:active,
|
|
GucharmapChartable:focus,
|
|
GucharmapChartable:selected {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
/***********
|
|
* gtkhtml *
|
|
***********/
|
|
GtkHTML {
|
|
background-color: @theme_base_color;
|
|
color: @theme_text_color;
|
|
}
|
|
|
|
/***********
|
|
* calendar *
|
|
************/
|
|
GtkCalendar {
|
|
padding: 3px;
|
|
}
|
|
|
|
GtkCalendar:inconsistent {
|
|
color: alpha(@theme_fg_color, 0.6);
|
|
}
|
|
|
|
GtkCalendar.view,
|
|
GtkCalendar.header,
|
|
GtkCalendar.button,
|
|
GtkCalendar.button:insensitive {
|
|
border-width: 0;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
.highlight,
|
|
GtkCalendar.highlight {
|
|
border-width: 0;
|
|
background-color: transparent;
|
|
color: shade(@theme_fg_color, 0.6);
|
|
}
|
|
|
|
/******************
|
|
* combobox entry *
|
|
******************/
|
|
.primary-toolbar GtkComboBox.combobox-entry .entry,
|
|
.primary-toolbar GtkComboBox.combobox-entry .entry:active,
|
|
.primary-toolbar GtkComboBox.combobox-entry .entry:focus,
|
|
.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive,
|
|
GtkComboBox.combobox-entry .entry,
|
|
GtkComboBox.combobox-entry .entry:active,
|
|
GtkComboBox.combobox-entry .entry:focus,
|
|
GtkComboBox.combobox-entry .entry:insensitive {
|
|
border-width: 1px 0 1px 1px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.primary-toolbar GtkComboBox.combobox-entry .button,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:hover,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:active,
|
|
.primary-toolbar GtkComboBox.combobox-entry .button:insensitive,
|
|
GtkComboBox.combobox-entry .button,
|
|
GtkComboBox.combobox-entry .button:hover,
|
|
GtkComboBox.combobox-entry .button:active,
|
|
GtkComboBox.combobox-entry .button:insensitive {
|
|
border-width: 1px 1px 1px 1px;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
/*********
|
|
* entry *
|
|
*********/
|
|
.entry {
|
|
padding: 4px 3px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 2px;
|
|
background-color: @theme_base_color;
|
|
background-image: none;
|
|
color: @theme_text_color;
|
|
}
|
|
|
|
.entry:active,
|
|
.entry:focus {
|
|
border-color: shade(@theme_bg_color, 0.7);
|
|
}
|
|
|
|
.entry:selected,
|
|
.entry:selected:focus {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
.entry:insensitive {
|
|
background-color: shade(@theme_bg_color, 0.95);
|
|
background-image: none;
|
|
color: mix(@theme_text_color, @theme_base_color, 0.5);
|
|
}
|
|
|
|
.entry.progressbar {
|
|
border-width: 0;
|
|
border-radius: 2px;
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
/************
|
|
* expander *
|
|
************/
|
|
.expander {
|
|
color: alpha(@theme_fg_color, 0.7);
|
|
}
|
|
|
|
.expander:hover {
|
|
color: alpha(@theme_fg_color, 0.8);
|
|
}
|
|
|
|
/*********
|
|
* frame *
|
|
*********/
|
|
.frame {
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 0;
|
|
}
|
|
|
|
/************
|
|
* iconview *
|
|
************/
|
|
GtkIconView {
|
|
background-color: transparent;
|
|
}
|
|
|
|
GtkIconView.view.cell:selected,
|
|
GtkIconView.view.cell:selected:focus {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
border-radius: 2px;
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
.view.rubberband,
|
|
.rubberband {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
border-radius: 0;
|
|
background-color: alpha(@theme_selected_bg_color, 0.3);
|
|
}
|
|
|
|
/*********
|
|
* image *
|
|
*********/
|
|
GtkImage,
|
|
GtkImage:active,
|
|
GtkImage:insensitive {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/*********
|
|
* label *
|
|
*********/
|
|
GtkLabel,
|
|
GtkLabel:active,
|
|
GtkLabel:insensitive {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/***********
|
|
* infobar *
|
|
***********/
|
|
GtkInfoBar {
|
|
border-width: 0;
|
|
border-style: none;
|
|
}
|
|
|
|
.info {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@info_bg_color, 0.9);
|
|
background-color: @info_bg_color;
|
|
background-image: none;
|
|
color: @info_fg_color;
|
|
}
|
|
|
|
.warning {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@warning_bg_color, 0.9);
|
|
background-color: @warning_bg_color;
|
|
background-image: none;
|
|
color: @warning_fg_color;
|
|
}
|
|
|
|
.question {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@question_bg_color, 0.9);
|
|
background-color: @question_bg_color;
|
|
background-image: none;
|
|
color: @question_fg_color;
|
|
}
|
|
|
|
.error {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@error_bg_color, 0.9);
|
|
background-color: @error_bg_color;
|
|
background-image: none;
|
|
color: @error_fg_color;
|
|
}
|
|
|
|
/************
|
|
* gtkstyle *
|
|
************/
|
|
.gtkstyle-fallback {
|
|
background-color: @theme_bg_color;
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.gtkstyle-fallback:prelight {
|
|
background-color: shade(@theme_bg_color, 1.1);
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.gtkstyle-fallback:active {
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.gtkstyle-fallback:insensitive {
|
|
background-color: shade(shade(@theme_bg_color, 0.95), 1.05);
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
.gtkstyle-fallback:selected {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
/*******************
|
|
* symbolic images *
|
|
*******************/
|
|
.image,
|
|
.view.image {
|
|
color: alpha(@theme_fg_color, 0.5);
|
|
}
|
|
|
|
.image:hover,
|
|
.view.image:hover {
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.image:selected,
|
|
.image:selected:hover,
|
|
.view.image:selected,
|
|
.view.image:selected:hover {
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
/*****************
|
|
* miscellaneous *
|
|
*****************/
|
|
.floating-bar {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 2px;
|
|
background-color: @theme_bg_color;
|
|
background-image: none;
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.floating-bar.top {
|
|
border-top-width: 0;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.floating-bar.right {
|
|
border-right-width: 0;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.floating-bar.bottom {
|
|
border-bottom-width: 0;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.floating-bar.left {
|
|
border-left-width: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.floating-bar .button {
|
|
-GtkButton-image-spacing: 0;
|
|
-GtkButton-inner-border: 0;
|
|
|
|
border-style: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
.view.dim-label,
|
|
.dim-label,
|
|
.dim-label:hover,
|
|
.dim-label:focus {
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
.dim-label:selected,
|
|
.dim-label:selected:focus {
|
|
color: mix(@theme_selected_fg_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
.dnd {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
}
|
|
|
|
.grip {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/********
|
|
* menu *
|
|
********/
|
|
GtkTreeMenu.menu,
|
|
GtkMenuToolButton.menu,
|
|
GtkComboBox .menu {
|
|
background-color: @menu_bg_color;
|
|
}
|
|
|
|
.primary-toolbar .button .menu,
|
|
.toolbar .menu,
|
|
.toolbar .primary-toolbar .menu,
|
|
.menu {
|
|
padding: 0;
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
background-color: @menu_bg_color;
|
|
color: @menu_fg_color;
|
|
}
|
|
|
|
.menu.button:hover,
|
|
.menu.button:active,
|
|
.menu.button:active:insensitive,
|
|
.menu.button:insensitive,
|
|
.menu.button {
|
|
border-width: 0;
|
|
background-color: @menu_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
/***********
|
|
* menubar *
|
|
***********/
|
|
.menubar {
|
|
-GtkWidget-window-dragging: true;
|
|
|
|
border-width: 0;
|
|
background-color: @menubar_bg_color;
|
|
background-image: none;
|
|
color: @menubar_fg_color;
|
|
}
|
|
|
|
/***************
|
|
* menubaritem *
|
|
***************/
|
|
.menubar.menuitem,
|
|
.menubar .menuitem {
|
|
padding: 3px;
|
|
border-width: 1px 1px 0 1px;
|
|
}
|
|
|
|
.menubar.menuitem:hover,
|
|
.menubar .menuitem:hover {
|
|
border-color: mix(@menubar_bg_color, @menubar_fg_color, 0.23);
|
|
background-color: mix(@menubar_bg_color, @menubar_fg_color, 0.21);
|
|
background-image: none;
|
|
}
|
|
|
|
.menubar .menuitem *:hover {
|
|
color: shade(@menubar_fg_color, 1.08);
|
|
}
|
|
|
|
/************
|
|
* menuitem *
|
|
************/
|
|
GtkTreeMenu .menuitem {
|
|
padding: 0;
|
|
border-width: 0;
|
|
}
|
|
|
|
GtkTreeMenu .menuitem * {
|
|
color: @menu_fg_color;
|
|
}
|
|
|
|
.menuitem,
|
|
.menu .menuitem {
|
|
padding: 3px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.menu .menuitem:active,
|
|
.menu .menuitem:hover {
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
border-radius: 0;
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
.menu .menuitem:active,
|
|
.menu .menuitem *:active,
|
|
.menu .menuitem:hover,
|
|
.menu .menuitem *:hover {
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
.menu .menuitem:insensitive,
|
|
.menu .menuitem *:insensitive {
|
|
color: mix(@menu_fg_color, @menu_bg_color, 0.5);
|
|
}
|
|
|
|
.menuitem.check,
|
|
.menuitem.radio,
|
|
.menuitem.check:hover,
|
|
.menuitem.radio:hover,
|
|
.menuitem.check:insensitive,
|
|
.menuitem.radio:insensitive {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
.menuitem.check:active,
|
|
.menuitem.radio:active {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.menuitem GtkCalendar.button {
|
|
border-style: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
.menuitem .entry {
|
|
border-color: shade(@menu_bg_color, 0.7);
|
|
background-color: @menu_bg_color;
|
|
background-image: none;
|
|
color: @menu_fg_color;
|
|
}
|
|
|
|
.menuitem .accelerator {
|
|
color: alpha(@menu_fg_color, 0.6);
|
|
}
|
|
|
|
.menuitem .accelerator:hover {
|
|
color: alpha(@theme_selected_fg_color, 0.8);
|
|
}
|
|
|
|
.menuitem .accelerator:insensitive {
|
|
color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6);
|
|
}
|
|
|
|
/************
|
|
* notebook *
|
|
************/
|
|
.notebook {
|
|
padding: 0;
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 2px;
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
.notebook tab {
|
|
padding: 3px;
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
border-radius: 2px;
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
.notebook tab:active {
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
background-color:shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
.notebook tab GtkLabel {
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
.notebook tab.top {
|
|
border-width: 1px 1px 0 1px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.notebook tab.top:active {
|
|
}
|
|
|
|
.notebook tab.right {
|
|
border-width: 1px 1px 1px 0;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.notebook tab.right:active {
|
|
}
|
|
|
|
.notebook tab.bottom {
|
|
border-width: 0 1px 1px 1px;
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.notebook tab.bottom:active {
|
|
}
|
|
|
|
.notebook tab.left {
|
|
border-width: 1px 0 1px 1px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.notebook tab.left:active {
|
|
}
|
|
|
|
/******************
|
|
* pane separator *
|
|
******************/
|
|
.pane-separator {
|
|
background-color: @theme_bg_color;
|
|
color: transparent;
|
|
}
|
|
|
|
/*************************
|
|
* progressbar and scale *
|
|
*************************/
|
|
GtkScale,
|
|
GtkProgressBar {
|
|
padding: 0;
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.progressbar,
|
|
.progressbar row,
|
|
.progressbar row:hover,
|
|
.progressbar row:selected,
|
|
.progressbar row:selected:focus {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
.progressbar.vertical {
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
.trough,
|
|
.trough row,
|
|
.trough row:hover,
|
|
.trough row:selected,
|
|
.trough row:selected:focus {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
.trough.vertical {
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
/* level bars as used for password quality or remaining power */
|
|
GtkLevelBar {
|
|
-GtkLevelBar-min-block-width: 34;
|
|
-GtkLevelBar-min-block-height: 3;
|
|
}
|
|
|
|
GtkLevelBar.vertical {
|
|
-GtkLevelBar-min-block-width: 3;
|
|
-GtkLevelBar-min-block-height: 34;
|
|
}
|
|
|
|
.level-bar.trough {
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.level-bar.fill-block {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
background-color: @theme_selected_bg_color;
|
|
}
|
|
|
|
.level-bar.indicator-continuous.fill-block {
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.level-bar.indicator-discrete.fill-block.horizontal {
|
|
margin: 0 1px;
|
|
}
|
|
|
|
.level-bar.indicator-discrete.fill-block.vertical {
|
|
margin: 1px 0;
|
|
}
|
|
|
|
/* discrete indicator border rounding,
|
|
uncomment when :nth-child will be working
|
|
on the widget
|
|
|
|
.level-bar.indicator-discrete.fill-block.horizontal:first-child {
|
|
border-radius: 2px 0 0 2px;
|
|
}
|
|
|
|
.level-bar.indicator-discrete.fill-block.horizontal:last-child {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
|
|
.level-bar.indicator-discrete.fill-block.vertical:first-child {
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
|
|
.level-bar.indicator-discrete.fill-block.vertical:last-child {
|
|
border-radius: 0 0 2px 2px;
|
|
}
|
|
*/
|
|
|
|
.level-bar.fill-block.level-high {
|
|
border-color: shade(@success_color, 0.85);
|
|
background-image: linear-gradient(to bottom,
|
|
shade(@success_color, 1.2),
|
|
@success_color 75%,
|
|
shade(@success_color, 0.95)
|
|
);
|
|
}
|
|
|
|
.level-bar.fill-block.level-low {
|
|
border-color: shade(@warning_bg_color, 0.80);
|
|
background-image: linear-gradient(to bottom,
|
|
shade(@warning_bg_color, 1.3),
|
|
@warning_bg_color 75%,
|
|
shade(@warning_bg_color, 0.9)
|
|
);
|
|
}
|
|
|
|
.level-bar.fill-block.empty-fill-block {
|
|
border-color: alpha(@theme_fg_color, 0.1);
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale {
|
|
-GtkRange-slider-width: 14;
|
|
-GtkRange-trough-border: 1;
|
|
-GtkScale-slider-length: 14;
|
|
}
|
|
|
|
GtkScale.vertical {
|
|
-GtkScale-slider-length: 14;
|
|
}
|
|
|
|
GtkScale.slider {
|
|
/* we will draw the border using box shadow for now */
|
|
border-radius: 7px;
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.slider:insensitive {
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.slider.vertical {
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.slider.vertical:insensitive {
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.mark {
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
}
|
|
|
|
GtkScale.trough {
|
|
margin: 7px 0;
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
border-radius: 2px;
|
|
background-color: shade(@theme_bg_color, 0.85);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.trough.vertical {
|
|
margin: 0 7px;
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
border-radius: 2px;
|
|
background-color: shade(@theme_bg_color, 0.85);
|
|
background-image: none;
|
|
}
|
|
|
|
.menubar .menuitem .scale.highlight.left,
|
|
.scale.highlight.left {
|
|
border-color: @theme_selected_bg_color;
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
.scale.highlight.bottom {
|
|
border-color: @theme_selected_bg_color;
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.trough:insensitive,
|
|
.scale.highlight.left:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.9);
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkScale.trough.vertical:insensitive,
|
|
.scale.highlight.bottom:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.9);
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
/*************
|
|
* scrollbar *
|
|
*************/
|
|
.scrollbar {
|
|
border-style: solid;
|
|
padding: 0;
|
|
}
|
|
|
|
.scrollbars-junction,
|
|
.scrollbar.trough {
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
background-color: @theme_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
.scrollbar.button,
|
|
.scrollbar.button:active,
|
|
.scrollbar.button:active:hover {
|
|
border-width: 0;
|
|
border-color: transparent;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
color: shade(@theme_bg_color, 0.6);
|
|
background-image: none;
|
|
}
|
|
|
|
.scrollbar.slider {
|
|
border-width: 1px;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 0;
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
}
|
|
|
|
.scrollbar.slider:hover,
|
|
.scrollbar.slider.vertical:hover {
|
|
border-color: shade(@theme_bg_color, 0.7);
|
|
background-color: shade(@theme_bg_color, 0.8);
|
|
}
|
|
|
|
.scrollbar.slider:active,
|
|
.scrollbar.slider.vertical:active {
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
background-color: @theme_selected_bg_color;
|
|
}
|
|
|
|
/* overlay scrollbar */
|
|
OsThumb {
|
|
color: shade(@theme_bg_color, 0.7);
|
|
}
|
|
|
|
OsThumb:selected,
|
|
OsScrollbar:selected {
|
|
background-color: @theme_selected_bg_color;
|
|
}
|
|
|
|
OsThumb:active,
|
|
OsScrollbar:active {
|
|
background-color: @theme_selected_bg_color;
|
|
}
|
|
|
|
OsThumb:insensitive,
|
|
OsScrollbar:insensitive {
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
}
|
|
|
|
/*******************
|
|
* scrolled window *
|
|
*******************/
|
|
GtkScrolledWindow.frame {
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* avoid double borders when a viewport is
|
|
* packed into a GtkScrolledWindow */
|
|
GtkScrolledWindow GtkViewport.frame {
|
|
border-style: none;
|
|
}
|
|
|
|
/*************
|
|
* separator *
|
|
*************/
|
|
.sidebar.view.separator,
|
|
.view.separator,
|
|
.separator {
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.9);
|
|
color: shade(@theme_bg_color, 0.9);
|
|
}
|
|
|
|
.button .separator,
|
|
.button.separator {
|
|
border-color: shade(@theme_bg_color, 0.9);
|
|
}
|
|
|
|
.button .separator:insensitive,
|
|
.button.separator:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
}
|
|
|
|
.menuitem.separator {
|
|
-GtkMenuItem-horizontal-padding: 0;
|
|
-GtkWidget-separator-height: 1;
|
|
|
|
border-color: shade(@menu_bg_color, 0.9);
|
|
color: shade(@menu_bg_color, 0.9);
|
|
}
|
|
|
|
GtkComboBox .separator {
|
|
/* always disable separators */
|
|
-GtkWidget-wide-separators: true;
|
|
-GtkWidget-horizontal-separator: 0;
|
|
-GtkWidget-vertical-separator: 0;
|
|
}
|
|
|
|
/***********
|
|
* sidebar *
|
|
***********/
|
|
.sidebar,
|
|
.sidebar.view,
|
|
.sidebar .view {
|
|
background-color: @theme_bg_color;
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.1);
|
|
}
|
|
|
|
.sidebar .frame {
|
|
border-width: 0;
|
|
}
|
|
|
|
/**************
|
|
* spinbutton *
|
|
**************/
|
|
.spinbutton.button {
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
}
|
|
|
|
.spinbutton.button:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.9);
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
.spinbutton.button {
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.spinbutton.button:first-child {
|
|
border-radius: 2px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.spinbutton.button:last-child {
|
|
border-radius: 2px;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.spinbutton.vertical .button:first-child {
|
|
border-width: 1px;
|
|
border-bottom-width: 0;
|
|
border-radius: 2px;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.spinbutton.vertical .button:last-child {
|
|
border-width: 1px;
|
|
border-top-width: 0;
|
|
border-radius: 2px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.spinbutton.vertical.entry {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/***********
|
|
* spinner *
|
|
***********/
|
|
@keyframes spinner {
|
|
0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
|
|
|
|
12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
|
|
|
|
25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
|
|
|
|
37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
|
|
|
|
50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
|
|
|
|
62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
|
|
|
|
75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
|
|
|
|
87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
|
|
|
|
100% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
|
|
}
|
|
|
|
.spinner {
|
|
background-color: transparent;
|
|
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
|
|
-gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
|
|
background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
|
|
background-size: 15% 15%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.menu.spinner,
|
|
.primary-toolbar .spinner,
|
|
.primary-toolbar .spinner {
|
|
color: @theme_selected_bg_color;
|
|
}
|
|
|
|
.spinner:active {
|
|
animation: spinner 1s infinite linear;
|
|
}
|
|
|
|
/*******
|
|
* osd *
|
|
*******/
|
|
GtkWindow.osd {
|
|
background-color: @osd_bg;
|
|
color: @osd_fg;
|
|
}
|
|
|
|
GtkOverlay.osd {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* used by gnome-settings-daemon's media-keys OSD */
|
|
.osd.trough {
|
|
background-color: shade(@osd_bg, 0.8);
|
|
}
|
|
|
|
.osd.progressbar {
|
|
background-color: @osd_fg;
|
|
}
|
|
|
|
/*************
|
|
* statusbar *
|
|
*************/
|
|
GtkStatusbar {
|
|
padding: 3px;
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
/**********
|
|
* switch *
|
|
**********/
|
|
GtkSwitch {
|
|
padding: 0;
|
|
border-radius: 2px;
|
|
font: bold condensed;
|
|
}
|
|
|
|
GtkSwitch.slider {
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkSwitch.slider:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
GtkSwitch.trough {
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
background-color: shade(@theme_bg_color, 0.95);
|
|
background-image: none;
|
|
color: @theme_fg_color;
|
|
}
|
|
|
|
GtkSwitch.trough:active {
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
background-color: @theme_selected_bg_color;
|
|
background-image: none;
|
|
color: @theme_selected_fg_color;
|
|
}
|
|
|
|
GtkSwitch.trough:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
color: mix(@theme_fg_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
/************
|
|
* textview *
|
|
************/
|
|
GtkTextView {
|
|
background-color: @theme_base_color;
|
|
color: @theme_text_color;
|
|
}
|
|
|
|
/***********
|
|
* toolbar *
|
|
***********/
|
|
.toolbar {
|
|
padding: 3px;
|
|
border-style: none;
|
|
background-color: @toolbar_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
/* primary-toolbar */
|
|
.primary-toolbar,
|
|
.primary-toolbar .toolbar,
|
|
.primary-toolbar.toolbar {
|
|
-GtkWidget-window-dragging: true;
|
|
|
|
padding: 3px;
|
|
border-width: 1px 0 1px 0;
|
|
border-style: solid;
|
|
border-color: shade(@toolbar_bg_color, 0.8);
|
|
background-color: @toolbar_bg_color;
|
|
background-image: none;
|
|
color: @toolbar_fg_color;
|
|
}
|
|
|
|
.primary-toolbar GtkComboBox,
|
|
.primary-toolbar .button *,
|
|
.primary-toolbar .button {
|
|
padding: 2px;
|
|
border-width: 1px;
|
|
border-color: transparent;
|
|
border-radius: 2px;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
color: @toolbar_fg_color;
|
|
}
|
|
|
|
.primary-toolbar .raised .button,
|
|
.primary-toolbar .raised.button,
|
|
.toolbar .button {
|
|
border-color: shade(@toolbar_bg_color, 0.8);
|
|
background-color: shade(@toolbar_bg_color, 1.08);
|
|
background-image: none;
|
|
color: @toolbar_fg_color;
|
|
}
|
|
|
|
.primary-toolbar .button:hover,
|
|
.toolbar .button:hover {
|
|
border-color: shade(@toolbar_bg_color, 0.7);
|
|
background-color: shade(@toolbar_bg_color, 1.10);
|
|
background-image: none;
|
|
color: shade(@toolbar_fg_color, 0.7);
|
|
}
|
|
|
|
.primary-toolbar .button:active,
|
|
.toolbar .button:active {
|
|
border-color: shade(@toolbar_bg_color, 0.8);
|
|
background-color: shade(@toolbar_bg_color, 0.95);
|
|
background-image: none;
|
|
}
|
|
|
|
.primary-toolbar .button:active:hover,
|
|
.toolbar .button:active:hover {
|
|
border-color: shade(@toolbar_bg_color, 0.7);
|
|
color: shade(@toolbar_fg_color, 0.7);
|
|
}
|
|
|
|
.primary-toolbar .button:focus,
|
|
.primary-toolbar .button:hover:focus,
|
|
.primary-toolbar .button:active:focus,
|
|
.primary-toolbar .button:active:hover:focus,
|
|
.toolbar .button:focus,
|
|
.toolbar .button:hover:focus,
|
|
.toolbar .button:active:focus,
|
|
.toolbar .button:active:hover:focus {
|
|
border-color: shade(@toolbar_bg_color, 0.7);
|
|
color: shade(@toolbar_fg_color, 0.7);
|
|
}
|
|
|
|
.primary-toolbar .button:insensitive,
|
|
.toolbar .button:insensitive {
|
|
border-color: shade(@toolbar_bg_color, 0.85);
|
|
background-color: shade(@toolbar_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
.primary-toolbar .button:active:insensitive,
|
|
.toolbar .button:active:insensitive {
|
|
border-color: shade(@toolbar_bg_color, 0.75);
|
|
background-color: shade(@toolbar_bg_color, 0.80);
|
|
background-image: none;
|
|
}
|
|
|
|
.primary-toolbar .entry {
|
|
border-color: shade(@toolbar_bg_color, 0.8);
|
|
}
|
|
|
|
.primary-toolbar .entry:active,
|
|
.primary-toolbar .entry:focus {
|
|
border-color: shade(@toolbar_bg_color, 0.7);
|
|
}
|
|
|
|
.primary-toolbar GtkSeparatorToolItem,
|
|
.primary-toolbar .separator,
|
|
.primary-toolbar .separator:insensitive {
|
|
border-color: shade(@toolbar_bg_color, 0.9);
|
|
}
|
|
|
|
/* inline-toolbar */
|
|
.inline-toolbar.toolbar {
|
|
-GtkToolbar-button-relief: normal;
|
|
|
|
padding: 1px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 0;
|
|
background-color: @theme_bg_color;
|
|
background-image: none;
|
|
}
|
|
|
|
.inline-toolbar.toolbar:last-child {
|
|
border-width: 0 1px 1px 1px;
|
|
border-color: shade(@theme_bg_color, 0.8);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.inline-toolbar.toolbar .button {
|
|
padding: 1px;
|
|
border-width: 1px 0 1px 1px;
|
|
border-style: solid;
|
|
border-radius: 0;
|
|
background-color: shade(@theme_bg_color, 1.08);
|
|
background-image: none;
|
|
}
|
|
|
|
.inline-toolbar.toolbar .button *:insensitive,
|
|
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
|
border-color: shade(@theme_bg_color, 0.85);
|
|
background-color: shade(@theme_bg_color, 0.9);
|
|
background-image: none;
|
|
}
|
|
|
|
/* middle button */
|
|
.primary-toolbar .button.raised.linked,
|
|
.primary-toolbar .button.raised.linked:active,
|
|
.primary-toolbar .button.raised.linked:focus,
|
|
.primary-toolbar .button.raised.linked:focus:active,
|
|
.primary-toolbar .button.raised.linked:insensitive,
|
|
.primary-toolbar .raised.linked .button,
|
|
.primary-toolbar .raised.linked .button:active,
|
|
.primary-toolbar .raised.linked .button:focus,
|
|
.primary-toolbar .raised.linked .button:focus:active,
|
|
.primary-toolbar .raised.linked .button:insensitive,
|
|
.inline-toolbar.toolbar .button,
|
|
.inline-toolbar.toolbar .button:active,
|
|
.inline-toolbar.toolbar .button:focus,
|
|
.inline-toolbar.toolbar .button:focus:active,
|
|
.inline-toolbar.toolbar .button:insensitive,
|
|
.inline-toolbar.toolbar GtkToolButton .button,
|
|
.inline-toolbar.toolbar GtkToolButton .button:active,
|
|
.inline-toolbar.toolbar GtkToolButton .button:focus,
|
|
.inline-toolbar.toolbar GtkToolButton .button:focus:active,
|
|
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
|
border-width: 1px;
|
|
border-right-width: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* leftmost button */
|
|
.primary-toolbar .button.raised.linked:first-child,
|
|
.primary-toolbar .button.raised.linked:active:first-child,
|
|
.primary-toolbar .button.raised.linked:focus:first-child,
|
|
.primary-toolbar .button.raised.linked:focus:active:first-child,
|
|
.primary-toolbar .button.raised.linked:insensitive:first-child,
|
|
.primary-toolbar .raised.linked .button:first-child,
|
|
.primary-toolbar .raised.linked .button:active:first-child,
|
|
.primary-toolbar .raised.linked .button:focus:first-child,
|
|
.primary-toolbar .raised.linked .button:focus:active:first-child,
|
|
.primary-toolbar .raised.linked .button:insensitive:first-child,
|
|
.inline-toolbar.toolbar .button:first-child,
|
|
.inline-toolbar.toolbar .button:active:first-child,
|
|
.inline-toolbar.toolbar .button:focus:first-child,
|
|
.inline-toolbar.toolbar .button:focus:active:first-child,
|
|
.inline-toolbar.toolbar .button:insensitive:first-child,
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button,
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button:active,
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button:focus,
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active,
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive {
|
|
border-width: 1px;
|
|
border-right-width: 0;
|
|
border-radius: 2px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
/* rightmost button */
|
|
.primary-toolbar .button.raised.linked:last-child,
|
|
.primary-toolbar .button.raised.linked:active:last-child,
|
|
.primary-toolbar .button.raised.linked:focus:last-child,
|
|
.primary-toolbar .button.raised.linked:focus:active:last-child,
|
|
.primary-toolbar .button.raised.linked:insensitive:last-child,
|
|
.primary-toolbar .raised.linked .button:last-child,
|
|
.primary-toolbar .raised.linked .button:active:last-child,
|
|
.primary-toolbar .raised.linked .button:focus:last-child,
|
|
.primary-toolbar .raised.linked .button:focus:active:last-child,
|
|
.primary-toolbar .raised.linked .button:insensitive:last-child,
|
|
.inline-toolbar.toolbar .button:last-child,
|
|
.inline-toolbar.toolbar .button:active:last-child,
|
|
.inline-toolbar.toolbar .button:focus:last-child,
|
|
.inline-toolbar.toolbar .button:focus:active:last-child,
|
|
.inline-toolbar.toolbar .button:insensitive:last-child,
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button,
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button:active,
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button:focus,
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active,
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive {
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
/* single button */
|
|
.primary-toolbar.toolbar .button:only-child,
|
|
.primary-toolbar.toolbar .button:active:only-child,
|
|
.primary-toolbar.toolbar .button:focus:only-child,
|
|
.primary-toolbar.toolbar .button:focus:active:only-child,
|
|
.primary-toolbar.toolbar .button:insensitive:only-child,
|
|
.primary-toolbar.toolbar GtkToolButton:only-child .button,
|
|
.primary-toolbar.toolbar GtkToolButton:only-child .button:active,
|
|
.primary-toolbar.toolbar GtkToolButton:only-child .button:focus,
|
|
.primary-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
|
|
.primary-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
|
|
.inline-toolbar.toolbar .button:only-child,
|
|
.inline-toolbar.toolbar .button:active:only-child,
|
|
.inline-toolbar.toolbar .button:focus:only-child,
|
|
.inline-toolbar.toolbar .button:focus:active:only-child,
|
|
.inline-toolbar.toolbar .button:insensitive:only-child,
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button,
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button:focus,
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
/***********
|
|
* tooltip *
|
|
***********/
|
|
.tooltip {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_tooltip_bg_color, 0.8);
|
|
border-radius: 2px;
|
|
background-color: @theme_tooltip_bg_color;
|
|
background-image: none;
|
|
color: @theme_tooltip_fg_color;
|
|
}
|
|
|
|
.tooltip * {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/************
|
|
* treeview *
|
|
************/
|
|
GtkTreeView {
|
|
}
|
|
|
|
GtkTreeView.dnd {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: shade(@theme_selected_bg_color, 0.9);
|
|
border-radius: 0;
|
|
}
|
|
|
|
GtkTreeView .entry {
|
|
border-radius: 0;
|
|
background-color: @theme_base_color;
|
|
background-image: none;
|
|
}
|
|
|
|
/************
|
|
* viewport *
|
|
************/
|
|
GtkViewport {
|
|
background-color: transparent;
|
|
}
|
|
|
|
GtkViewport.frame {
|
|
border-width: 0;
|
|
}
|
|
|
|
.view {
|
|
background-color: @theme_base_color;
|
|
color: @theme_text_color;
|
|
}
|
|
|
|
.view:selected,
|
|
.view:selected:focus {
|
|
background-color: @theme_selected_bg_color;
|
|
color: @theme_selected_fg_color;
|
|
}
|