UNPKG

1.95 kBCSSView Raw
1/*-----------------------------------------------------------------------------
2| Copyright (c) Jupyter Development Team.
3| Distributed under the terms of the Modified BSD License.
4|----------------------------------------------------------------------------*/
5
6/**
7 * Support for alt colors for icons as inline SVG HTMLElements
8 */
9
10/* alt recolor the primary elements of an icon */
11.jp-icon-alt .jp-icon0[fill] {
12 fill: var(--jp-layout-color0);
13}
14.jp-icon-alt .jp-icon1[fill] {
15 fill: var(--jp-layout-color1);
16}
17.jp-icon-alt .jp-icon2[fill] {
18 fill: var(--jp-layout-color2);
19}
20.jp-icon-alt .jp-icon3[fill] {
21 fill: var(--jp-layout-color3);
22}
23.jp-icon-alt .jp-icon4[fill] {
24 fill: var(--jp-layout-color4);
25}
26
27.jp-icon-alt .jp-icon0[stroke] {
28 stroke: var(--jp-layout-color0);
29}
30.jp-icon-alt .jp-icon1[stroke] {
31 stroke: var(--jp-layout-color1);
32}
33.jp-icon-alt .jp-icon2[stroke] {
34 stroke: var(--jp-layout-color2);
35}
36.jp-icon-alt .jp-icon3[stroke] {
37 stroke: var(--jp-layout-color3);
38}
39.jp-icon-alt .jp-icon4[stroke] {
40 stroke: var(--jp-layout-color4);
41}
42
43/* alt recolor the accent elements of an icon */
44.jp-icon-alt .jp-icon-accent0[fill] {
45 fill: var(--jp-inverse-layout-color0);
46}
47.jp-icon-alt .jp-icon-accent1[fill] {
48 fill: var(--jp-inverse-layout-color1);
49}
50.jp-icon-alt .jp-icon-accent2[fill] {
51 fill: var(--jp-inverse-layout-color2);
52}
53.jp-icon-alt .jp-icon-accent3[fill] {
54 fill: var(--jp-inverse-layout-color3);
55}
56.jp-icon-alt .jp-icon-accent4[fill] {
57 fill: var(--jp-inverse-layout-color4);
58}
59
60.jp-icon-alt .jp-icon-accent0[stroke] {
61 stroke: var(--jp-inverse-layout-color0);
62}
63.jp-icon-alt .jp-icon-accent1[stroke] {
64 stroke: var(--jp-inverse-layout-color1);
65}
66.jp-icon-alt .jp-icon-accent2[stroke] {
67 stroke: var(--jp-inverse-layout-color2);
68}
69.jp-icon-alt .jp-icon-accent3[stroke] {
70 stroke: var(--jp-inverse-layout-color3);
71}
72.jp-icon-alt .jp-icon-accent4[stroke] {
73 stroke: var(--jp-inverse-layout-color4);
74}