paper-gtk-theme/Paper/gtk-3.0/widgets/search-bars.css

/* Copyright 2016 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 searchbar shade(@base, 0.95);

/***************
 * Search bars *
 ***************/

.search-bar.toolbar,
.search-bar {
    padding: 4px 0;
    background-color: @searchbar;
    box-shadow: inset 0 -1px 1px -2px alpha(#000, 0.5);
    color: @foreground;
    border-bottom: 1px solid @border;
}


.search-bar.toolbar .entry GtkImage {
    color: @foreground;
}

.search-bar.toolbar .entry:backdrop GtkImage {
    color: @backdrop_foreground;
}

.search-bar.toolbar:focus,
.search-bar:focus {
    background-color: @searchbar;
    box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.5);
    color: @foreground;
}

.search-bar.toolbar:backdrop,
.search-bar:backdrop {
    background-color: shade(@searchbar, 0.99);
    box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.1);
    color: @backdrop_text;
}

/***********
 * Buttons *
 ***********/

.search-bar.toolbar .button,
.search-bar.toolbar .text-button,
.search-bar.toolbar .image-button {
    border: none;
    background: none;
    color: @foreground;
    border-radius: 0px;
    padding: 13px;
}

.search-bar.toolbar .button:active
.search-bar.toolbar .text-button:active,
.search-bar.toolbar .image-button:active {
    border: none;
    color: @foreground;
    box-shadow: inset 0 -2px 0 0 @foreground;
    padding: 13px;
}

/* Hover */
.search-bar.toolbar .button:hover,
.search-bar.toolbar .button:active:hover
.search-bar.toolbar .text-button:hover,
.search-bar.toolbar .text-button:active:hover,
.search-bar.toolbar .image-button:hover,
.search-bar.toolbar .image-button:active:hover {
    padding: 13px;
    border: none;
    background-color: alpha(#000, 0.1);
    color: @foreground;
    box-shadow: none;
}

/* Insensitive */
.search-bar.toolbar .button:insensitive,
.search-bar.toolbar .text-button:insensitive,
.search-bar.toolbar .image-button:insensitive {
    background: none;
    color: @insensitive_text;
    -gtk-icon-effect: dim;
}

/* Backdrop */
.search-bar.toolbar .button:backdrop,
.search-bar.toolbar .button:active:backdrop
.search-bar.toolbar .text-button:backdrop,
.search-bar.toolbar .text-button:active:backdrop,
.search-bar.toolbar .image-button:backdrop,
.search-bar.toolbar .image-button:active:backdrop {
    background: none;
    color: @backdrop_text;
    border: none;
    padding: 13px;
}

/* Insensitive:Backdrop; */
.search-bar.toolbar .button:insensitive:backdrop,
.search-bar.toolbar .text-button:insensitive:backdrop,
.search-bar.toolbar .image-button:insensitive:backdrop {
    padding: 13px;
    border: none;
    color: mix(@backdrop_text, @insensitive_text, 0.5);
}


/* Images */
.search-bar.toolbar GtkImage,
.search-bar.toolbar .button GtkImage {
    color: @foreground;
}

.search-bar.toolbar .button:active GtkImage,
.search-bar.toolbar .button:focus GtkImage,
.search-bar.toolbar .button:hover GtkImage {
    color: @foreground;
}

.search-bar.toolbar:backdrop GtkImage,
.search-bar.toolbar .button:backdrop GtkImage,
.search-bar.toolbar .button:backdrop:hover GtkImage,
.search-bar.toolbar .button:active:backdrop GtkImage {
    color: @backdrop_text;
    -gtk-icon-effect: dim;
}

.search-bar.toolbar:insensitive GtkImage,
.search-bar.toolbar .button:insensitive GtkImage {
    color: @insensitive_text;
    -gtk-icon-effect: dim;
}

.search-bar.toolbar .button:insensitive:backdrop GtkImage {
    color: mix(@backdrop_text, @insensitive_text, 0.5);
    -gtk-icon-effect: dim;
}

/* Labels */
.search-bar.toolbar .button GtkLabel {
    color: @foreground;
}

.search-bar.toolbar .button:active GtkLabel,
.search-bar.toolbar .button:focus GtkLabel,
.search-bar.toolbar .button:hover GtkLabel {
    color: @foreground;
}

.search-bar.toolbar .button:backdrop GtkLabel,
.search-bar.toolbar .button:backdrop:hover GtkLabel,
.search-bar.toolbar .button:active:backdrop GtkLabel {
    color: @backdrop_text;
}

.search-bar.toolbar .button:insensitive GtkLabel {
    color: @insensitive_text;
}

.search-bar.toolbar .button:insensitive:backdrop GtkLabel {
    color: mix(@backdrop_text, @insensitive_text, 0.5);
}

/********************
 * Search bar entry *
 ********************/

.search-bar .entry,
.search-bar.toolbar .entry {
    background: none;
    color: @foreground;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.search-bar .entry:selected,
.search-bar.toolbar .entry:selected
.search-bar .entry:selected:focus,
.search-bar.toolbar .entry:selected:focus {
    color: @base;
    background-color: @selection;
    box-shadow: none;
}

.search-bar .entry:active,
.search-bar .entry:focus,
.search-bar.toolbar .entry:active,
.search-bar.toolbar .entry:focus {
    background: none;
    color: @foreground;
    border: none;
    box-shadow: none;
}

.search-bar .entry:backdrop,
.search-bar.toolbar .entry:backdrop {
    background: none;
    color: @backdrop_text;
    border: none;
    box-shadow: none;
}

.search-bar .entry.image,
.search-bar.toolbar .entry.image {
    color: @foreground;
}

.search-bar .entry.image.left,
.search-bar.toolbar .entry.image.left {
    padding-right: 6px;
    color: @foreground;
}