A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 _public-colors.scss

View raw Download
text/plain • 4.12 kiB
ASCII text
        
            
1
// apps rely on some named colors to be exported
2
/* GTK NAMED COLORS
3
----------------
4
use responsibly! */
5
6
@use "../../theme-color";
7
8
// Sass thinks we're using the colors in the variables as strings and may shoot
9
// warning, it's innocuous and can be defeated by using "" + $var
10
/*
11
widget text/foreground color */
12
@define-color theme_fg_color #{"" + theme-color.$on-surface};
13
14
/*
15
text color for entries, views and content in general */
16
@define-color theme_text_color #{"" + theme-color.$on-surface};
17
18
/*
19
widget base background color */
20
@define-color theme_bg_color #{"" + theme-color.$surface-z0};
21
22
/*
23
text widgets and the like base background color */
24
@define-color theme_base_color #{"" + theme-color.$surface-z1};
25
26
/*
27
base background color of selections */
28
@define-color theme_selected_bg_color #{"" + theme-color.$primary};
29
30
/*
31
text/foreground color of selections */
32
@define-color theme_selected_fg_color #{"" + theme-color.$on-primary};
33
34
/*
35
base background color of insensitive widgets */
36
@define-color insensitive_bg_color #{"" + theme-color.$surface-z0};
37
38
/*
39
text foreground color of insensitive widgets */
40
@define-color insensitive_fg_color #{"" + theme-color.disabled(theme-color.$on-surface)};
41
42
/*
43
insensitive text widgets and the like base background color */
44
@define-color insensitive_base_color #{"" + theme-color.$surface-z1};
45
46
/*
47
widget text/foreground color on backdrop windows */
48
@define-color theme_unfocused_fg_color #{"" + theme-color.$on-surface};
49
50
/*
51
text color for entries, views and content in general on backdrop windows */
52
@define-color theme_unfocused_text_color #{"" + theme-color.$on-surface};
53
54
/*
55
widget base background color on backdrop windows */
56
@define-color theme_unfocused_bg_color #{"" + theme-color.$surface-z0};
57
58
/*
59
text widgets and the like base background color on backdrop windows */
60
@define-color theme_unfocused_base_color #{"" + theme-color.$surface-z1};
61
62
/*
63
base background color of selections on backdrop windows */
64
@define-color theme_unfocused_selected_bg_color #{"" + theme-color.$primary};
65
66
/*
67
text/foreground color of selections on backdrop windows */
68
@define-color theme_unfocused_selected_fg_color #{"" + theme-color.$on-primary};
69
70
/*
71
insensitive color on backdrop windows */
72
@define-color unfocused_insensitive_color #{"" + theme-color.disabled(theme-color.$on-surface)};
73
74
/*
75
widgets main borders color */
76
@define-color borders #{"" + theme-color.divider(theme-color.$on-surface)};
77
78
/*
79
widgets main borders color on backdrop windows */
80
@define-color unfocused_borders #{"" + theme-color.divider(theme-color.$on-surface)};
81
82
/*
83
these are pretty self explicative */
84
@define-color warning_color #{"" + theme-color.$warning};
85
@define-color error_color #{"" + theme-color.$error};
86
@define-color success_color #{"" + theme-color.$success};
87
// @define-color destructive_color #{"" + $error};
88
89
/*
90
these colors are exported for the window manager and shouldn't be used in applications,
91
read if you used those and something break with a version upgrade you're on your own... */
92
@define-color wm_title #{"" + theme-color.$on-titlebar};
93
@define-color wm_unfocused_title #{"" + theme-color.hint(theme-color.$on-titlebar)};
94
@define-color wm_highlight #{"" + theme-color.highlight(theme-color.$titlebar)};
95
@define-color wm_bg #{"" + theme-color.$titlebar};
96
@define-color wm_unfocused_bg #{"" + theme-color.$titlebar-backdrop};
97
98
// To export opaque text colors for xfwm4 themerc using Sass.
99
@define-color xfwm4_title #{"" + theme-color.opacify(theme-color.$on-titlebar, theme-color.$titlebar)};
100
@define-color xfwm4_unfocused_title #{"" + theme-color.opacify(theme-color.hint(theme-color.$on-titlebar), theme-color.$titlebar-backdrop)};
101
102
// FIXME this is really an API
103
104
/* content view background such as thumbnails view in Photos or Boxes */
105
@define-color content_view_bg #{"" + theme-color.$surface-z0};
106
107
/* Very contrasty background for text views (@theme_text_color foreground) */
108
@define-color text_view_bg #{"" + theme-color.$surface-z0};
109
110
/* placeholder for entries */
111
// NOTE: @placeholder_text_color doesn't allow translucent colors.
112
@define-color placeholder_text_color #{"" + theme-color.opacify(theme-color.hint(theme-color.$on-surface), theme-color.$surface-z1)};
113