summaryrefslogtreecommitdiff
path: root/Redcore-daylight/gtk-3.20/scss/widgets/_base.scss
blob: 52a78e24326b6d8b19fa881facfa374bfe27169a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/**************
 ! GTK settings
***************/

* {
    -GtkWindow-resize-grip-height: 0;
    -GtkWindow-resize-grip-width: 0;
    -WnckTasklist-fade-overlay-rect: 0;

    -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio;

    outline-color: alpha($selected_bg_color, .5);
    outline-style: dashed;
    outline-width: 1px;
    outline-offset: -1px;
    -gtk-outline-radius: $roundness;
}


/*************
 ! Base states
 *************/

%selected {
    &, &:focus {
        background-color: $selected_bg_color;
        color: $selected_fg_color;
    }
}

* {
    /* hyperlinks */
    -GtkIMHtml-hyperlink-color: $link_color;

    &:selected { @extend %selected; }

    &:disabled,
    &:disabled:disabled { color: mix($fg_color, $bg_color, .5); }

    &:disabled, &:disabled { -gtk-icon-effect: dim; }

    &:hover { -gtk-icon-effect: highlight; }

    &:link, &:visited { color: $link_color; }
}

.background {
    background-color: $bg_color;
    color: $fg_color;

    &:backdrop {
        text-shadow: none;
        -gtk-icon-shadow: none;
    }

    &.csd { background-color: $bg_color; }
}

.gtkstyle-fallback {
    background-color: alpha($bg_color, .5);
    color: $fg_color;

    &:hover {
        background-color: shade($bg_color, 1.1);
        color: $fg_color;
    }

    &:active {
        background-color: shade($bg_color, .9);
        color: $fg_color;
    }

    &:disabled {
        background-color: shade(shade($bg_color, .95), 1.05);
        color: mix($fg_color, $bg_color, .5);
    }

    &:selected { @extend %selected; }
}

image, label, box, grid {
    &, &:disabled { background-color: transparent; }
}

label {
    &.separator {
        @extend .dim-label;

        color: $fg_color;

        &:backdrop { color: $backdrop_fg_color; }
    }

    row:selected &,
    &:selected { @extend %nobg_selected_items; }

    selection {
        background-color: $selected_bg_color;
        color: $selected_fg_color;
    }

    &:disabled {
        color: $insensitive_fg_color;

        selection { @extend %selected_items:disabled; }

        &:backdrop { color: $backdrop_insensitive_color; }
    }

    &:backdrop {
        color: $backdrop_fg_color;

        selection { @extend %selected_items:backdrop; }
    }
}

assistant {
    .sidebar {
        background-color: $base_color;
        border-top: 1px solid $borders_color;

        &:backdrop {
            background-color: $backdrop_base_color;
            border-color: $backdrop_borders_color;
        }
    }

    &.csd .sidebar { border-top-style: none; }

    .sidebar label { padding: $spacing ($spacing * 2); }

    .sidebar label.highlight { background-color: mix($fg_color, $bg_color, .8); }
}