summaryrefslogtreecommitdiff
path: root/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss
blob: dcb4e74420e2dfe45aca1a3a0f1fa6a0da1d5cab (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
@import "button";


/*******
 ! OSD *
********/

@include exports("osd") {
    GtkOverlay.osd { background-color: transparent; }

    .osd,
    #XfceNotifyWindow {
        &.background {
            background-color: alpha($osd_bg, .8);
            color: $osd_fg;
        }

        &.frame {
            background-clip: border-box;
            background-origin: border-box;
        }

        &.button, .button { @include button($osd_bg, $osd_fg); }


        &.toolbar {
            -GtkToolbar-button-relief: normal;

            padding: $spacing;
            border: 1px solid border_normal($osd_bg);
            border-radius: $roundness;
            background-color: $osd_bg;
            background-image: none;
            color: $osd_fg;

            .separator { color: shade($osd_bg, ($contrast + .1)); }
        }

        /* used by gnome-settings-daemon's media-keys OSD */
        &.trough { background-color: shade($osd_bg, .8); }

        &.progressbar { background-color: $osd_fg; }

        .scale {
            &.slider {
                @include linear-gradient(shade($osd_bg, 1.08));
                @include border($osd_bg);

                &:insensitive { @include linear-gradient(shade($osd_bg, .9)); }
            }

            &.trough {
                border-color: shade($osd_bg, .8);
                background-color: shade($osd_bg, 1.08);
                background-image: none;

                &.highlight {
                    border-color: $selected_bg_color;
                    background-color: $selected_bg_color;
                    background-image: none;
                }

                &:insensitive, &.highlight:insensitive {
                    border-color: shade($osd_bg, .85);
                    background-color: shade($osd_bg, .9);
                    background-image: none;
                }
            }
        }

        &.view, .view { background-color: $osd_bg; }

        .scrollbar {
            .trough { background-color: $osd_bg; }

            .slider {
                border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21);
                border-radius: 0;
                background-color: mix($osd_bg, $osd_fg, .21);

                &:hover {
                    border-color: mix(shade($osd_bg, .87), $osd_fg, .31);
                    background-color: mix($osd_bg, $osd_fg, .31);
                }

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

        GtkIconView.cell {
            &:selected, &:selected:focus {
                background-color: transparent;
                border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21);
                border-radius: $roundness;
                outline-color: transparent;
            }
        }

        /* used by Documents */
        .page-thumbnail {
            border: 1px solid shade($osd_bg, .9);
            /* when there's no pixbuf yet */
            background-color: $osd_bg;
        }
    }

    .osd GtkProgressBar, GtkProgressBar.osd {
        -GtkProgressBar-xspacing: 0;
        -GtkProgressBar-yspacing: 2px;
        -GtkProgressBar-min-horizontal-bar-height: 2px;

        padding: 0;

        &.trough {
            padding: 0;
            border-style: none;
            border-radius: 0;
            background-image: none;
            background-color: transparent;
        }

        &.progressbar {
            border-style: none;
            border-radius: 0;
            background-color: $selected_bg_color;
            background-image: none;
        }
    }
}