1/* Style for rendered Markdown */
  2
  3:root {
  4  --ctp-mocha-rosewater: #f5e0dc;
  5	--ctp-mocha-flamingo: #f2cdcd;
  6	--ctp-mocha-pink: #f5c2e7;
  7	--ctp-mocha-mauve: #cba6f7;
  8	--ctp-mocha-red: #f38ba8;
  9	--ctp-mocha-maroon: #eba0ac;
 10	--ctp-mocha-peach: #fab387;
 11	--ctp-mocha-yellow: #f9e2af;
 12	--ctp-mocha-green: #a6e3a1;
 13	--ctp-mocha-teal: #94e2d5;
 14	--ctp-mocha-sky: #89dceb;
 15	--ctp-mocha-sapphire: #74c7ec;
 16	--ctp-mocha-blue: #89b4fa;
 17	--ctp-mocha-lavender: #b4befe;
 18	--ctp-mocha-text: #cdd6f4;
 19	--ctp-mocha-subtext1: #bac2de;
 20	--ctp-mocha-subtext0: #a6adc8;
 21	--ctp-mocha-overlay2: #9399b2;
 22	--ctp-mocha-overlay1: #7f849c;
 23	--ctp-mocha-overlay0: #6c7086;
 24	--ctp-mocha-surface2: #585b70;
 25	--ctp-mocha-surface1: #45475a;
 26	--ctp-mocha-surface0: #313244;
 27	--ctp-mocha-base: #1e1e2e;
 28	--ctp-mocha-mantle: #181825;
 29	--ctp-mocha-crust: #11111b;
 30  --white: #D9E0EE;
 31  --black: #000000;
 32  --light: #C9CFFF;
 33  --lighter-grey: #C3BAC6;
 34  --light-grey: #988BA2;
 35
 36	--font-face: "Noto Sans", Arial, Helvetica, sans-serif;
 37  --font-mono: "Roboto Mono", Courier, monospace;
 38  --font-size: 13px;
 39  --icon-size: 16px;
 40
 41  --regular: 400;
 42  --bolder: 600;
 43
 44  --scroll-radius: 3px;
 45
 46  --opacity-0-8: 0.8;
 47}
 48
 49body, th, td {
 50  background-color: var(--ctp-mocha-base) !important;
 51  font-family: var(--font-face) !important;
 52}
 53
 54p, ul, ol, li {
 55  color: var(--ctp-mocha-text) !important;
 56}
 57
 58strong {
 59  color: var(--ctp-mocha-text) !important;
 60}
 61
 62hr {
 63  border: none;
 64  border-bottom: 1px solid var(--ctp-mocha-overlay1) !important;
 65  margin: 2.5em 0 !important;
 66}
 67
 68/* Scrollbars */
 69::-webkit-scrollbar-thumb {
 70  background-color: var(--ctp-mocha-base) !important;
 71  border-radius: var(--scroll-radius) !important;
 72}
 73
 74/*********************************************************************************
 75* TITLES
 76*********************************************************************************/
 77
 78h1 {
 79  color: var(--ctp-mocha-text);
 80  border-bottom: 1px solid var(--ctp-mocha-base) !important;
 81  font-weight: var(--bolder) !important;
 82  font-size: 2rem !important;
 83  margin: 1rem 0;
 84}
 85
 86h2, h3, h4, h5, h6 {
 87  color: var(--ctp-mocha-subtext1);
 88  border-bottom: 0 !important;
 89  font-weight: var(--regular) !important;
 90  margin: 1rem 0;
 91}
 92
 93/*********************************************************************************
 94* LINKS
 95*********************************************************************************/
 96
 97a {
 98  color: var(--ctp-mocha-blue) !important;
 99  text-decoration: underline !important;
100}
101
102a:hover {
103  text-decoration: underline !important;
104}
105
106/*********************************************************************************
107* CODE BLOCK
108*********************************************************************************/
109
110pre, .hljs {
111  background-color: var(--ctp-mocha-mantle) !important;
112  font-family: var(--font-mono) !important;
113  padding: 10px !important;
114  margin: 1rem;
115  color: var(--ctp-mocha-text) !important;
116  font-size: 14px !important;
117  overflow: scroll !important;
118}
119
120/* Inline code */
121:not(pre) > code, .inline-code {
122  background-color: transparent !important;
123  border: 0 !important;
124  font-family: var(--font-mono) !important;
125  color: var(--ctp-mocha-flamingo) !important;
126  font-size: 16px !important;
127}
128
129/*********************************************************************************
130* BLOCKQUOTE
131*********************************************************************************/
132
133blockquote {
134  background-color: var(--ctp-mocha-surface0) !important;
135  padding: 10px !important;
136  color: var(--light) !important;
137  font-size: 14px !important;
138  font-style: italic !important;
139  border: 0 !important;
140  border-left: 5px solid var(--ctp-mocha-mantle) !important;
141}
142
143/*********************************************************************************
144* TABLES
145*********************************************************************************/
146
147th {
148  border: 1px solid var(--ctp-mocha-text) !important;
149  color: var(--ctp-mocha-text) !important;
150  border-bottom: 1px solid var(--ctp-mocha-text) !important;
151}
152
153td {
154  border: 1px solid var(--ctp-mocha-text) !important;
155  color: var(--ctp-mocha-text) !important;
156  border-bottom: 1px solid var(--ctp-mocha-text) !important;
157}
158
159/*********************************************************************************
160* HIGHLIGHTING
161*********************************************************************************/
162
163::selection {
164	background-color: var(--ctp-mocha-lavender) !important;
165  color: var(--ctp-mocha-crust) !important;
166}
167
168mark, mark strong {
169  background: var(--ctp-mocha-yellow) !important;
170  color: var(--ctp-mocha-crust) !important;
171}
172
173/* Highlighted searched item */
174mark[data-markjs] {
175  background-color: var(--ctp-mocha-lavender) !important;
176}
177