download Plastiq Gtk3 http://gnome-look.org/content/show.php/Plastiq+Gtk3?content=142937
replace /usr/share/themes/flastiq/gtk-2.0/gtkrc with
# Plastiq Gtk+2 Theme 0.4-2
#
# Copyright 2011 Hiram Jerónimo Pérez Guzmán <worg@linuxmail.org>
#
# This theme/style 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
# (at your option) any later version.
#
# This theme/style 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.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
# MA 02110-1301, USA.
#
#
# ===[ buttons ]===
# the prelight of toggle buttons is darkened slightly
#
# ===[ scroll bars ]===
# bg[ACTIVE] is trough color
# bg[NORMAL] & bg[NORMAL] are scrollbar colors
# ===[ check and radio buttons ]===
# bg[SELECTED] is the selected background colour
# text[SELECTED] is the selected check/circle color
# text[INSENSITIVE] is the disabled check/circle colour
# base[*] is used for all other background states
# --on prelight the bg is lightened slightly
# --bg is lightened slightly when check/radio not drawn (for all states)
#default color scheme
gtk-icon-sizes = "panel-menu=16,16:panel=16,16:gtk-button=16,16:gtk-large-toolbar=28,24"
gtk-button-images = 0 # 1 = enable, 0 = disable icons on buttons
#default color scheme
gtk_color_scheme = "fg_color:#fff\nbg_color:#2d2d2d\nbase_color:#101010\ntext_color:#A0A0A0\nselected_bg_color:#788FB1\nselected_fg_color:#FFFFFF\ntooltip_fg_color:#FFF\ntooltip_bg_color:#000"
gtk_color_scheme = "bg_color_dark:#2c2c2c\ntext_color_dark:#FFFFFF"
gtk_color_scheme = "tb_color:#383838,selected_bg_subtle:#ACBBD2"
gtk-menu-popup-delay = 10
gtk-button-images = 0
style "theme-default"
{
GtkButton::default_border = { 0, 0, 0, 0 }
GtkButton::child-displacement-x = 0
GtkButton::child-displacement-y = 1
#GtkWidget::focus-padding = 0
GtkRange::trough-border = 0
GtkRange::slider-width = 19
GtkRange::stepper-size = 19
GtkScrollbar::min_slider_length = 7
GtkScrollbar::slider-width = 9
GtkScrollbar::has-backward-stepper = 0
GtkScrollbar::has-forward-stepper = 0
GtkScrollbar::has-secondary-backward-stepper = 0
GtkScrollbar::has-secondary-forward-stepper = 0
GtkMenuBar::internal-padding = 0
GtkTreeView::expander_size = 13
GtkExpander::expander_size = 13
GtkScale::slider-length = 11
GtkScale::slider-width = 11
GtkScale::trough-border = 0
GtkWidget::link-color = "#0062dc" # blue
GtkWidget::visited-link-color = "#8c00dc" #purple
WnckTasklist::fade-overlay-rect = 0
WnckTasklist::fade-loop-time = 5.0 # 5 seconds
WnckTasklist::fade-opacity = 0.5 # final opacity
#makes menu only overlap border
GtkMenu::horizontal-offset = -1
#removes extra padding at top and bottom of menus. Makes menuitem overlap border
GtkMenu::vertical-padding = 0
#set to the same as roundness, used for better hotspot selection of tabs
GtkNotebook::tab-curvature = 5
GtkNotebook::tab-overlap = 4
GtkMenuItem::arrow-spacing = 10
#Spacing between edge with indicator and text
GtkOptionMenu ::indicator-size = {11, 5}
#GtkOptionMenu ::indicator-spacing = {6, 5, 4, 4}
GtkCheckButton ::indicator-size = 15
GtkCheckButton ::indicator-spacing = 1
GtkRadioButton ::indicator-size = 15
GtkTreeView::horizontal_separator = 2
GtkTreeView::odd_row_color = mix(0.98, shade (0.93, @base_color), @selected_bg_color)
GtkScrolledWindow::scrollbar-spacing = 0
GtkScrolledWindow::scrollbars-within-bevel = 1
xthickness = 1
ythickness = 1
fg[NORMAL] = @fg_color
fg[ACTIVE] = @fg_color
fg[PRELIGHT] = @fg_color
fg[SELECTED] = @selected_fg_color
fg[INSENSITIVE] = shade (3.0,@fg_color)
bg[NORMAL] = @bg_color
bg[ACTIVE] = shade (0.95,@bg_color)
bg[PRELIGHT] = mix(0.92, shade (1.1,@bg_color), @selected_bg_color)
bg[SELECTED] = @selected_bg_color
bg[INSENSITIVE] = shade (1.06,@bg_color)
base[NORMAL] = @base_color
base[ACTIVE] = shade (0.5,@selected_bg_color)
base[PRELIGHT] = @base_color
base[SELECTED] = @selected_bg_color
base[INSENSITIVE] = shade (1.025,@bg_color)
text[NORMAL] = @text_color
text[ACTIVE] = @selected_fg_color
text[PRELIGHT] = @text_color
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = mix (0.675,shade (0.95,@bg_color),@fg_color)
engine "murrine"
{
contrast = 1.1
arrowstyle = 2
reliefstyle = 3
highlight_shade = 1.0
gradient_shades = {1.4, 1.2, 1.2, 1.0}
shadow_shades = { 0.8, 3.2 }
roundness = 2
lightborder_shade = 1.60
lightborderstyle = 0
border_shades = {1.0, 0.9}
glazestyle = 0
default_button_color = shade (0.9, @selected_bg_color)
listviewstyle = 2
progressbarstyle = 0
colorize_scrollbar = TRUE
menubaritemstyle = 1
menubarstyle = 2
menustyle = 0
focusstyle = 3
handlestyle = 1
sliderstyle = 2
scrollbarstyle = 0
stepperstyle = 0
separatorstyle = 0
textstyle = 0
toolbarstyle = 1
}
}
style "theme-wide" = "theme-default"
{
xthickness = 2
ythickness = 2
}
style "theme-wider" = "theme-default"
{
xthickness = 3
ythickness = 3
}
style "theme-button" = "theme-wider"
{
bg[NORMAL] = shade (0.95,@bg_color)
bg[ACTIVE] = mix(0.43, shade (1.0,@bg_color), shade (0.85,@selected_bg_color))
bg[PRELIGHT] = mix(0.43, shade (1.11,@bg_color), shade (1.24,@selected_bg_color))
bg[SELECTED] = shade (1.10,@selected_bg_color)
engine "murrine"
{
roundness = 4
}
}
style "theme-entry" = "theme-button" {
ythickness = 3
xthickness = 3
engine "murrine"
{
roundness = 3
}
}
style "theme-frame" = "theme-wide" { }
style "theme-toolbar"
{
xthickness = 2
ythickness = 2
bg[NORMAL] = shade (1.078,@bg_color) #mix(0.98, shade (1.0475,@bg_color), shade (1.1,@selected_bg_color)) #slightly tinted
}
style "theme-handlebox"
{
bg[NORMAL] = shade (0.95,@bg_color)
}
style "theme-scale"
{
text[ACTIVE] = @bg_color
text[PRELIGHT] = @fg_color
text[NORMAL] = @bg_color
text[INSENSITIVE] = shade (0.45, @bg_color)
bg[ACTIVE] = mix (0.8,shade (0.7, @bg_color),shade (0.1, @bg_color))
bg[NORMAL] = mix (0.9, shade (0.8, @selected_bg_color),@selected_bg_color) #Button and lines
bg[PRELIGHT] = mix (0.9, shade (0.9, @selected_bg_color),@selected_bg_color) #Button and lines
bg[INSENSITIVE] = mix (0.9, shade (0.3, @bg_color),shade (0.1, @bg_color))
bg[SELECTED] = shade (0.5,@selected_bg_color)
engine "murrine"
{
roundness = 48
}
}
style "theme-range"
{
bg[NORMAL] = shade (1.12,@bg_color)#shade (1.085,@bg_color)
bg[ACTIVE] = @bg_color
bg[PRELIGHT] = mix(0.95, shade (1.10,@bg_color), @selected_bg_color)
#Arrows
text[NORMAL] = shade (0.275,@selected_fg_color) #shade (0.925,@fg_color)
text[PRELIGHT] = @selected_fg_color
text[ACTIVE] = shade (0.10,@selected_fg_color)
text[INSENSITIVE] = mix (0.80,shade (0.90,@bg_color),@fg_color)
}
style "theme-notebook" = "theme-wider"
{
bg[NORMAL] = shade(1.2, @bg_color)
fg[ACTIVE] = shade(0.45, @fg_color)
bg[ACTIVE] = shade (0.75,@bg_color)
}
style "theme-paned" {
bg[PRELIGHT] = shade (1.1,@bg_color)
}
style "theme-panel"{
# fg[NORMAL] = shade (1.1, @bg_color)
# bg[NORMAL] = shade (0.2, @bg_color)
# bg[PRELIGHT] = @selected_bg_color
# Menu
fg[PRELIGHT] = @selected_fg_color
bg[SELECTED] = @selected_bg_color
font_name = "Bold 9"
text[PRELIGHT] = @selected_fg_color
#text[SELECTED] = @selected_bg_color
text[NORMAL] = shade (1.1, @bg_color)
}
style "theme-menu"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = shade (0.6,@bg_color)
text[PRELIGHT] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
}
style "theme-menu-item" = "theme-menu"
{
xthickness = 3
ythickness = 3
#font_name = "Bold 9"
text[NORMAL] = @fg_color
text[PRELIGHT] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
}
style "theme-menubar"
{
# xthickness = 0
# ythickness = 0
#bg[NORMAL] = shade (0.95,@bg_color)
}
style "theme-menubar-item" = "theme-menu-item" {
# xthickness = 4
# ythickness = 4
#font_name = "Bold 9"
bg[NORMAL] = "#ff00ff"
fg[NORMAL] = @selected_fg_color
text[PRELIGHT] = @selected_fg_color
fg[PRELIGHT] = @selected_fg_color
text[INSENSITIVE] = shade (0.60,@selected_fg_color)
fg[INSENSITIVE] = shade (0.60,@selected_fg_color)
}
style "theme-tree"
{
xthickness = 2
ythickness = 1
font_name = "Bold 9"
GtkWidget::focus-padding = 0
bg[NORMAL] = shade (1.05,@bg_color)
bg[PRELIGHT] = shade (1.15,@bg_color)
bg[ACTIVE] = mix(0.87, shade (1.05,@bg_color), @selected_bg_color)
}
style "theme-tree-arrow"
{
bg[NORMAL] = mix(0.70, shade (0.60,@bg_color), shade (0.80,@selected_bg_color))
bg[PRELIGHT] = mix(0.80, @bg_color, @selected_bg_color)
}
style "theme-progressbar"
{
font_name = "Bold"
fg[PRELIGHT] = @selected_fg_color
bg[ACTIVE] = mix (0.8,shade (0.7, @bg_color),shade (0.1, @bg_color))
bg[NORMAL] = mix (0.9, shade (0.8, @selected_bg_color),@selected_bg_color) #Button and lines
bg[PRELIGHT] = mix (0.9, shade (0.9, @selected_bg_color),@selected_bg_color) #Button and lines
bg[INSENSITIVE] = "#ff00ff" #mix (0.9, shade (0.3, @bg_color),shade (0.1, @bg_color))
engine "murrine"
{
roundness = 100
}
}
style "theme-tooltips" = "theme-wider"
{
bg[NORMAL] = @tooltip_bg_color
fg[NORMAL] = @tooltip_fg_color
text[NORMAL] = @tooltip_fg_color
}
style "theme-combo"{
xthickness = 4
ythickness = 4
GtkButton::inner-border = { 0, 1, 0, 0 }
text[NORMAL] = @text_color
text[ACTIVE] = darker (@text_color)
text[INSENSITIVE] = darker(@fg_color)
base[NORMAL] = @base_color
base[PRELIGHT] = @base_color
base[INSENSITIVE] = @base_color
base[ACTIVE] = @base_color
}
style "theme-spin" = "theme-button" {
xthickness = 4
ythickness = 4
}
style "theme-combo-box" = "theme-combo" {
xthickness = 3
ythickness = 2
engine "murrine"{
roundness = 7
}
}
style "theme-entry-combo-box" {
xthickness = 3
ythickness = 3
GtkButton::inner-border = { 0, 1, 0, 0 }
text[NORMAL] = @text_color
base[NORMAL] = @base_color
base[PRELIGHT] = @base_color
base[INSENSITIVE] = shade (0.97, @bg_color)
base[ACTIVE] = @base_color
text[ACTIVE] = darker (@text_color)
}
style "theme-combo-arrow" = "theme-button"
{
xthickness = 1
ythickness = 1
}
style "theme-view"
{
xthickness = 0
ythickness = 0
}
style "theme-check-radio-buttons" = "theme-button"
{
GtkWidget::interior-focus = 0
GtkWidget::focus-padding = 1
text[SELECTED] = @selected_fg_color
text[INSENSITIVE] = shade (0.625,@bg_color)
text[NORMAL] = @fg_color
text[PRELIGHT] = @bg_color
base[PRELIGHT] = mix(0.80, @base_color, @selected_bg_color)
bg[INSENSITIVE] = shade (1.10,@bg_color)
bg[SELECTED] = @selected_bg_color
}
style "theme-calendar"
{
xthickness = 0
ythickness = 0
bg[NORMAL] = shade (0.92,@bg_color)
bg[PRELIGHT] = shade (0.92,@bg_color)
bg[ACTIVE] = shade (0.85,@bg_color)
text[PRELIGHT] = @selected_fg_color
}
style "theme-separator-menu-item"
{
GtkSeparatorMenuItem::horizontal-padding = 2
# We are setting the desired height by using wide-separators
# There is no other way to get the odd height ...
GtkWidget::wide-separators = 1
GtkWidget::separator-width = 1
GtkWidget::separator-height = 5
xthickness = 1
ythickness = 0
}
style "text_is_fg_color_workaround"
{
text[NORMAL] = @fg_color
text[PRELIGHT] = @fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
}
style "menuitem_text_is_fg_color_workaround"
{
text[NORMAL] = @fg_color
text[PRELIGHT] = @selected_fg_color
text[SELECTED] = @selected_fg_color
text[ACTIVE] = @fg_color
text[INSENSITIVE] = darker (@bg_color)
}
style "no-gtk-comboentry" = "entry"
{
xthickness = 3
ythickness = 3
GtkButton::inner-border = { 0, 1, 0, 0 }
bg[SELECTED] = shade( 0.85, "#5c5c5c")
text[NORMAL] = @fg_color
text[ACTIVE] = darker (@fg_color)
base[NORMAL] = "#5c5c5c"
base[PRELIGHT] = "#5c5c5c"
base[INSENSITIVE] = shade (0.97, "#5c5c5c")
base[ACTIVE] = "#5c5c5c"
}
style "theme-infobar"{
fg[NORMAL] = @text_color
engine "murrine"
{
roundness = 100
}
}
style "inkscape-snap"
{
xthickness = 2
ythickness = 2
bg[NORMAL] = shade (1.3 ,@bg_color)
}
style "inkscape-btn" = "theme-wider"
{
bg[NORMAL] = shade (0.9,@bg_color)
bg[ACTIVE] = mix(0.35, shade (0.7,@bg_color), shade (1.20,@selected_bg_color))
bg[PRELIGHT] = mix(0.43, shade (1.21,@bg_color), shade (1.24,@selected_bg_color))
bg[SELECTED] = shade (1.10,@selected_bg_color)
engine "murrine"
{
roundness = 4
}
}
#style "emesene-userpanel" {
# text[NORMAL] = @fg_color
#}
# widget styles
class "GtkWidget" style "theme-default"
class "GtkScale" style "theme-scale"
class "GtkRange" style "theme-range"
class "GtkPaned" style "theme-paned"
class "GtkFrame" style "theme-frame"
class "GtkMenu" style "theme-menu"
class "GtkMenuBar" style "theme-menubar"
class "GtkEntry" style "theme-entry"
class "GtkProgressBar" style "theme-progressbar"
class "GtkToolbar" style "theme-toolbar"
class "GtkSeparator" style "theme-wide"
class "GtkCalendar" style "theme-calendar"
widget_class "*GtkInfoBar*GtkButton*" style:highest "inkscape-btn"
widget_class "*GtkInfoBar*GtkHBox.GtkLabel" style "theme-infobar"
widget_class "*<GtkMenuItem>*" style "theme-menu-item"
widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "theme-menubar-item"
widget_class "*<GtkSeparatorMenuItem>*" style "theme-separator-menu-item"
widget_class "*<GtkButton>" style "theme-button"
widget_class "*<GtkCheckButton>" style "theme-check-radio-buttons"
widget_class "*<GtkHandleBox>" style "theme-handlebox"
widget_class "*<GtkNotebook>" style "theme-notebook"
widget_class "*<GtkNotebook>*<GtkEventBox>" style "theme-notebook"
widget_class "*<GtkNotebook>*<GtkDrawingArea>" style "theme-notebook"
widget_class "*<GtkNotebook>*<GtkLayout>" style "theme-notebook"
widget_class "*<GtkNotebook>*<GtkViewport>" style "theme-notebook"
widget_class "*<GtkNotebook>.<GtkLabel>*" style "theme-notebook"
# combobox stuff
widget "GtkWindow.GtkFixed.GtkCombo*" style:highest "theme-entry"
widget "*GtkEntry*" style:highest "theme-entry"
widget "*GtkTreeView*" style:highest "theme-entry"
widget_class "*<GtkCombo>*" style "theme-combo"
widget_class "*<GtkComboBoxEntry>*" style "theme-entry-combo-box"
widget_class "*.<GtkCellView>" style "text_is_fg_color_workaround"
widget "*.gtk-combobox-popup-menu.*" style "menuitem_text_is_fg_color_workaround"
widget_class "*<GtkListItem>*" style:highest "theme-tree"
#widget_class "*<GtkSpinButton>*" style "theme-spin"
# tooltips stuff
widget "gtk-tooltip*" style "theme-tooltips"
# treeview stuff
widget_class "*<GtkTreeView>.<GtkButton>*" style "theme-tree"
widget_class "*<GtkCTree>.<GtkButton>*" style "theme-tree"
widget_class "*<GtkList>.<GtkButton>*" style "theme-tree"
widget_class "*<GtkCList>.<GtkButton>*" style "theme-tree"
#For arrow bg
widget_class "*<GtkTreeView>.<GtkButton>*<GtkArrow>" style "theme-tree-arrow"
widget_class "*<GtkCTree>.<GtkButton>*<GtkArrow>" style "theme-tree-arrow"
widget_class "*<GtkList>.<GtkButton>*<GtkArrow>" style "theme-tree-arrow"
#fixes
widget "MainWindow+MainWindow.GtkVBox.GtkVBox.GtkHBox.GtkHBox.GtkVBox.GtkHBox.GtkButton*" style "text_is_fg_color_workaround"
#######################################################
## GNOME specific
#######################################################
#Panel
#widget "*PanelWidget*" style "theme-toolbar"
#widget "*PanelApplet*" style "theme-panel"
#widget "*fast-user-switch*" style "theme-panel" # Workaround for Fast User Switch applet
#class "PanelApp*" style "theme-toolbar"
#class "PanelToplevel*" style "theme-toolbar"
widget_class "*.ETree.ECanvas" style "theme-tree" #evolution
widget_class "*.ETable.ECanvas" style "theme-tree" #evolution
style "panelbuttons" = "theme-button"
{
# as buttons are draw lower this helps center text
xthickness = 3
ythickness = 3
}
widget_class "*Panel*<GtkButton>*" style "panelbuttons"
#nautilus search stripe and other specialties
style "extra-view" = "theme-default"{
bg[NORMAL] = shade(0.4,@bg_color)
fg[NORMAL] = @selected_fg_color
}
#nautilus search stripe
widget "*.nautilus-extra-view-widget.*Button*.GtkLabel*" style:highest "inkscape-btn"
widget "*.nautilus-extra-view-widget" style:highest "extra-view"
widget "*.nautilus-extra-view-widget.*.GtkLabel*" style:highest "extra-view"
#emesene fix for user panel
widget "*SmileyLabel*" style "text_is_fg_color_workaround"
#inkscape SnapToolbar fix
widget "*SnapToolbar*" style "inkscape-snap"
widget "*SnapToolbar*GtkToggleButton*" style "inkscape-btn"
widget "*GdlDock*" style "text_is_fg_color_workaround"
include "Scrollbars/scrollbars.rc"
edit the colors in /usr/share/themes/flastiq/gtk-3.0/gtk.css
@define-color theme_base_color #101010;/*#2F2E2E;*/
@define-color theme_text_color #a0a0a0;/*FFF*/
@define-color theme_bg_color #2d2d2d;
@define-color theme_fg_color #ffffff;
@define-color theme_selected_bg_color #687A94;
@define-color theme_selected_fg_color #fff;
@define-color theme_menu_color #2d2d2d;
@define-color menu_color #2d2d2d;
@define-color transparent rgba (0, 0, 0, 0);
@define-color theme_tooltip_bg_color #8e96a2;
@define-color theme_tooltip_fg_color #fff;
@define-color button_bg_color_a #616161;
@define-color button_bg_color_b #A5A5A5;
@define-color button_border #8d8d8d;
@define-color button_active_gradient_color_a #A9B6CC;
@define-color button_active_gradient_color_b #687A94;
@define-color button_active_border #4D5A6E;
@define-color button_hover_gradient_color_a #A9B6CC; /*#4f4f4f;*/
@define-color button_hover_gradient_color_b #687A94; /*#393939;*/
@define-color insensitive_bg_color #888;
@define-color insensitive_fg_color #999;
@define-color inactive_frame_color #323232;
@define-color notebook_border #393939;
@define-color notebook_active_tab_border #508BDD;
@define-color notebook_selected_tab_color_a #47566c;
@define-color notebook_selected_tab_color_b #3d3e40;
@define-color notebook_tab_gradient_a #4e4e4e;
@define-color notebook_tab_gradient_b #3c3c3c;
@define-color switch_slider_color #111113;
@define-color switch_slider_border #a5b8cc;
@define-color highlighted_border #508BDD;
@define-color internal_element_color #444;
@define-color progressbar_background_a alpha (@button_hover_gradient_color_a, 0.70);
@define-color progressbar_background_b alpha (@button_hover_gradient_color_b, 0.45);
@define-color progressbar_border alpha (@theme_fg_color, 0.60);
@define-color focused_entry_border alpha (@theme_fg_color, 0.95);
@define-color toolbar_gradient_base #47586E;
@define-color toolbar_gradient_step1 #3c3c3c;
@define-color toolbar_gradient_step2 #373737;
@define-color toolbar_gradient_final #3e4247;
@define-color toolbar_gradient_top #464646;
@define-color toolbar_gradient_bottom #333333;
@define-color toolbar_active_button_color #252525;
@define-color expander_row_selected_color alpha (@theme_base_color, 0.60);
@define-color menu_controls_color #222; /* #555;*/
@define-color keyboard_focus_border_a alpha (@theme_fg_color, 0.80);
@define-color keyboard_focus_border_b alpha (@theme_fg_color, 0.60);
@define-color trough_bg_color_a #363636;
@define-color trough_bg_color_b #363636;
@define-color frame_color #323232;
/* FIXME: needs dark colors from here */
@define-color link_color #4a90d9;
@define-color warning_color #f57900;
@define-color error_color #cc0000;
@define-color success_color #4e9a06;
@define-color info_bg_color #D5B052;
@define-color warning_bg_color #E06629;
@define-color question_bg_color #5297D5;
@define-color error_bg_color #E03129;
@define-color os_chrome_bg_color black;
@define-color os_chrome_fg_color #ccc;
@define-color os_chrome_selected_bg_color #333;
@define-color os_chrome_selected_fg_color white;
@define-color chrome_bg_color #1e1a17;
@define-color chrome_fg_color #fff;
@define-color active_switch_bg_color_a #509ae7;
@define-color active_switch_bg_color_b #84b8ee;
@define-color scale_fill_a #2c85e2;
@define-color scale_fill_b #b8d6f5;
@define-color dark_bg_color #2d2d2d;
@define-color dark_fg_color #ffffff;
@import url("gtk-widgets.css");
comment out the unico stuff at the beginning of
/usr/share/themes/flastiq/gtk-3.0/gtk-widgets.css
that makes cursor be grabbed in xmonad
/*
* Plastiq Gtk+3 Theme 0.5-3
*
* Copyright 2011 Hiram Jerónimo Pérez Guzmán <worg@linuxmail.org>
*
* 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
* (at your option) 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.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
* MA 02110-1301, USA.
*
*
*/
* {
-GtkButton-child-displacement-x: 1;
-GtkButton-child-displacement-y: 1;
-GtkButton-default-border: 0;
-GtkButton-image-spacing: 0;
-GtkButton-interior-focus: false;
-GtkButton-inner-border: 3;
-GtkCheckButton-indicator-size: 16;
-GtkCheckMenuItem-indicator-size: 14;
-GtkEntry-inner-border: 2;
-GtkEntry-progress-border: 0;
-GtkExpander-expander-size: 10;
-GtkHTML-link-color: @link_color;
-GtkIMHtml-hyperlink-color: @link_color;
-GtkMenu-horizontal-padding: 0;
-GtkMenu-vertical-padding: 3;
-GtkMenuBar-internal-padding: 0;
-GtkNotebook-tab-overlap: 3;
-GtkPaned-handle-size: 1;
-GtkProgressBar-min-horizontal-bar-height: 14;
-GtkProgressBar-min-vertical-bar-width: 14;
-GtkRange-trough-border: 0;
-GtkRange-slider-width: 14;
-GtkRange-stepper-size: 13;
-GtkRange-trough-under-steppers: 0;
-GtkRange-stepper-spacing: 0;
-GtkScale-trough-border: 0;
-GtkScale-trough-side-details: 1;
-GtkScrollbar-activate-slider: 1;
-GtkScrollbar-trough-border: 0;
-GtkScrollbar-slider-width: 13;
-GtkScrollbar-min-slider-length: 31;
-GtkScrolledWindow-scrollbar-spacing: 0;
-GtkScrolledWindow-scrollbars-within-bevel: 1;
-GtkSeparatorMenuItem-horizontal-padding: 0;
-GtkTextView-error-underline-color: @error_color;
-GtkToolButton-icon-spacing: 6;
-GtkToolItemGroup-expander-size: 11;
-GtkToolbar-internal-padding: 0;
-GtkTreeView-expander-size: 8;
-GtkTreeView-vertical-separator: 0;
-GtkWidget-wide-separators: 1;
-GtkWidget-separator-width: 2;
-GtkWidget-separator-height: 2;
-GtkWidget-focus-padding: 0;
-GtkWidget-focus-line-width: 0;
-GtkWidget-link-color: @link_color;
-GtkWidget-visited-link-color: @link_color;
-WnckTasklist-fade-overlay-rect: 0;
/*engine: unico;
-unico-focus-border-color: alpha (@selected_bg_color, 0.5);
-unico-focus-border-radius: 4;
-unico-focus-fill-color: alpha (@selected_bg_color, 0.1);
-unico-focus-outer-stroke-color: @transparent;
-unico-inner-stroke-color: shade (@bg_color, 1.1);
-unico-inner-stroke-width: 0;
*/
border-width:1px;
color:@theme_text_color;
}
.background, .viewport{
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@menu_color),
to (shade (@menu_color, 0.46)));
border-style: none;
border-width: 0;
color:@theme_text_color;
}
/***************
* Base States *
***************/
*:hover {
}
*:selected {
background-color: @theme_selected_bg_color;
color:@theme_text_color
}
*:selected:focused {
}
*:insensitive {
color: shade (@bg_color, 1.6);
}
*:active {
}
.tooltip {
border-radius: 5;
border-color: @theme_tooltip_bg_color;
background-color: @theme_tooltip_bg_color;
}
/******************
* common effects *
******************/
/* border and inner stroke */
.button,
.frame{
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.76)));
}
.frame
{
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.2);
-unico-inner-stroke-gradient: none;
-unico-inner-stroke-width: 1;
}
.button:insensitive,
.frame:insensitive {
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 0.8)),
to (shade (@bg_color, 0.8)));
}
/* inset */
GtkComboBox.combobox-entry .button,
.button:active,
.button:insensitive,
.check,
.entry,
.radio {
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (shade (@bg_color, 0.85), 0.2)),
to (alpha (shade (@bg_color, 1.25), 0.6)));
-unico-outer-stroke-width: 1;
}
/* shadow */
.button,
.check:active,
.frame,
.notebook .button,
.radio:active {
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (@bg_color, 0.00)),
to (alpha (shade (@bg_color, 1.25), 0.5)));
-unico-outer-stroke-width: 1;
}
/*****************
* Notebooks and *
* tabs *
*****************/
.notebook {
background-color: shade(@menu_color, 1.15);
-unico-border-gradient: -gtk-gradient (linear, left bottom, left top,
from (shade(@bg_color, 0.8)),
to (shade (@bg_color, 0.6)));
border-radius: 3;
}
.notebook tab {
margin:0 0 0 0;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@menu_color),
to (shade (@menu_controls_color, 0.80)));
transition: 50ms ease-in-out;
-unico-inner-stroke-color: alpha (shade (@bg_color, 1.36), 0.5);
-unico-border-gradient: -gtk-gradient (linear, left bottom, left top,
from (shade(@bg_color, 0.8)),
to (shade (@bg_color, 0.6)));
border-width: 1;
color:alpha(shade(@theme_text_color, 0.35), 0.5);
}
.notebook tab:active {
padding:0;
background-image: -gtk-gradient (linear, left bottom, left top,
from (shade(@menu_color, 1.15)),
color-stop(0.15, shade(@menu_color, 1.15)),
color-stop(0.5, @menu_color),
to (@menu_controls_color));
-unico-border-gradient: -gtk-gradient (linear, left bottom, left top,
from (@bg_color),
to (shade (@bg_color, 0.2)));
-unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (shade (@bg_color, 1.20)),
to (alpha (shade (@bg_color, 1.25), 0.75)));
-unico-inner-stroke-width: 1;
border-width: 1;
border-radius: 4;
color:@theme_text_color;
}
.notebook tab .button,
.notebook tab .button:hover,
.notebook tab .button:hover:active {
background-image: none;
background-color: alpha (@theme_base_color, 0.02);
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (shade (@theme_base_color, 0.67)),
to (shade (@theme_base_color, 0.74)));
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#000, 0.10)),
to (alpha (#000, 0.06)));
-unico-outer-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (@theme_text_color, 0.00)),
color-stop (0.85, alpha (@theme_text_color, 0.00)),
to (alpha (@theme_text_color, 0.40)));
}
.notebook tab .button:hover:active {
background-color: alpha (#000, 0.10);
}
.notebook tab:first-child{
border-radius: 4 0 0 4;
}
.notebook tab:last-child{
border-radius: 0 4 4 0;
}
/**************
* ComboBoxes *
**************/
GtkComboBox {
-GtkComboBox-arrow-scaling: 0.5;
}
.combobox-entry {
border-radius: 12;
}
/*************************
* Check and Radio items *
*************************/
/* draw regular check and radio items using our SVG assets */
* .check,
.check row:selected,
.check row:selected:focused{
border-radius: 3;
-unico-inner-stroke-width: 0;
}
* .radio,
.radio row:selected,
.radio row:selected:focused{
border-radius: 8;
-unico-inner-stroke-width: 0;
}
* .check,
* .radio,
.check row:selected,
.check row:selected:focused,
.radio row:selected,
.radio row:selected:focused {
border-width: 1;
background-color: @bg_color;
background-image: -gtk-gradient (linear,
left bottom,
left top,
from (shade (@base_color, 0.36)),
to (shade (@base_color, 0.86)));
-unico-inner-stroke-width: 0;
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@button_border),
to (shade (@button_border, 0.2)));
-unico-outer-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#000, 0.00)),
to (alpha (#000, 0.10)));
-unico-outer-stroke-width: 1;
-unico-bullet-outline-color: @button_active_border;
-unico-bullet-color: @theme_selected_fg_color;
}
.check:insensitive,
.check row:selected:insensitive,
.check row:selected:focused:insensitive,
.radio:insensitive,
.radio:inconsistent:insensitive,
.radio row:selected:insensitive,
.radio row:selected:focused:insensitive {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade (@bg_color, 0.85)),
color-stop (0.20, shade (@bg_color, 0.94)),
to (@bg_color));
-unico-inner-stroke-style: custom;
-unico-outer-stroke-style: custom;
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (shade (@bg_color, 0.77)),
to (shade (@bg_color, 0.84)));
-unico-outer-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#fff, 0.00)),
color-stop (0.75, alpha (#fff, 0.00)),
to (alpha (#fff, 0.40)));
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#000, 0.10)),
to (alpha (#000, 0.06)));
-unico-bullet-color: alpha(@theme_selected_fg_color, 0.2);
}
.check:active,
.check row:selected:active,
.check row:selected:focused:active,
.radio:active,
.radio row:selected:active,
.radio row:selected:focused:active {
border-width: 1;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@button_active_gradient_color_a),
color-stop (0.10, @button_active_gradient_color_a),
color-stop (0.6, @button_active_gradient_color_b),
to (@button_active_gradient_color_b));
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (@button_border),
to (shade (@button_border, 0.10)));
-unico-outer-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#000, 0.00)),
to (alpha (#000, 0.10)));
-unico-outer-stroke-width: 1;
-unico-inner-stroke-width: 0
}
.check:active:insensitive,
.check row:selected:active:insensitive,
.check row:selected:focused:active:insensitive
{
}
.check:inconsistent,
.check row:selected:inconsistent,
.check row:selected:focused:inconsistent,
.radio:inconsistent,
.radio row:selected:inconsistent,
.radio row:selected:focused:inconsistent{
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@button_active_gradient_color_a),
color-stop (0.10, @button_active_gradient_color_a),
color-stop (0.6, @button_active_gradient_color_b),
to (@button_active_gradient_color_b));
}
.check:inconsistent:insensitive
{
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (alpha(@button_active_gradient_color_a, 0.5)),
color-stop (0.10, alpha (@button_active_gradient_color_a, 0.5)),
color-stop (0.6, alpha (@button_active_gradient_color_b, 0.5)),
to (alpha (@button_active_gradient_color_b, 0.5)));
}
/*************
* GtkSwitch *
*************/
GtkSwitch {
padding: 0;
font: bold 10;
}
GtkSwitch.trough {
color: @theme_text_color;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade (@bg_color, 0.80)),
to (shade (@bg_color, 1.16)));
border-radius: 20;
transition: 50ms ease-in-out;
-unico-border-gradient: -gtk-gradient (linear, left bottom, left top,
from (@button_border),
to (alpha (@button_border, 0.2)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (#000, 0.05)),
to (alpha (#000, 0.20)));
-unico-outer-stroke-width: 1;
}
GtkSwitch.trough:active {
color: @theme_text_color;
background-image: -gtk-gradient (linear,
left bottom,
left top,
from (@button_active_gradient_color_a),
color-stop (0.015, @button_hover_gradient_color_a),
color-stop (0.95, @button_hover_gradient_color_b),
to (@button_active_gradient_color_b));
-unico-border-gradient: -gtk-gradient (linear, left bottom, left top,
from (shade (@selected_bg_color, 1.45)),
to (shade (@selected_bg_color, 1.15)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (#000, 0.05)),
to (alpha (#000, 0.20)));
-unico-outer-stroke-width: 1;
}
GtkSwitch.trough:insensitive {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade (@theme_base_color, 0.85)),
color-stop (0.20, shade (@theme_base_color, 0.94)),
to (@theme_base_color));
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@button_border),
to (shade (@button_border, 0.40)));
-unico-outer-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#000, 0.00)),
to (alpha (#000, 0.10)));
-unico-inner-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#000, 0.10)),
to (alpha (#000, 0.06)));
}
GtkSwitch.slider {
border-width: 1;/*
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade(@bg_color, 1.2)),
color-stop (0.3, shade(@bg_color, 1.1)),
color-stop (0.6, shade(@bg_color, 0.85)),
to (@bg_color));*/
background-image: -gtk-gradient (linear, left top, left bottom,
from (@button_bg_color_a),
to (@menu_color));
border-radius: 15;
-unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
from (@button_border),
to (alpha (@button_border, 0.2)));
-unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
from (alpha (#000, 0.05)),
to (alpha (#000, 0.20)));
-unico-outer-stroke-width: 1;
}
GtkSwitch.slider:active {/*
-unico-border-gradient: -gtk-gradient (linear, left bottom, left top,
from (shade (@selected_bg_color, 1.45)),
to (shade (@selected_bg_color, 1.15)));*/
}
GtkSwitch.slider:insensitive {
}
GtkStatusbar {
-GtkStatusbar-shadow-type: none;
}
GtkScrolledWindow.frame {
}
GtkViewport,
GtkIconView {
}
.view.cell:selected:focused, .view.cell:selected{
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade (@selected_bg_color, 1.20)),
to (shade (@selected_bg_color, 0.68)));
color: @theme_text_color;
}
.view, .box {
background-color: alpha(shade(@bg_color, 1.25), 0.9);
color: @theme_text_color;
border-color: @theme_selected_bg_color;
border-width: 1;
}
/*
GtkIconView.view.cell:selected,
GtkIconView.view.cell:selected:focused {
background-color: #ff00ff;
color: @text_color;
}
*/
GtkTreeView {
-GtkTreeView-vertical-separator: 0;
-GtkTreeView-expander-size: 8;
color: @fg_color;
}
GtkTreeView.separator {
}
column-header {
color: @bg_color;
}
column-header .button {
-unico-outer-stroke-style: none;
border-radius: 0;
border-width: 1;
-GtkButton-inner-border: 2;
}
column-header .button:hover {
-unico-outer-stroke-style: none;
border-radius: 0;
border-width: 1;
border-color: @inactive_frame_color;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@button_hover_gradient_color_a),
color-stop (0.03, @button_hover_gradient_color_a),
color-stop (0.60, @button_hover_gradient_color_b),
to (@button_hover_gradient_color_b));
}
column-header .button:active {
-unico-outer-stroke-style: none;
border-radius: 0;
border-width: 1;
border-color: @inactive_frame_color;
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@button_active_gradient_color_a),
color-stop (0.015, @button_hover_gradient_color_a),
color-stop (0.95, @button_hover_gradient_color_b),
to (@button_active_gradient_color_b));
}
row:hover {
}
row:insensitive {
}
row:selected:focused {
}
row:selected {
}t
.cell {
}
.cell:selected {
}
.expander {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (@button_bg_color_a),
to (@menu_color));
border-color:@button_active_border;
}
.expander:active {
}
.expander:prelight {
}
.expander row:selected,
.expander row:selected:focused {
}
/* Calendars */
GtkCalendar.view {
}
GtkCalendar.header {
}
GtkCalendar.button {
}
.highlight,
GtkCalendar.highlight {
}
.info, .warning, .question, .error, .dim-label{
border-radius: 2;
-unico-outer-stroke-style: custom;
-unico-border-gradient: -gtk-gradient (linear,
left top, left bottom,
from (@base_color),
to (shade (@bg_color, 1.1)));
-unico-outer-stroke-gradient: -gtk-gradient (linear,
left top, left bottom,
from (alpha (#FFF, 0.00)),
to (alpha (#000, 0.10)));
}
.info {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@info_bg_color, 1.2)),
to (@info_bg_color));
}
.warning {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@warning_bg_color, 1.2)),
to (@warning_bg_color));
}
.question {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@question_bg_color, 1.2)),
to (@question_bg_color));
}
.error {
background-image: -gtk-gradient (linear,
left top,
left bottom,
from (shade(@error_bg_color, 1.2)),
to (@error_bg_color));
}
.dim-label {
}
ApDocView, /* Abiword */
EogScrollView, /* Eog */
CheeseThumbView /* Cheese */
{
-EogScrollView-shadow-type: none;
}
/* gnome-terminal */
TerminalScreen {
background-color: @bg_color;
color: @theme_text_color;
}
/**********************
* Fallback Mode Panel
**********************/
PanelWidget,
PanelApplet,
PanelApplet > GtkMenuBar.menubar,
.gnome-panel-menu-bar,
PanelAppletFrame,
PanelMenuBar.menubar,
PanelToplevel,
Dock * {
background-color:@menu_color;
background-image: -gtk-gradient (linear, left top, left bottom,
from (shade(@bg_color, 1.2)),
color-stop (0.3, shade(@bg_color, 1.1)),
color-stop (0.6, shade(@bg_color, 0.8)),
to (@bg_color));
}
PanelApplet > GtkMenuBar.menubar.menuitem:prelight,
.gnome-panel-menu-bar.menuitem:prelight {
}
/* panel buttons (clock, tasklist etc) */
PanelApplet GtkToggleButton {
}
PanelApplet GtkToggleButton:prelight:active,
PanelApplet GtkToggleButton:active {
}
PanelApplet GtkToggleButton:prelight {
}
NaTrayApplet {
-NaTrayApplet-icon-padding: 12;
}
WnckPager, WnckTasklist {
}
import url("nautilus.css");
@import url("button.css");
@import url("entry.css");
@import url("grip.css");
@import url("menu.css");
@import url("progressbar.css");
@import url("sidebar.css");
@import url("separator.css");
@import url("scale.css");
@import url("scrollbar.css");
@import url("toolbar.css");
@import url("unity.css");
No comments:
Post a Comment