_public-colors.scss
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