/* 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 toolbar @header; @define-color backdrop_toolbar @backdrop_header; @define-color toolbar_text @header_text; @define-color backdrop_toolbar_text alpha(@toolbar_text, 0.7); @define-color insensitive_toolbar_text alpha(@toolbar_text, 0.5); /*********** * Toolbar * ***********/ /* Main Colors*/ .toolbar { padding: 0px; color: @text; background-color: @background; box-shadow: none; } .toolbar:insensitive { color: @insensitive_text; background-color: @insensitive_background; box-shadow: none; } .toolbar:backdrop { color: @backdrop_text; background-color: @backdrop_background; box-shadow: none; -gtk-image-effect: dim; } /* Menubar */ .toolbar .menubar { padding: 0px; } /* Buttons */ .toolbar .button, .toolbar .text-button, .toolbar .image-button { border: none; background: none; color: @text; border-radius: 0px; padding: 13px; } .toolbar .button:active .toolbar .text-button:active, .toolbar .image-button:active { border: none; color: @text; box-shadow: inset 0 -2px 0 0 @selection; padding: 13px; background-color: alpha(@base, 0.9); } .toolbar .button.raised .toolbar .text-button.raised, .toolbar .image-button.raised { border: none; color: @text; /*box-shadow: inset 0 -2px 0 0 @selection;*/ padding: 13px; } /* Hover */ .toolbar .button:hover, .toolbar .button:active:hover .toolbar .text-button:hover, .toolbar .text-button:active:hover, .toolbar .image-button:hover, .toolbar .image-button:active:hover, .toolbar .button:focus, .toolbar .button:active:focus .toolbar .text-button:focus, .toolbar .text-button:active:focus, .toolbar .image-button:focus, .toolbar .image-button:active:focus { padding: 13px; border: none; background-color: alpha(@base, 0.5); color: @text; box-shadow: inset 0 -2px 0 0 @selection; } /* Insensitive */ .toolbar .button:insensitive, .toolbar .text-button:insensitive, .toolbar .image-button:insensitive { background: none; color: @insensitive_header_text; -gtk-image-effect: dim; } /* Backdrop */ .toolbar .button:backdrop, .toolbar .button:active:backdrop .toolbar .text-button:backdrop, .toolbar .text-button:active:backdrop, .toolbar .image-button:backdrop, .toolbar .image-button:active:backdrop { background: none; color: @backdrop_text; border: none; padding: 13px; } /* Insensitive:Backdrop; */ .toolbar .button:insensitive:backdrop, .toolbar .text-button:insensitive:backdrop, .toolbar .image-button:insensitive:backdrop { padding: 13px; border: none; color: mix(@backdrop_text, @insensitive_text, 0.5); } /* Entry */ .toolbar .entry { border: none; border-radius: 0px; background-color:@background; color: @text } .toolbar .entry GtkImage, .toolbar .entry GtkImage:focus { color: @text } .toolbar .entry:focus { color: @text; border: solid @insensitive_text; border-bottom-width: 1px; } .toolbar .entry:insensitive { border: none; background-color:@insensitive_base; color: @insensitive_text; border: solid @insensitive_text; border-bottom-width: 1px; } .toolbar .entry:backdrop { border: none; background-color:@backdrop_base; color: @backdrop_text; border: solid @backdrop_text; border-bottom-width: 1px; } /* Images */ .toolbar GtkImage, .toolbar .button GtkImage { color: @text; } .toolbar .button:active GtkImage, .toolbar .button:focus GtkImage, .toolbar .button:hover GtkImage { color: @text; } .toolbar .button:backdrop GtkImage, .toolbar .button:backdrop:hover GtkImage, .toolbar .button:active:backdrop GtkImage { color: @backdrop_text; -gtk-image-effect: dim; } .toolbar .button:insensitive GtkImage { color: @insensitive_text; -gtk-image-effect: dim; } .toolbar .button:insensitive:backdrop GtkImage { color: mix(@backdrop_text, @insensitive_text, 0.5); -gtk-image-effect: dim; } /* Labels */ .toolbar GtkLabel, .toolbar .button GtkLabel { color: @text; } .toolbar .button:active GtkLabel, .toolbar .button:focus GtkLabel, .toolbar .button:hover GtkLabel { color: @text; } .toolbar .button:backdrop GtkLabel, .toolbar .button:backdrop:hover GtkLabel, .toolbar .button:active:backdrop GtkLabel { color: @backdrop_text; } .toolbar .button:insensitive GtkLabel { color: @insensitive_text; } .toolbar .button:insensitive:backdrop GtkLabel { color: mix(@backdrop_text, @insensitive_text, 0.5); } /******************* * Primary Toolbar * *******************/ /* Main Colors*/ .primary-toolbar.toolbar { padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; color: @toolbar_text; background-color: @toolbar; box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.7); border: none; } .primary-toolbar.toolbar:insensitive { color: @insensitive_toolbar_text; background-color: @insensitive_toolbar; box-shadow: none; } .primary-toolbar.toolbar:backdrop { color: @backdrop_toolbar_text; background-color: @backdrop_toolbar; box-shadow: none; -gtk-image-effect: dim; } /* Menubar */ .primary-toolbar.toolbar .menubar { } /* Buttons */ .primary-toolbar.toolbar .button, .primary-toolbar.toolbar .text-button, .primary-toolbar.toolbar .image-button { border: none; background: none; color: @toolbar_text; border-radius: 0px; padding: 13px; } .primary-toolbar.toolbar .button:active, .primary-toolbar.toolbar GtkToggleButton:active, .primary-toolbar.toolbar .text-button:active, .primary-toolbar.toolbar .image-button:active { border: none; color: @toolbar_text; box-shadow: inset 0 -2px 0 0 @toolbar_text; padding: 13px; } .primary-toolbar.toolbar .button.raised .primary-toolbar.toolbar .text-button.raised, .primary-toolbar.toolbar .image-button.raised { border: none; color: @toolbar_text; /*background-color: alpha(@base, 0.2);*/ /*box-shadow: inset 0 -2px 0 0 @toolbar_text;*/ padding: 13px; } /* Hover */ .primary-toolbar.toolbar .button:hover, .primary-toolbar.toolbar .button:active:hover .primary-toolbar.toolbar .text-button:hover, .primary-toolbar.toolbar .text-button:active:hover, .primary-toolbar.toolbar .image-button:hover, .primary-toolbar.toolbar .image-button:active:hover, .primary-toolbar.toolbar .button:focus, .primary-toolbar.toolbar .button:active:focus .primary-toolbar.toolbar .text-button:focus, .primary-toolbar.toolbar .text-button:active:focus, .primary-toolbar.toolbar .image-button:focus, .primary-toolbar.toolbar .image-button:active:focus { padding: 13px; border: none; background-color: alpha(#000, 0.1); color: @toolbar_text; /*box-shadow: inset 0 -2px 0 0 @toolbar_text;*/ box-shadow: none; } /* Insensitive */ .primary-toolbar.toolbar .button:insensitive, .primary-toolbar.toolbar .text-button:insensitive, .primary-toolbar.toolbar .image-button:insensitive { background: none; color: @insensitive_header_toolbar_text; -gtk-image-effect: dim; } /* Backdrop */ .primary-toolbar.toolbar .button:backdrop, .primary-toolbar.toolbar .button:active:backdrop .primary-toolbar.toolbar .text-button:backdrop, .primary-toolbar.toolbar .text-button:active:backdrop, .primary-toolbar.toolbar .image-button:backdrop, .primary-toolbar.toolbar .image-button:active:backdrop { background: none; color: @backdrop_toolbar_text; border: none; padding: 13px; } /* Insensitive:Backdrop; */ .primary-toolbar.toolbar .button:insensitive:backdrop, .primary-toolbar.toolbar .text-button:insensitive:backdrop, .primary-toolbar.toolbar .image-button:insensitive:backdrop { padding: 13px; border: none; color: mix(@backdrop_text, @insensitive_text, 0.5); } .primary-toolbar.toolbar .separator { color: @separator; } /* Entry */ .primary-toolbar.toolbar .entry { border: none; border-radius: 0px; background-color:@toolbar; color: @toolbar_text; } .primary-toolbar.toolbar .entry GtkImage, .primary-toolbar.toolbar .entry GtkImage:focus { color: @toolbar_text; } .primary-toolbar.toolbar .entry:focus { color: @toolbar_text; border: solid @insensitive_toolbar_text; border-bottom-width: 1px; } .primary-toolbar.toolbar .entry:insensitive { border: none; background-color:@insensitive_base; color: @insensitive_toolbar_text; border: solid @insensitive_toolbar_text; border-bottom-width: 1px; } .primary-toolbar.toolbar .entry:backdrop { border: none; background-color:@backdrop_base; color: @backdrop_toolbar_text; border: solid @backdrop_toolbar_text; border-bottom-width: 1px; } /* Images */ .primary-toolbar.toolbar GtkImage, .primary-toolbar.toolbar .button GtkImage { color: @toolbar_text; } .primary-toolbar.toolbar .button:active GtkImage, .primary-toolbar.toolbar .button:focus GtkImage, .primary-toolbar.toolbar .button:hover GtkImage { color: @toolbar_text; } .primary-toolbar.toolbar .button:backdrop GtkImage, .primary-toolbar.toolbar .button:backdrop:hover GtkImage, .primary-toolbar.toolbar .button:active:backdrop GtkImage { color: @backdrop_toolbar_text; -gtk-image-effect: dim; } .primary-toolbar.toolbar .button:insensitive GtkImage { color: @insensitive_toolbar_text; -gtk-image-effect: dim; } .primary-toolbar.toolbar .button:backdrop:insensitive GtkImage, .primary-toolbar.toolbar .button:insensitive:backdrop GtkImage { color: mix(@backdrop_text, @insensitive_text, 0.5); -gtk-image-effect: dim; } /* Labels */ .primary-toolbar.toolbar GtkLabel, .primary-toolbar.toolbar .button GtkLabel { color: @toolbar_text; } .primary-toolbar.toolbar .button:active GtkLabel, .primary-toolbar.toolbar .button:focus GtkLabel, .primary-toolbar.toolbar .button:hover GtkLabel { color: @toolbar_text; } .primary-toolbar.toolbar .button:backdrop GtkLabel, .primary-toolbar.toolbar .button:backdrop:hover GtkLabel, .primary-toolbar.toolbar .button:active:backdrop GtkLabel { color: @backdrop_toolbar_text; } .primary-toolbar.toolbar .button:insensitive GtkLabel { color: @insensitive_toolbar_text; } .primary-toolbar.toolbar .button:insensitive:backdrop GtkLabel { color: mix(@backdrop_text, @insensitive_text, 0.5); } /********************* * Secondary Toolbars * *********************/ .secondary-toolbar.toolbar { padding: 2px; background-color: @background; box-shadow: none; } .secondary-toolbar.toolbar:backdrop { background-color: @backdrop_background; border-color: @backdrop_border; color: @backdrop_text; -gtk-image-effect: dim; } .secondary-toolbar.toolbar .linked-button, .secondary-toolbar.toolbar .button { padding: 2px; } /******************** * Menubar Toolbars * ********************/ .toolbar.menubar { -GtkToolbar-button-relief: normal; } /****************** * Bottom Toolbars * ******************/ .bottom-toolbar.toolbar { padding: 0px; border: solid @border; background-image: linear-gradient(to bottom, shade(@gradient_a, 0.96), shade(@gradient_b, 0.96) ); } .bottom-toolbar.toolbar .button { padding: 2px 3px 2px 3px; }