1body {
  2  color: white;
  3  background-color: #202124;
  4}
  5
  6::-moz-selection {
  7  background: blue;
  8  color: #fff;
  9  text-shadow: none;
 10}
 11
 12::selection {
 13  background: red;
 14  color: #fff;
 15  text-shadow: none;
 16}
 17
 18hr {
 19  border-top: 3px dotted blue;
 20}
 21code {
 22  background-color: lightblue;
 23  color: black;
 24  text-decoration: bold;
 25  padding: 0.1em 0.2em;
 26}
 27pre {
 28  background-color: #272822;
 29  line-height: 1.4;
 30  overflow-x: auto;
 31  padding: 1em;
 32}
 33blockquote {
 34  border-color: blue;
 35}
 36
 37h1,
 38h2,
 39h3,
 40h4,
 41h5,
 42h6 {
 43  color: #ddd;
 44}
 45h1::before {
 46  color: var(--darkMaincolor);
 47  content: "# ";
 48}
 49h2::before {
 50  color: var(--darkMaincolor);
 51  content: "## ";
 52}
 53h3::before {
 54  color: var(--darkMaincolor);
 55  content: "### ";
 56}
 57h4::before {
 58  color: var(--darkMaincolor);
 59  content: "#### ";
 60}
 61h5::before {
 62  color: var(--darkMaincolor);
 63  content: "##### ";
 64}
 65h6::before {
 66  color: var(--darkMaincolor);
 67  content: "###### ";
 68}
 69
 70a {
 71  border-bottom: 3px solid var(--darkMaincolor);
 72  color: inherit;
 73}
 74a:hover {
 75  background-color: var(--darkMaincolor);
 76  color: black;
 77}
 78
 79.site-description a {
 80  color: #ddd;
 81}
 82.site-description a:hover {
 83  color: black;
 84}
 85
 86.tags a {
 87  border-bottom: 3px solid var(--darkMaincolor);
 88}
 89.tags a:hover {
 90  background-color: var(--darkMaincolor);
 91  color: black;
 92}
 93
 94.site-title a {
 95  color: white;
 96  text-decoration: none !important;
 97}
 98
 99.header nav,
100.footer {
101  border-color: #333;
102}
103
104.highlight {
105  background-color: #333;
106}
107.soc:hover {
108  color: black;
109}
110.draft-label {
111  color: var(--darkMaincolor);
112  background-color: blue;
113}
114.highlight pre code[class=language-javaScript]::before,
115.highlight pre code[class="language-js"]::before {
116  content: "js";
117  background: #f7df1e;
118  color: black;
119}
120.highlight pre code[class*='language-yml']::before,
121.highlight pre code[class*='language-yaml']::before {
122  content: 'yaml';
123  background: #f71e6a;
124  color: white;
125}
126.highlight pre code[class*='language-shell']::before,
127.highlight pre code[class*='language-bash']::before,
128.highlight pre code[class*='language-sh']::before {
129  content: 'shell';
130  background: green;
131  color:white
132}
133.highlight pre code[class*='language-json']::before{
134  content: 'json';
135  background: dodgerblue;
136   color: #000000 
137}
138.highlight pre code[class*='language-python']::before,
139.highlight pre code[class*='language-py']::before {
140  content: 'py';
141  background: blue;
142  color: yellow ;
143}
144.highlight pre code[class*='language-css']::before{
145  content: 'css';
146  background: cyan;
147  color: black ;
148}
149.highlight pre code[class*='language-go']::before{
150  content: 'Go';
151  background: cyan;
152  color: royalblue ;
153}
154.highlight pre code[class*='language-md']::before,
155.highlight pre code[class*='language-md']::before{
156  content: 'Markdown';
157  background: royalblue;
158  color: whitesmoke ;
159}