raveos-hyprland-theme/theme-data/dms/matugen/templates/zen-userchrome.css


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

/* DMS Matugen Zen Browser Theme */
:root {
  --zen-primary-color: {{colors.primary_container.default.hex}} !important;
  --toolbarbutton-icon-fill: {{colors.primary.default.hex}} !important;
  --toolbar-field-color: {{colors.on_background.default.hex}} !important;
  --tab-selected-textcolor: {{colors.primary.default.hex}} !important;
  --toolbar-color: {{colors.on_background.default.hex}} !important;
  --arrowpanel-color: {{colors.on_surface.default.hex}} !important;
  --arrowpanel-background: {{colors.surface_container.default.hex}} !important;
  --sidebar-text-color: {{colors.on_background.default.hex}} !important;
  --zen-main-browser-background: {{colors.background.default.hex}} !important;
}

.sidebar-placesTree {
  background-color: {{colors.surface_container.default.hex}} !important;
}

#zen-workspaces-button {
  background-color: {{colors.surface_container.default.hex}} !important;
}

#TabsToolbar {
  background-color: {{colors.background.default.hex}} !important;
}

.urlbar-background {
  background-color: {{colors.surface_container.default.hex}} !important;
}

.urlbar-input::selection {
  color: {{colors.on_primary.default.hex}} !important;
  background-color: {{colors.primary.default.hex}} !important;
}

.urlbarView-url {
  color: {{colors.on_surface_variant.default.hex}} !important;
}

toolbar .toolbarbutton-1 {
  &:not([disabled]) {
    &:is([open], [checked])
      > :is(
        .toolbarbutton-icon,
        .toolbarbutton-text,
        .toolbarbutton-badge-stack
      ) {
      fill: {{colors.primary.default.hex}}
    }
  }
}

.identity-color-blue {
  --identity-tab-color: {{dank16.color12.default.hex}} !important;
  --identity-icon-color: {{dank16.color12.default.hex}} !important;
}

.identity-color-turquoise {
  --identity-tab-color: {{dank16.color6.default.hex}} !important;
  --identity-icon-color: {{dank16.color6.default.hex}} !important;
}

.identity-color-green {
  --identity-tab-color: {{dank16.color10.default.hex}} !important;
  --identity-icon-color: {{dank16.color10.default.hex}} !important;
}

.identity-color-yellow {
  --identity-tab-color: {{dank16.color11.default.hex}} !important;
  --identity-icon-color: {{dank16.color11.default.hex}} !important;
}

.identity-color-orange {
  --identity-tab-color: {{dank16.color3.default.hex}} !important;
  --identity-icon-color: {{dank16.color3.default.hex}} !important;
}

.identity-color-red {
  --identity-tab-color: {{dank16.color9.default.hex}} !important;
  --identity-icon-color: {{dank16.color9.default.hex}} !important;
}

.identity-color-pink {
  --identity-tab-color: {{dank16.color13.default.hex}} !important;
  --identity-icon-color: {{dank16.color13.default.hex}} !important;
}

.identity-color-purple {
  --identity-tab-color: {{dank16.color5.default.hex}} !important;
  --identity-icon-color: {{dank16.color5.default.hex}} !important;
}

#zen-appcontent-navbar-container {
  background-color: {{colors.background.default.hex}} !important;
}

#PanelUI-menu-button .toolbarbutton-icon,
#downloads-button .toolbarbutton-icon,
#unified-extensions-button .toolbarbutton-icon {
  fill: {{colors.primary.default.hex}} !important;
  color: {{colors.primary.default.hex}} !important;
}

#PanelUI-menu-button .toolbarbutton-badge-stack,
#downloads-button .toolbarbutton-badge-stack,
#unified-extensions-button .toolbarbutton-badge-stack {
  fill: {{colors.primary.default.hex}} !important;
  color: {{colors.primary.default.hex}} !important;
}

toolbar .toolbarbutton-1 > .toolbarbutton-icon {
  fill: {{colors.primary.default.hex}} !important;
}