1+ : root {
2+ /*****************************************************************************
3+ * Theme config
4+ **/
5+ --pst-header-height : 60px ;
6+
7+ /*****************************************************************************
8+ * Font size
9+ **/
10+ --pst-font-size-base : 15px ; /* base font size - applied at body / html level */
11+
12+ /* heading font sizes */
13+ --pst-font-size-h1 : 36px ;
14+ --pst-font-size-h2 : 32px ;
15+ --pst-font-size-h3 : 26px ;
16+ --pst-font-size-h4 : 21px ;
17+ --pst-font-size-h5 : 18px ;
18+ --pst-font-size-h6 : 16px ;
19+
20+ /* smaller then heading font sizes*/
21+ --pst-font-size-milli : 12px ;
22+
23+ --pst-sidebar-font-size : .9em ;
24+ --pst-sidebar-caption-font-size : .9em ;
25+
26+ /*****************************************************************************
27+ * Font family
28+ **/
29+ /* These are adapted from https://systemfontstack.com/ */
30+ --pst-font-family-base-system : -apple-system, BlinkMacSystemFont, Segoe UI, "Helvetica Neue" ,
31+ Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
32+ --pst-font-family-monospace-system : "SFMono-Regular" , Menlo, Consolas, Monaco,
33+ Liberation Mono, Lucida Console, monospace;
34+
35+ --pst-font-family-base : var (--pst-font-family-base-system );
36+ --pst-font-family-heading : var (--pst-font-family-base );
37+ --pst-font-family-monospace : var (--pst-font-family-monospace-system );
38+
39+ /*****************************************************************************
40+ * Color
41+ *
42+ * Colors are defined in rgb string way, "red, green, blue"
43+ **/
44+ --pst-color-primary : 3 , 134 , 150 ;
45+ --pst-color-primary-dark : 2 , 89 , 100 ;
46+ --pst-color-secondary : 230 , 169 , 10 ;
47+ --pst-color-success : 40 , 167 , 69 ;
48+ --pst-color-info : 0 , 123 , 255 ; /*23, 162, 184;*/
49+ --pst-color-warning : 255 , 193 , 7 ;
50+ --pst-color-danger : 220 , 53 , 69 ;
51+ --pst-color-text-base : 51 , 51 , 51 ;
52+
53+ --pst-color-h1 : var (--pst-color-primary-dark );
54+ --pst-color-h2 : var (--pst-color-primary-dark );
55+ --pst-color-h3 : var (--pst-color-text-base );
56+ --pst-color-h4 : var (--pst-color-text-base );
57+ --pst-color-h5 : var (--pst-color-text-base );
58+ --pst-color-h6 : var (--pst-color-text-base );
59+ --pst-color-paragraph : var (--pst-color-text-base );
60+ --pst-color-link : var (--pst-color-primary );
61+ --pst-color-link-hover : var (--pst-color-secondary );
62+ --pst-color-headerlink : var (--pst-color-primary );
63+ --pst-color-headerlink-hover : 255 , 255 , 255 ;
64+ --pst-color-preformatted-text : 34 , 34 , 34 ;
65+ --pst-color-preformatted-background : 250 , 250 , 250 ;
66+ --pst-color-inline-code : var (--pst-color-primary );
67+
68+ --pst-color-active-navigation : var (--pst-color-secondary );
69+ --pst-color-navbar-link : 77 , 77 , 77 ;
70+ --pst-color-navbar-link-hover : var (--pst-color-active-navigation );
71+ --pst-color-navbar-link-active : var (--pst-color-active-navigation );
72+ --pst-color-sidebar-link : 77 , 77 , 77 ;
73+ --pst-color-sidebar-link-hover : var (--pst-color-active-navigation );
74+ --pst-color-sidebar-link-active : var (--pst-color-active-navigation );
75+ --pst-color-sidebar-expander-background-hover : 244 , 244 , 244 ;
76+ --pst-color-sidebar-caption : 77 , 77 , 77 ;
77+ --pst-color-toc-link : 119 , 117 , 122 ;
78+ --pst-color-toc-link-hover : var (--pst-color-active-navigation );
79+ --pst-color-toc-link-active : var (--pst-color-active-navigation );
80+
81+ /*****************************************************************************
82+ * Icon
83+ **/
84+
85+ /* font awesome icons*/
86+ --pst-icon-check-circle : '\f058' ;
87+ --pst-icon-info-circle : '\f05a' ;
88+ --pst-icon-exclamation-triangle : '\f071' ;
89+ --pst-icon-exclamation-circle : '\f06a' ;
90+ --pst-icon-times-circle : '\f057' ;
91+ --pst-icon-lightbulb : '\f0eb' ;
92+
93+ /*****************************************************************************
94+ * Admonitions
95+ **/
96+
97+ --pst-color-admonition-default : var (--pst-color-info );
98+ --pst-color-admonition-note : var (--pst-color-info );
99+ --pst-color-admonition-attention : var (--pst-color-warning );
100+ --pst-color-admonition-caution : var (--pst-color-warning );
101+ --pst-color-admonition-warning : var (--pst-color-warning );
102+ --pst-color-admonition-danger : var (--pst-color-danger );
103+ --pst-color-admonition-error : var (--pst-color-danger );
104+ --pst-color-admonition-hint : var (--pst-color-success );
105+ --pst-color-admonition-tip : var (--pst-color-success );
106+ --pst-color-admonition-important : var (--pst-color-success );
107+
108+ --pst-icon-admonition-default : var (--pst-icon-info-circle );
109+ --pst-icon-admonition-note : var (--pst-icon-info-circle );
110+ --pst-icon-admonition-attention : var (--pst-icon-exclamation-circle );
111+ --pst-icon-admonition-caution : var (--pst-icon-exclamation-triangle );
112+ --pst-icon-admonition-warning : var (--pst-icon-exclamation-triangle );
113+ --pst-icon-admonition-danger : var (--pst-icon-exclamation-triangle );
114+ --pst-icon-admonition-error : var (--pst-icon-times-circle );
115+ --pst-icon-admonition-hint : var (--pst-icon-lightbulb );
116+ --pst-icon-admonition-tip : var (--pst-icon-lightbulb );
117+ --pst-icon-admonition-important : var (--pst-icon-exclamation-circle );
118+
119+ }
0 commit comments