some refinement & bug fixes

This commit is contained in:
Sam Hewitt 2016-03-16 13:34:25 -04:00
parent 1609db6d0c
commit a57b032c5a
8 changed files with 178 additions and 785 deletions

View File

@ -0,0 +1,33 @@
/* Copyright 2015 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme 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.
*
* The Paper GTK theme 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 the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
@define-color vocal #B286D7;
/**********
* Header *
**********/
.titlebar.vocal-headerbar,
.header-bar.vocal-headerbar {
background-color: @vocal;
}
.titlebar.vocal-headerbar:backdrop,
.header-bar.vocal-headerbar:backdrop {
background-color: shade(@vocal,0.9);
}

View File

@ -23,7 +23,7 @@
/* Base colors */
@define-color base #fff;/* Base color */
@define-color background #f7f7f7;/* Background color */
@define-color foreground #555;/* Foreground color */
@define-color foreground #666;/* Foreground color */
@define-color border #D8D8D8;/* Borders color */
@define-color separator alpha(#000, 0.15);/* Separator color */
@define-color text @foreground;/* Text color */

View File

@ -1,4 +1,4 @@
/* Copyright 2015 Sam Hewitt.
/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
@ -36,6 +36,7 @@
@button_background,
shade(@button_background, 0.98)
);
color: @text;
}
.button.flat,
@ -103,7 +104,6 @@ GtkCalendar.button:backdrop:hover,
shade(@selection, 1.2),
shade(shade(@selection, 1.2), 0.98)
);
color: @selected_foreground;
}
/* Active (Pressed) Button */
@ -167,119 +167,6 @@ GtkCalendar.button:backdrop:hover,
color: @insensitive_text;
}
/* Images */
.button GtkImage {
color: @text;
}
.button:active GtkImage,
.button:focus GtkImage,
.button:hover GtkImage {
color: @selected_foreground;
}
.button:backdrop GtkImage,
.button:backdrop:hover GtkImage,
.button:active:backdrop GtkImage {
color: @backdrop_text;
}
.button:insensitive GtkImage {
color: @insensitive_text;
-gtk-image-effect: dim;
}
.button:insensitive:backdrop GtkImage {
color: mix(@backdrop_text, @insensitive_text, 0.5);
-gtk-image-effect: dim;
}
/* Labels */
.button GtkLabel {
color: @text;
}
.button:active GtkLabel,
.button:focus GtkLabel,
.button:hover GtkLabel {
color: @selected_foreground;
}
.button:backdrop GtkLabel,
.button:backdrop:hover GtkLabel,
.button:focus:backdrop GtkLabel,
.button:active:backdrop GtkLabel {
color: @backdrop_text;
}
.button:insensitive GtkLabel {
color: @insensitive_text;
}
.button:insensitive:backdrop GtkLabel {
color: mix(@backdrop_text, @insensitive_text, 0.5);
}
/* Text Button Labels */
.text-button GtkLabel {
color: @text;
}
.text-button:focus GtkLabel {
/*color: shade(@text, 2.0);*/
color: @text;
}
.text-button:active GtkLabel,
.text-button:hover GtkLabel {
color: shade(@selection, 0.85);
/*color: @text;*/
}
.text-button:backdrop GtkLabel,
.text-button:backdrop:hover GtkLabel,
.text-button:active:backdrop GtkLabel {
color: @backdrop_text;
}
.text-button:insensitive GtkLabel {
color: @insensitive_text;
}
.text-button:insensitive:backdrop GtkLabel {
color: mix(@backdrop_text, @insensitive_text, 0.5);
}
/* Image Button Images */
.image-button GtkImage {
color: @text;
}
.image-button:focus GtkImage {
/*color: shade(@text, 2.0);*/
color: @text;
}
.image-button:active GtkImage,
.image-button:hover GtkImage {
/*color: alpha(#000, 0.5);*/
color: @selected_foreground;
}
.image-button:backdrop GtkImage,
.image-button:backdrop:hover GtkImage,
.image-button:active:backdrop GtkImage {
color: @backdrop_text;
}
.image-button:insensitive GtkImage {
color: @insensitive_text;
}
.image-button:insensitive:backdrop GtkImage {
color: mix(@backdrop_text, @insensitive_text, 0.5);
}
/**************
* Help Button *

View File

@ -110,6 +110,7 @@
.dynamic-notebook .notebook tab {
padding-top: 3px;
color: @foreground;
}
@ -167,60 +168,54 @@
/* Active */
.dynamic-notebook tab.top:active {
box-shadow:inset 0 -3px 0 0 @selection;
box-shadow:inset 0 -2px 0 0 @text;
}
.dynamic-notebook tab.bottom:active {
box-shadow:inset 0 3px 0 0 @selection;
box-shadow:inset 0 2px 0 0 @text;
}
.dynamic-notebook tab.left:active {
box-shadow:inset -3px 0 0 0 @selection;
box-shadow:inset -2px 0 0 0 @text;
}
.dynamic-notebook tab.right:active {
box-shadow:inset 3px 0 0 0 @selection;
box-shadow:inset 2px 0 0 0 @text;
}
/* Active-Backdrop */
.dynamic-notebook tab.top:active:backdrop {
box-shadow:inset 0 -3px 0 0 @backdrop_text;
box-shadow:inset 0 -2px 0 0 @backdrop_text;
}
.dynamic-notebook tab.bottom:active:backdrop {
box-shadow:inset 0 3px 0 0 @backdrop_text;
box-shadow:inset 0 2px 0 0 @backdrop_text;
}
.dynamic-notebook tab.left:active:backdrop {
box-shadow:inset -3px 0 0 0 @backdrop_text;
box-shadow:inset -2px 0 0 0 @backdrop_text;
}
.dynamic-notebook tab.right:active:backdrop {
box-shadow:inset 3px 0 0 0 @backdrop_text;
box-shadow:inset 2px 0 0 0 @backdrop_text;
}
/* Hover */
.dynamic-notebook tab.top:hover {
box-shadow:inset 0 -3px 0 0 alpha(@text, 0.4);
}
.dynamic-notebook tab.bottom:hover {
box-shadow:inset 0 3px 0 0 alpha(@text, 0.4);
}
.dynamic-notebook tab.left:hover {
box-shadow:inset -3px 0 0 0 alpha(@text, 0.4);
}
.dynamic-notebook tab.top:hover,
.dynamic-notebook tab.bottom:hover,
.dynamic-notebook tab.left:hover,
.dynamic-notebook tab.right:hover {
box-shadow:inset 3px 0 0 0 alpha(@text, 0.4);
box-shadow: none;
background: shade(@background, 0.95);
}
/* Hover-Backdrop */
.dynamic-notebook tab.top:hover {
box-shadow:inset 0 -3px 0 0 alpha(@text, 0.1);
box-shadow:inset 0 -2px 0 0 alpha(@text, 0.1);
}
.dynamic-notebook tab.bottom:hover:backdrop {
box-shadow:inset 0 3px 0 0 alpha(@text, 0.1);
box-shadow:inset 0 2px 0 0 alpha(@text, 0.1);
}
.dynamic-notebook tab.left:hover:backdrop {
box-shadow:inset -3px 0 0 0 alpha(@text, 0.1);
box-shadow:inset -2px 0 0 0 alpha(@text, 0.1);
}
.dynamic-notebook tab.right:hover:backdrop {
box-shadow:inset 3px 0 0 0 alpha(@text, 0.1);
box-shadow:inset 2px 0 0 0 alpha(@text, 0.1);
}
/* Backdrop */

