285 lines
6.7 KiB
CSS
285 lines
6.7 KiB
CSS
/* Copyright 2014 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 button_background shade(@background, 0.9);/* Button background color */
|
|
@define-color backdrop_button_background shade(@backdrop_background, 0.9);/* Button background color */
|
|
@define-color button_border @button_background; /* Button border color */
|
|
|
|
/***********
|
|
* Buttons *
|
|
***********/
|
|
|
|
.button {
|
|
border-radius: 4px;
|
|
padding: 4px 9px;
|
|
border-color: @button_background;
|
|
background-color: @button_background;
|
|
border: none;
|
|
}
|
|
|
|
.button.flat,
|
|
.button.flat:backdrop,
|
|
.button.flat:backdrop:insensitive,
|
|
.menuitem.button.flat,
|
|
.menuitem.button.flat:backdrop,
|
|
.menuitem.button.flat:backdrop:hover,
|
|
.button:link,
|
|
.button:visited,
|
|
.button:link:hover,
|
|
.button:link:active,
|
|
.button:visited:hover,
|
|
.button:visited:active,
|
|
.button:link:backdrop,
|
|
.button:visited:backdrop,
|
|
.notebook tab
|
|
.button,
|
|
.list-row.button,
|
|
.list-row.button:backdrop:hover,
|
|
GtkCalendar.button,
|
|
GtkCalendar.button:hover,
|
|
GtkCalendar.button:backdrop,
|
|
GtkCalendar.button:backdrop:hover,
|
|
.scale-popup .button:hover,
|
|
.scale-popup .button:backdrop,
|
|
.scale-popup .button:backdrop:hover,
|
|
.scale-popup .button:backdrop:insensitive {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Focus Button */
|
|
.button:focus,
|
|
.button.default:focus,
|
|
.button:active:focus,
|
|
.button.text-button:focus,
|
|
.button.image-button:focus {
|
|
border-color: shade(@selection, 1.1);
|
|
background-color: shade(@selection, 1.1);
|
|
color: @selected_foreground;
|
|
/*box-shadow: 0 1px 2px 0px alpha(#000,0.2);*/
|
|
}
|
|
|
|
/* Hover Button */
|
|
.button:hover,
|
|
.button.default:hover,
|
|
.button:active:hover,
|
|
.button.text-button:hover,
|
|
.button.image-button:hover {
|
|
border-color: shade(@selection, 1.2);
|
|
background-color: shade(@selection, 1.2);
|
|
color: @selected_foreground;
|
|
/*box-shadow: 0 1px 2px 1px alpha(#000,0.2);*/
|
|
}
|
|
|
|
/* Active/Pressed Button */
|
|
.button:active,
|
|
.button.default:active,
|
|
.button.text-button:active,
|
|
.button.image-button:active {
|
|
border-color: shade(@selection, 1.1);
|
|
background-color: shade(@selection, 1.1);
|
|
color: @selected_foreground;
|
|
/*box-shadow: 0 1px 2px 0px alpha(#000,0.2);*/
|
|
|
|
}
|
|
|
|
/* Insensitive Button */
|
|
.button:insensitive,
|
|
.button.default:insensitive,
|
|
.button.text-button:insensitive,
|
|
.button.image-button:insensitive {
|
|
border: 1px solid @insensitive_border;
|
|
background-color: @insensitive_button;
|
|
color: @insensitive_text;
|
|
}
|
|
|
|
/* Backdrop Button */
|
|
.button:backdrop,
|
|
.button.default:backdrop,
|
|
.button.text-button:backdrop,
|
|
.button.image-button:backdrop {
|
|
border-color: @backdrop_button_background;
|
|
background-color: @backdrop_button_background;
|
|
color: @backdrop_text;
|
|
}
|
|
/* Backdrop Button */
|
|
.button:backdrop:hover,
|
|
.button.default:backdrop:hover,
|
|
.button.text-button:backdrop:hover,
|
|
.button.image-button:backdrop:hover {
|
|
background-color: shade(@backdrop_button_background, 1.1);
|
|
color: @backdrop_text;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Insensitive Button */
|
|
.button:insensitive:backdrop,
|
|
.button.default:insensitive:backdrop,
|
|
.button.text-button:insensitive:backdrop,
|
|
.button.image-button:insensitive:backdrop {
|
|
border: 1px solid @insensitive_border;
|
|
background-color: @insensitive_button;
|
|
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;
|
|
-gtk-image-effect: dim;
|
|
}
|
|
|
|
.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:active:backdrop GtkLabel {
|
|
color: @backdrop_text;
|
|
}
|
|
|
|
.button:insensitive GtkLabel {
|
|
color: @insensitive_text;
|
|
}
|
|
|
|
.button:insensitive:backdrop GtkLabel {
|
|
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
|
}
|
|
|
|
/**************
|
|
* Help Button *
|
|
**************/
|
|
|
|
.help_button {
|
|
border-radius: 16px;
|
|
}
|
|
|
|
/***************************
|
|
* Overlay Button *
|
|
***************************/
|
|
|
|
GtkOverlay > .button,
|
|
GtkOverlay > .button:hover,
|
|
GtkOverlay > .button:backdrop,
|
|
GtkOverlay > .button:focus {
|
|
background-image: none;
|
|
background: none;
|
|
color: #fff;
|
|
}
|
|
|
|
GtkOverlay > .button:active,
|
|
GtkOverlay > .button:hover:active {
|
|
background-color: #fff;
|
|
color: @foreground_color;
|
|
}
|
|
|
|
GtkOverlay > .button:focus,
|
|
GtkOverlay > .button:focus:active {
|
|
}
|
|
|
|
GtkOverlay > .button:focus:active {
|
|
background-color: @selection;
|
|
}
|
|
|
|
|
|
/******************
|
|
* Button No Undo *
|
|
******************/
|
|
.button.noundo,
|
|
.content-view .button.noundo {
|
|
background-color: shade(@error, 1.08);
|
|
color: @error_foreground;
|
|
}
|
|
|
|
.button.noundo:hover,
|
|
.content-view .button.noundo:hover {
|
|
background-color: @error;
|
|
}
|
|
|
|
.button.noundo:active,
|
|
.content-view .button.noundo:active {
|
|
background-color: shade(@error, 0.95);
|
|
}
|
|
|
|
.button.noundo:active:hover,
|
|
.content-view .button.noundo:active:hover {
|
|
background-color: shade(@error, 0.97);
|
|
}
|
|
|
|
.button.noundo GtkLabel,
|
|
.button.noundo Gtklabel:prelight {
|
|
color: @error_foreground;
|
|
}
|
|
|
|
/**********************
|
|
* Affirmative Button *
|
|
**********************/
|
|
.button.affirmative,
|
|
.content-view .button.affirmative {
|
|
background-color: shade(@selected_background, 1.08);
|
|
color: @selected_foreground;
|
|
}
|
|
|
|
.button.affirmative:hover,
|
|
.content-view .button.affirmative:hover {
|
|
background-color: @selected_background;
|
|
}
|
|
|
|
.button.affirmative:active,
|
|
.content-view .button.affirmative:active {
|
|
background-color: shade(@selected_background, 0.95);
|
|
}
|
|
|
|
.button.affirmative:active:hover,
|
|
.content-view .button.affirmative:active:hover {
|
|
background-color: shade(@selected_background, 0.97);
|
|
}
|
|
|
|
.button.affirmative GtkLabel,
|
|
.button.affirmative Gtklabel:prelight {
|
|
color: @selected_foreground;
|
|
} |