marcokai.css

/*
 * Copyright 2020 Marco Ceppi <marco@ceppi.net>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --dimmed-text-color: #f8f8f2;
  --dimmed-border-color: #44475a;
  --background-color: #282a36;
  --body-text-color: #fff;
  --post-title-color: #f8f8f2;
  --post-date-color: #f8f8f2;
  --post-text-color: #f8f8f2;
  --page-menu-link-color: #fff;
  --header-author-name: var(--body-text-color);
  --header-listed-name: var(--body-text-color);
  --more-from-border-color: var(--dimmed-border-color);
  --bio-color: var(--body-text-color);
  --wordcount-color: var(--body-text-color);
  --website-color: var(--body-text-color);
  --twitter-color: var(--body-text-color);
  --link-color: #f1fa8c;
  --header-border-color: var(--dimmed-border-color);
  --contrast-background: #1A2330;
  --sn-stylekit-foreground-color: var(--body-text-color);
  --sn-stylekit-background-color: var(--background-color);
  --sn-stylekit-contrast-foreground-color: var(--contrast-background);
}

#page-header .left .path-item:before {
  content: ">";
}

.highlight {
  background-color: transparent;
}

.post-content pre {
  background-color: var(--contrast-background);
}

.post-content code.prettyprint {
  background-color: var(--contrast-background);
  border-color: var(--contrast-background);
  color: #a6e22e;
}

.post-content ul {
  padding-inline-start: 20px;
}

.highlight .o {
  color: var(--body-text-color);
}

.highlight .k,
.highlight .kv,
.highlight .ow,
.highlight .nt {
  color: #f92672;
}

.highlight .nf,
.highlight .s2 {
  color: #a6e22e;
}

.highlight .nb {
  color: #56B6C2;
}

#footer .left,
#footer .right {
  float: none;
  display: inline-block;
}

#footer .left .listed {
  padding-right: 0;
}

#settings .urls .url a {
  color: inherit;
}