View File

@ -32,7 +32,7 @@
background-color: @base;
color: @text;
border: 1px solid @border;
box-shadow:inset 0 -1px 0 1px alpha(#000, 0.05),
box-shadow:inset 0 3px 0 1px alpha(#000, 0.05),
inset 0 1px 0 0 alpha(#000, 0.02);
}
@ -40,8 +40,9 @@
background-color: @base;
color: @text;
border: 1px solid shade(@selection, 0.8);
box-shadow:inset 0 0 0 1px alpha(@selection, 0.4),
inset 0 1px 0 0 alpha(@selection, 0.1);
box-shadow:inset 0 0 0 1px alpha(@selection, 0.2),
inset 0 0 0 2px alpha(@selection, 0.1),
inset 0 1px 0 0 alpha(@selection, 0.3);
}
.entry:backdrop:active,

View File

@ -1,4 +1,4 @@
/* Copyright 2015 Sam Hewitt.
/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
@ -32,8 +32,7 @@
border-radius: 4px 4px 0 0;
background-color: @header;
color: @header_text;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
inset 0 -1px 2px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}
@ -64,7 +63,11 @@
color: @header_text;
}
.header-bar .button.linked .title,
.header-bar > GtkImage {
color: @header_text;
}
.header-bar .button.button.linked .title,
.header-bar .button.flat .title {
padding: 0;
}
@ -91,302 +94,142 @@
color: alpha(@backdrop_header_text,0.8);
}
/*Images*/
.header-bar GtkImage,
.header-bar *:active GtkImage,
.header-bar *:focus GtkImage,
.header-bar *:hover GtkImage {
color: @header_text;
}
.header-bar *:backdrop GtkImage,
.header-bar *:backdrop:hover GtkImage,
.header-bar *:active:backdrop GtkImage {
color: shade(@header_text, 1.1);
/*-gtk-image-effect: dim;*/
}
.header-bar *:insensitive GtkImage
.header-bar *:insensitive:backdrop GtkImage {
color: @header_text;
-gtk-image-effect: dim;
}
/* Separator */
.header-bar .separator {
background: none;
color: @separator;
}
/**********************
* Header bar buttons *
**********************/
.header-bar .flat,
/* Buttons */
.header-bar .button,
.header-bar .titlebutton,
.header-bar .linked,
.header-bar .text-button,
.header-bar .image-button {
background-color: transparent;
background-image: none;
box-shadow: none;
border: none;
padding: 10px 12px;
}
/* Normal Button */
.header-bar .button,
.header-bar .text-button,
.header-bar .titlebutton,
.header-bar .linked,
.header-bar .flat,
.header-bar .button.image-button,
.header-bar .button.linked,
.header-bar .suggested-action .button,
.header-bar .image-button {
.header-bar .button.text-button,
.header-bar .titlebutton {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
padding: 10px 12px;
color: @header_text;
}
/* Active Button */
.header-bar .button:active,
.header-bar .text-button:active,
.header-bar .titlebutton:active,
.header-bar .linked:active,
.header-bar .flat:active,
.header-bar .suggested-action .button:active,
.header-bar .image-button:active {
border-radius: 0px;
/*background-color: alpha(#000, 0.1);*/
/* Buttons (Hover) */
.header-bar .button:hover,
.header-bar .flat:hover,
.header-bar .button.image-button:hover,
.header-bar .button.linked:hover,
.header-bar .suggested-action .button:hover,
.header-bar .button.text-button:hover,
.header-bar .titlebutton:hover {
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
background-color: alpha(#000,0.1);
color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text;
}
.header-bar .text-button:active {
font: Bold;
}
/* Checked Button */
.header-bar .button:checked,
.header-bar .text-button:checked,
.header-bar .titlebutton:checked,
.header-bar .linked:checked,
.header-bar .flat:checked,
.header-bar .suggested-action .button:checked,
.header-bar .image-button:checked {
border-radius: 0px;
background-image: none;
/* Buttons (Backdrop) */
.header-bar .button:backdrop,
.header-bar .flat:backdrop,
.header-bar .button.image-button:backdrop,
.header-bar .button.linked:backdrop,
.header-bar .suggested-action .button:backdrop,
.header-bar .button.text-button:backdrop,
.header-bar .titlebutton:backdrop {
background: none;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
color: shade(@header_text, 1.1);
}
/* Buttons (Insensitive) */
.header-bar .button:insensitive,
.header-bar .flat:insensitive,
.header-bar .button.image-button:insensitive,
.header-bar .button.linked:insensitive,
.header-bar .suggested-action .button:insensitive,
.header-bar .button.text-button:insensitive,
.header-bar .titlebutton:insensitive {
background: none;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
color: alpha(@header_text, 0.5);
}
/* Buttons (Checked) */
.header-bar .button:checked,
.header-bar .flat:checked,
.header-bar .button.image-button:checked,
.header-bar .button.linked:checked,
.header-bar .suggested-action .button:checked,
.header-bar .button.text-button:checked,
.header-bar .titlebutton:checked {
font: Bold;
background-image: none;
border: none;
border-radius: 0px;
box-shadow: none;
background-color: alpha(#000,0.1);
color: @header_text;
box-shadow:inset 0 -2px 0 0 @header_text;
}
.header-bar .text-button:checked {
font: Bold;
}
/* Focus Button */
/* Buttons (Active/Focused) */
.header-bar .button:focus,
.header-bar .text-button:focus,
.header-bar .titlebutton:focus,
.header-bar .linked:focus,
.header-bar .flat:focus,
.header-bar .button.image-button:focus,
.header-bar .button.linked:focus,
.header-bar .suggested-action .button:focus,
.header-bar .image-button:focus {
border-radius: 0px;
background-color: transparent;
.header-bar .button.text-button:focus,
.header-bar .titlebutton:focus,
.header-bar .button:active,
.header-bar .flat:active,
.header-bar .button.image-button:active,
.header-bar .button.linked:active,
.header-bar .suggested-action .button:active,
.header-bar .button.text-button:active,
.header-bar .titlebutton:active {
background-image: none;
border: none;
color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text;
}
/* Hover Button */
.header-bar .button:hover,
.header-bar .text-button:hover,
.header-bar .titlebutton:hover,
.header-bar .linked:hover,
.header-bar .flat:hover,
.header-bar .suggested-action .button:hover,
.header-bar .image-button:hover {
border-radius: 0px;
background-color: alpha(#000, 0.1);
background-image: none;
border: none;
/*box-shadow: inset 0 -2px 0 0 @header_text;*/
color: @header_text;
}
/* Backdrop Button */
.header-bar .button:backdrop,
.header-bar .text-button:backdrop,
.header-bar .titlebutton:backdrop,
.header-bar .linked:backdrop,
.header-bar .flat:backdrop,
.header-bar .suggested-action .button:backdrop,
.header-bar .image-button:backdrop {
border-radius: 0px;
background-color: transparent;
background-image: none;
border: none;
box-shadow: none;
color: @backdrop_header_text;
}
/* *:Backdrop Button */
.header-bar .button:hover:backdrop,
.header-bar .text-button:hover:backdrop,
.header-bar .titlebutton:hover:backdrop,
.header-bar .linked:hover:backdrop,
.header-bar .flat:hover:backdrop,
.header-bar .suggested-action .button:hover:backdrop,
.header-bar .image-button:hover:backdrop,
.header-bar .button:checked:backdrop,
.header-bar .text-button:checked:backdrop,
.header-bar .titlebutton:checked:backdrop,
.header-bar .linked:checked:backdrop,
.header-bar .flat:checked:backdrop,
.header-bar .suggested-action .button:checked:backdrop,
.header-bar .image-button:checked:backdrop,
.header-bar .button:focus:backdrop,
.header-bar .text-button:focus:backdrop,
.header-bar .titlebutton:focus:backdrop,
.header-bar .linked:focus:backdrop,
.header-bar .flat:focus:backdrop,
.header-bar .suggested-action .button:focus:backdrop,
.header-bar .image-button:focus:backdrop,
.header-bar .button:active:backdrop,
.header-bar .text-button:active:backdrop,
.header-bar .titlebutton:active:backdrop,
.header-bar .linked:active:backdrop,
.header-bar .flat:active:backdrop,
.header-bar .suggested-action .button:active:backdrop,
.header-bar .image-button:active:backdrop {
border-radius: 0px;
background-color: transparent;
background-image: none;
border: none;
color: @backdrop_header_text;
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
}
.header-bar .text-button:active:backdrop {
font: Bold;
}
/* Backdrop:Hover Button */
.header-bar .button:backdrop:hover,
.header-bar .text-button:backdrop:hover,
.header-bar .titlebutton:backdrop:hover,
.header-bar .linked:backdrop:hover,
.header-bar .flat:backdrop:hover,
.header-bar .suggested-action .button:backdrop:hover,
.header-bar .image-button:backdrop:hover {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
color: @backdrop_header_text;
}
/* Insensitive Button */
.header-bar .button:insensitive,
.header-bar .text-button:insensitive,
.header-bar .titlebutton:insensitive,
.header-bar .linked:insensitive,
.header-bar .flat:insensitive,
.header-bar .suggested-action .button:insensitive,
.header-bar .image-button:insensitive {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
box-shadow: none;
color: @insensitive_header_text;
}
/* Insensitive:Backdrop Button */
.header-bar .button:insensitive:backdrop,
.header-bar .text-button:insensitive:backdrop,
.header-bar .titlebutton:insensitive:backdrop,
.header-bar .linked:insensitive:backdrop,
.header-bar .flat:insensitive:backdrop,
.header-bar .suggested-action .button:insensitive:backdrop,
.header-bar .image-button:insensitive:backdrop {
border-radius: 0px;
background-color: transparent;
background-image: none;
border: none;
color: @insensitive_header_text;
}
/* Button Images */
.header-bar .button GtkImage,
.header-bar .button GtkImage:active,
.header-bar .button GtkImage:focus,
.header-bar .button GtkImage:hover {
background-color: alpha(#000,0.1);
color: @header_text;
}
.header-bar .button GtkImage:active:backdrop,
.header-bar .button GtkImage:backdrop,
.header-bar .button GtkImage:backdrop:hover {
color: @backdrop_header_text;
-gtk-image-effect: dim;
}
.header-bar .button GtkImage:insensitive {
color: @insensitive_header_text;
-gtk-image-effect: dim;
}
.header-bar .button GtkImage:insensitive:backdrop {
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
-gtk-image-effect: dim;
}
/* Button Arrows */
.header-bar .button GtkArrow,
.header-bar .button GtkArrow:active,
.header-bar .button GtkArrow:focus,
.header-bar .button GtkArrow:hover {
-GtkComboBox-arrow-scaling: 1;
color: @header_text;
}
.header-bar .button GtkArrow:active:backdrop,
.header-bar .button GtkArrow:backdrop,
.header-bar .button GtkArrow:backdrop:hover {
color: @backdrop_header_text;
-gtk-image-effect: dim;
}
.header-bar .button GtkArrow:insensitive {
color: @insensitive_header_text;
-gtk-image-effect: dim;
}
.header-bar .button GtkArrow:insensitive:backdrop {
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
-gtk-image-effect: dim;
}
/* Button Labels */
.header-bar .button GtkLabel,
.header-bar .button GtkLabel:active,
.header-bar .button GtkLabel:focus,
.header-bar .button GtkLabel:hover {
color: @header_text;
}
.header-bar .button GtkLabel:active:backdrop,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkLabel:backdrop:hover {
color: @backdrop_header_text;
-gtk-image-effect: dim;
}
.header-bar .button GtkLabel:insensitive {
color: @insensitive_header_text;
-gtk-image-effect: dim;
}
.header-bar .button GtkLabel:insensitive:backdrop {
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
-gtk-image-effect: dim;
}
/*************************
* Header bar separator *
*************************/
/* Separators */
.header-bar > GtkBox > .separator.vertical {
-GtkWidget-wide-separators: 1;
@ -396,7 +239,6 @@
border:none;
}
/* Separator */
.header-bar .separator,
.header-bar .button .separator,
.header-bar .button.separator {
@ -406,14 +248,11 @@
}
/********************
* Header bar entry *
********************/
/* Entries */
.header-bar .entry {
background: none;
color: @header_text;
padding: 13px;
border-radius: 0px;
border: 1px solid transparent;
box-shadow: none;
@ -448,9 +287,7 @@
}
/*********************
* Header bar switch *
*********************/
/* switches */
.header-bar GtkSwitch {
border-radius: 1em;

View File

@ -1,4 +1,4 @@
/* Copyright 2015 Sam Hewitt.
/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
@ -126,6 +126,7 @@
.notebook tab {
/*border: none;*/
border-radius: 0;
padding-top: 3px;
background: @background;
color: @foreground;
}
@ -185,30 +186,30 @@
/* Active */
.notebook tab.top:active {
box-shadow:inset 0 -3px 0 0 @selection;
box-shadow:inset 0 -2px 0 0 @text;
}
.notebook tab.bottom:active {
box-shadow:inset 0 3px 0 0 @selection;
box-shadow:inset 0 2px 0 0 @text;
}
.notebook tab.left:active {
box-shadow:inset -3px 0 0 0 @selection;
box-shadow:inset -2px 0 0 0 @text;
}
.notebook tab.right:active {
box-shadow:inset 3px 0 0 0 @selection;
box-shadow:inset 2px 0 0 0 @text;
}
/* Active-Backdrop */
.notebook tab.top:active:backdrop {
box-shadow:inset 0 -3px 0 0 @backdrop_border;
box-shadow:inset 0 -2px 0 0 @backdrop_border;
}
.notebook tab.bottom:active:backdrop {
box-shadow:inset 0 3px 0 0 @backdrop_border;
box-shadow:inset 0 2px 0 0 @backdrop_border;
}
.notebook tab.left:active:backdrop {
box-shadow:inset -3px 0 0 0 @backdrop_border;
box-shadow:inset -2px 0 0 0 @backdrop_border;
}
.notebook tab.right:active:backdrop {
box-shadow:inset 3px 0 0 0 @backdrop_border;
box-shadow:inset 2px 0 0 0 @backdrop_border;
}
/* Backdrop */

View File

@ -1,4 +1,4 @@
/* Copyright 2015 Sam Hewitt.
/* Copyright 2016 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
@ -27,7 +27,7 @@
background-color: @header;
color: @header_text;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
inset 0 -1px 2px 0 rgba(0,0,0,0.1);
inset 0 -1px 0 0 rgba(0,0,0,0.1);
}
.maximized .titlebar {
@ -47,9 +47,7 @@
}
.titlebar.default-decoration {
padding: 6px;
padding-bottom: 0px;
padding-top: 0px;
padding: 0;
background-color: @header;
background-image: none;
color: @header_text;
@ -88,371 +86,12 @@
}
/* Separator */
.titlebar .separator {
background: none;
color: @separator;
}
/**********************
* Header bar buttons *
**********************/
.titlebar .flat,
.titlebar .button,
.titlebar .titlebutton,
.titlebar .linked,
.titlebar .text-button,
.titlebar .image-button {
background-color: transparent;
background-image: none;
border: none;
padding: 13px 15px;
}
/* Normal Button */
.titlebar .button,
.titlebar .text-button,
.titlebar .titlebutton,
.titlebar .linked,
.titlebar .flat,
.titlebar .suggested-action .button,
.titlebar .image-button {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
outline: none;
color: @header_text;
box-shadow: none;
}
/* Active Button */
.titlebar .button:active,
.titlebar .text-button:active,
.titlebar .titlebutton:active,
.titlebar .linked:active,
.titlebar .flat:active,
.titlebar .suggested-action .button:active,
.titlebar .image-button:active {
border-radius: 0px;
/*background-color: alpha(#000, 0.1);*/
background-image: none;
border: none;
outline: none;
color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text;
}
.titlebar .text-button:active {
font: Bold;
}
/* Checked Button */
.titlebar .button:checked,
.titlebar .text-button:checked,
.titlebar .titlebutton:checked,
.titlebar .linked:checked,
.titlebar .flat:checked,
.titlebar .suggested-action .button:checked,
.titlebar .image-button:checked {
border-radius: 0px;
/*background-color: alpha(#000, 0.1);*/
background-image: none;
border: none;
outline: none;
color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text;
}
.titlebar .text-button:checked {
font: Bold;
}
/* Focus Button */
.titlebar .button:focus,
.titlebar .text-button:focus,
.titlebar .titlebutton:focus,
.titlebar .linked:focus,
.titlebar .flat:focus,
.titlebar .suggested-action .button:focus,
.titlebar .image-button:focus {
border-radius: 0px;
background-color: transparent;
border: none;
outline: none;
color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text;
}
/* Hover Button */
.titlebar .button:hover,
.titlebar .text-button:hover,
.titlebar .titlebutton:hover,
.titlebar .linked:hover,
.titlebar .flat:hover,
.titlebar .suggested-action .button:hover,
.titlebar .image-button:hover {
border-radius: 0px;
background-color: alpha(#000, 0.1);
background-image: none;
border: none;
outline: none;
/*box-shadow: inset 0 -2px 0 0 @header_text;*/
color: @header_text;
}
/* Backdrop Button */
.titlebar .button:backdrop,
.titlebar .text-button:backdrop,
.titlebar .titlebutton:backdrop,
.titlebar .linked:backdrop,
.titlebar .flat:backdrop,
.titlebar .suggested-action .button:backdrop,
.titlebar .image-button:backdrop {
border-radius: 0px;
background-color: transparent;
background-image: none;
border: none;
outline: none;
color: @backdrop_header_text;
}
/* *:Backdrop Button */
.titlebar .button:hover:backdrop,
.titlebar .text-button:hover:backdrop,
.titlebar .titlebutton:hover:backdrop,
.titlebar .linked:hover:backdrop,
.titlebar .flat:hover:backdrop,
.titlebar .suggested-action .button:hover:backdrop,
.titlebar .image-button:hover:backdrop,
.titlebar .button:checked:backdrop,
.titlebar .text-button:checked:backdrop,
.titlebar .titlebutton:checked:backdrop,
.titlebar .linked:checked:backdrop,
.titlebar .flat:checked:backdrop,
.titlebar .suggested-action .button:checked:backdrop,
.titlebar .image-button:checked:backdrop,
.titlebar .button:focus:backdrop,
.titlebar .text-button:focus:backdrop,
.titlebar .titlebutton:focus:backdrop,
.titlebar .linked:focus:backdrop,
.titlebar .flat:focus:backdrop,
.titlebar .suggested-action .button:focus:backdrop,
.titlebar .image-button:focus:backdrop,
.titlebar .button:active:backdrop,
.titlebar .text-button:active:backdrop,
.titlebar .titlebutton:active:backdrop,
.titlebar .linked:active:backdrop,
.titlebar .flat:active:backdrop,
.titlebar .suggested-action .button:active:backdrop,
.titlebar .image-button:active:backdrop {
border-radius: 0px;
background-color: transparent;
background-image: none;
border: none;
outline: none;
color: @backdrop_header_text;
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
}
.titlebar .text-button:active:backdrop {
font: Bold;
}
/* Backdrop:Hover; Button */
.titlebar .button:backdrop:hover,
.titlebar .text-button:backdrop:hover,
.titlebar .titlebutton:backdrop:hover,
.titlebar .linked:backdrop:hover,
.titlebar .flat:backdrop:hover,
.titlebar .suggested-action .button:backdrop:hover,
.titlebar .image-button:backdrop:hover {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
outline: none;
box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
color: @backdrop_header_text;
}
/* Insensitive Button */
.titlebar .button:insensitive,
.titlebar .text-button:insensitive,
.titlebar .titlebutton:insensitive,
.titlebar .linked:insensitive,
.titlebar .flat:insensitive,
.titlebar .suggested-action .button:insensitive,
.titlebar .image-button:insensitive {
background-color: transparent;
background-image: none;
border-radius: 0px;
border: none;
outline: none;
color: @insensitive_header_text;
}
/* Insensitive:Backdrop Button */
.titlebar .button:insensitive:backdrop,
.titlebar .text-button:insensitive:backdrop,
.titlebar .titlebutton:insensitive:backdrop,
.titlebar .linked:insensitive:backdrop,
.titlebar .flat:insensitive:backdrop,
.titlebar .suggested-action .button:insensitive:backdrop,
.titlebar .image-button:insensitive:backdrop {
border-radius: 0px;
background-color: transparent;
background-image: none;
border: none;
outline: none;
color: @insensitive_header_text;
}
/* Button Images */
.titlebar .button GtkImage,
.titlebar .button GtkImage:active,
.titlebar .button GtkImage:focus,
.titlebar .button GtkImage:hover,
.titlebar .titlebutton .button GtkImage,
.titlebar .titlebutton .button GtkImage:active,
.titlebar .titlebutton .button GtkImage:focus,
.titlebar .titlebutton .button GtkImage:hover,
.titlebar .titlebutton GtkImage,
.titlebar .titlebutton GtkImage:active,
.titlebar .titlebutton GtkImage:focus,
.titlebar .titlebutton GtkImage:hover {
color: @header_text;
}
.titlebar .titlebutton .button GtkImage:active:backdrop,
.titlebar .titlebutton .button GtkImage:backdrop,
.titlebar .titlebutton .button GtkImage:backdrop:hover,
.titlebar .titlebutton GtkImage:active:backdrop,
.titlebar .titlebutton GtkImage:backdrop,
.titlebar .titlebutton GtkImage:backdrop:hover,
.titlebar .button GtkImage:active:backdrop,
.titlebar .button GtkImage:backdrop,
.titlebar .button GtkImage:backdrop:hover {
color: @backdrop_header_text;
-gtk-image-effect: dim;
}
.titlebar .button GtkImage:insensitive,
.titlebar .titlebutton GtkImage:insensitive,
.titlebar .titlebutton .button GtkImage:insensitive {
color: @insensitive_header_text;
-gtk-image-effect: dim;
}
.titlebar .button GtkImage:insensitive:backdrop,
.titlebar .titlebutton GtkImage:insensitive:backdrop,
.titlebar .titlebutton .button GtkImage:insensitive:backdrop {
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
-gtk-image-effect: dim;
}
/* Button Arrows */
.titlebar .button GtkArrow,
.titlebar .button GtkArrow:active,
.titlebar .button GtkArrow:focus,
.titlebar .button GtkArrow:hover {
color: @header_text;
}
.titlebar .button GtkArrow:active:backdrop,
.titlebar .button GtkArrow:backdrop,
.titlebar .button GtkArrow:backdrop:hover {
color: @backdrop_header_text;
-gtk-image-effect: dim;
}
.titlebar .button GtkArrow:insensitive {
color: @insensitive_header_text;
-gtk-image-effect: dim;
}
.titlebar .button GtkArrow:insensitive:backdrop {
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
-gtk-image-effect: dim;
}
/* Button Labels */
.titlebar .button GtkLabel,
.titlebar .button GtkLabel:active,
.titlebar .button GtkLabel:focus,
.titlebar .button GtkLabel:hover,
.titlebar .titlebutton .button GtkLabel,
.titlebar .titlebutton .button GtkLabel:active,
.titlebar .titlebutton .button GtkLabel:focus,
.titlebar .titlebutton .button GtkLabel:hover,
.titlebar .titlebutton GtkLabel,
.titlebar .titlebutton GtkLabel:active,
.titlebar .titlebutton GtkLabel:focus,
.titlebar .titlebutton GtkLabel:hover {
color: @header_text;
}
.titlebar .titlebutton .button GtkLabel:active:backdrop,
.titlebar .titlebutton .button GtkLabel:backdrop,
.titlebar .titlebutton .button GtkLabel:backdrop:hover,
.titlebar .titlebutton GtkLabel:active:backdrop,
.titlebar .titlebutton GtkLabel:backdrop,
.titlebar .titlebutton GtkLabel:backdrop:hover,
.titlebar .button GtkLabel:active:backdrop,
.titlebar .button GtkLabel:backdrop,
.titlebar .button GtkLabel:backdrop:hover {
color: @backdrop_header_text;
-gtk-image-effect: dim;
}
.titlebar .button GtkLabel:insensitive,
.titlebar .titlebutton GtkLabel:insensitive,
.titlebar .titlebutton .button GtkLabel:insensitive {
color: @insensitive_header_text;
-gtk-image-effect: dim;
}
.titlebar .button GtkLabel:insensitive:backdrop,
.titlebar .titlebutton GtkLabel:insensitive:backdrop,
.titlebar .titlebutton .button GtkLabel:insensitive:backdrop {
color: mix(@backdrop_toolbar_text, @insensitive_toolbar_text, 0.5);
-gtk-image-effect: dim;
}
.titlebar .right .button:first-child,
.titlebar .right .titlebutton:first-child {
border: none;
outline: none;
}
.titlebar .right .button:last-child,
.titlebar .right .titlebutton:last-child {
border: none;
outline: none;
}
.titlebar .left .button:last-child,
.titlebar .left .titlebutton:last-child {
border: none;
outline: none;
}
.titlebar .left .button:first-child,
.titlebar .left .titlebutton:first-child {
border: none;
outline: none;
}
/*************************
* Header bar separator *