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}