├── seniva-blue.css ├── seniva-brown.css ├── seniva-grey.css ├── seniva-violet.css ├── seniva-dark.css ├── seniva-invert.css └── seniva.css /seniva-blue.css: -------------------------------------------------------------------------------- 1 | @import url('seniva.css'); 2 | 3 | :root { 4 | --bg-color: #bfcad3; 5 | --text-color: #33503f; 6 | --clabel: #6f7a83; 7 | --ccard: #dfeaf3; 8 | --cwhite: #fff; 9 | } -------------------------------------------------------------------------------- /seniva-brown.css: -------------------------------------------------------------------------------- 1 | @import url('seniva.css'); 2 | 3 | :root { 4 | --bg-color: #d3cabf; 5 | --text-color: #33503f; 6 | --clabel: #837a6f; 7 | --ccard: #f3eadf; 8 | --cwhite: #fff; 9 | } -------------------------------------------------------------------------------- /seniva-grey.css: -------------------------------------------------------------------------------- 1 | @import url('seniva.css'); 2 | 3 | :root { 4 | --bg-color: #cacaca; 5 | --text-color: #3f3f3f; 6 | --clabel: #7a7a7a; 7 | --ccard: #eaeaea; 8 | --cwhite: #fff; 9 | } -------------------------------------------------------------------------------- /seniva-violet.css: -------------------------------------------------------------------------------- 1 | @import url('seniva.css'); 2 | 3 | :root { 4 | --bg-color: #cabfd3; 5 | --text-color: #33503f; 6 | --clabel: #7a6f83; 7 | --ccard: #eadff3; 8 | --cwhite: #fff; 9 | } -------------------------------------------------------------------------------- /seniva-dark.css: -------------------------------------------------------------------------------- 1 | @import url('seniva.css'); 2 | 3 | :root { 4 | --bg-color: #2c4035; 5 | --text-color: #c0ccaf; 6 | --clabel: #7c9085; 7 | --ccard: #0c2015; 8 | --cwhite: #000; 9 | } 10 | .md-fences, 11 | pre.md-meta-block { 12 | padding: 1rem 0.5rem 1rem; 13 | background-color: #f3dfea; 14 | filter: invert(100%); 15 | box-shadow: 0 2px 4px 1px #ffffff26; 16 | } -------------------------------------------------------------------------------- /seniva-invert.css: -------------------------------------------------------------------------------- 1 | @import url('seniva-dark.css'); 2 | 3 | :root { 4 | --bg-color: #402c35; 5 | --text-color: #ccc0af; 6 | --clabel: #907c85; 7 | --ccard: #200c15; 8 | --cwhite: #000; 9 | } 10 | .md-fences, 11 | pre.md-meta-block { 12 | padding: 1rem 0.5rem 1rem; 13 | background-color: #dff3ea; 14 | filter: invert(100%); 15 | box-shadow: 0 2px 4px 1px #ffffff26; 16 | } -------------------------------------------------------------------------------- /seniva.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Inter'; 3 | font-style: normal; 4 | font-weight: 400; 5 | font-display: swap; 6 | src: local('Inter'); 7 | src: url("./seniva/Inter-Regular.woff2?v=3.19") format("woff2"); 8 | } 9 | 10 | @font-face { 11 | font-family: 'Inter'; 12 | font-style: italic; 13 | font-weight: 400; 14 | font-display: swap; 15 | src: local('Inter'); 16 | src: url("./seniva/Inter-Italic.woff2?v=3.19") format("woff2"); 17 | } 18 | 19 | @font-face { 20 | font-family: 'Inter'; 21 | font-style: normal; 22 | font-weight: 700; 23 | font-display: swap; 24 | src: local('Inter'); 25 | src: url("./seniva/Inter-Bold.woff2?v=3.19") format("woff2"); 26 | } 27 | 28 | @font-face { 29 | font-family: 'Inter'; 30 | font-style: italic; 31 | font-weight: 700; 32 | font-display: swap; 33 | src: local('Inter'); 34 | src: url("./seniva/Inter-BoldItalic.woff2?v=3.19") format("woff2"); 35 | } 36 | 37 | :root { 38 | --fserif: 'STIX Two Text', 'PT Serif', Constantia, Georgia, 'Times New Roman', unifik, '思源宋体 SC', '思源宋体 CN', '思源宋体', 'Source Han Serif CN', 华文中宋, serif; 39 | --fsans: 'Inter', 'Source Sans 3', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, '思源黑体 SC', '思源黑体 CN', '思源黑体', 'Source Han Sans CN', 微软雅黑, 'Fitenkajti', 'unifik', sans-serif; 40 | --monospace: 'Fira Code', 'Inconsolata', 'Cascadia Code', 'Consolas', monospace; 41 | --bg-color: #bfd3ca; 42 | --text-color: #333f50; 43 | --clabel: #6f837a; 44 | --ccard: #dff3ea; 45 | --cwhite: #fff; 46 | --side-bar-bg-color: var(--ccard); 47 | --md-char-color: var(--clabel); 48 | --meta-content-color: var(--clabel); 49 | --active-file-bg-color: var(--cwhite); 50 | } 51 | 52 | html { 53 | font-family: var(--fsans); 54 | font-feature-settings: 'tnum', 'cv05', 'cv08'; 55 | background-color: var(--bg-color); 56 | color: var(--text-color); 57 | } 58 | 59 | content { 60 | background-color: var(--bg-color); 61 | } 62 | 63 | body { 64 | margin: 0 auto; 65 | background-color: var(--bg-color); 66 | } 67 | 68 | p { 69 | clear: both; 70 | padding: 1px; 71 | } 72 | 73 | a { 74 | color: inherit; 75 | text-decoration: none; 76 | border-bottom: 1px dashed; 77 | } 78 | 79 | a:hover { 80 | background-color: yellow; 81 | } 82 | 83 | h1, 84 | h3, 85 | h5 { 86 | font-family: var(--fserif); 87 | } 88 | 89 | h2, 90 | h4, 91 | h6 { 92 | font-family: var(--fsans); 93 | } 94 | 95 | h1 { 96 | font-size: 250%; 97 | text-align: center; 98 | } 99 | 100 | h2 { 101 | font-size: 150%; 102 | } 103 | 104 | h3 { 105 | font-size: 150%; 106 | } 107 | 108 | h4 { 109 | font-size: 125%; 110 | } 111 | 112 | h2 { 113 | color: var(--cwhite); 114 | padding-top: 2px; 115 | padding-left: 8px; 116 | padding-right: 8px; 117 | padding-bottom: 2px; 118 | background-color: var(--clabel); 119 | border-radius: 4px; 120 | width: fit-content; 121 | box-shadow: 0 2px 4px 1px #00000026; 122 | } 123 | 124 | h5, 125 | h6 { 126 | font-size: 100%; 127 | color: var(--cwhite); 128 | padding-top: 2px; 129 | padding-left: 8px; 130 | padding-right: 8px; 131 | padding-bottom: 2px; 132 | margin-bottom: 0px; 133 | background-color: var(--clabel); 134 | border-top-left-radius: 4px; 135 | border-top-right-radius: 4px; 136 | width: fit-content; 137 | box-shadow: 0 2px 4px 1px #00000026; 138 | display: table; 139 | } 140 | 141 | code { 142 | background-color: var(--ccard); 143 | box-shadow: 0 2px 4px 1px #00000026; 144 | } 145 | 146 | .md-fences, 147 | pre.md-meta-block { 148 | padding: 1rem 0.5rem 1rem; 149 | background-color: var(--ccard); 150 | box-shadow: 0 2px 4px 1px #00000026; 151 | } 152 | 153 | blockquote, 154 | h6+p, 155 | h5+p, 156 | h6+div, 157 | h5+div { 158 | padding: 8px; 159 | background-color: var(--ccard); 160 | border-radius: 4px; 161 | box-shadow: 0 2px 4px 1px #00000026; 162 | } 163 | 164 | h6+p, 165 | h5+p, 166 | h6+div, 167 | h5+div { 168 | margin-top: 0px; 169 | border-top-left-radius: 0px; 170 | } 171 | 172 | .col1 { 173 | float: left; 174 | min-width: 20em; 175 | width: fit-content; 176 | margin-right: 8px; 177 | font-size: inherit; 178 | } 179 | 180 | input[type="text"] { 181 | margin-left: 20px; 182 | } 183 | 184 | button { 185 | margin-top: 10px; 186 | padding: 4px; 187 | 188 | cursor: pointer; 189 | 190 | font-family: sans-serif; 191 | font-size: 16px; 192 | color: var(--cwhite); 193 | 194 | background-color: var(--clabel); 195 | border: none; 196 | border-radius: 2px; 197 | box-shadow: 0 2px 2px 0 #0000004c; 198 | } 199 | 200 | button:hover { 201 | background-color: #d40; 202 | } 203 | 204 | button:active { 205 | box-shadow: 0 1px 3px 2px #0000004c; 206 | } 207 | 208 | th { 209 | border: 1px solid var(--clabel); 210 | background-color: var(--clabel); 211 | color: var(--cwhite); 212 | padding: 5px; 213 | } 214 | 215 | td { 216 | border: 1px solid var(--clabel); 217 | background-color: var(--ccard); 218 | padding: 5px; 219 | } 220 | 221 | u { 222 | text-decoration: none; 223 | border: 0; 224 | border-bottom: 1px solid; 225 | border-image: linear-gradient(currentcolor, currentcolor) 1 0 / 1 0.1em; 226 | } 227 | 228 | #md-searchpanel { 229 | background-color: var(--ccard); 230 | } 231 | 232 | .context-menu { 233 | background-color: var(--ccard); 234 | } --------------------------------------------------------------------------------