change dark theme colors

This commit is contained in:
Jonas Duri 2019-02-04 09:25:14 +01:00
parent f20edcf6d8
commit a8abf065f2
2 changed files with 36 additions and 32 deletions

View File

@ -3,26 +3,30 @@
<head> <head>
<%- include('partials/head') %> <%- include('partials/head') %>
<style> <style>
:root { :root {
--global-font-size: 15px; --global-font-size: 15px;
--global-line-height: 1.4em; --global-line-height: 1.4em;
--global-space: 10px; --global-space: 10px;
--font-stack: Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; --font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
--mono-font-stack: Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
--background-color: #151515; serif;
--page-width: 60em; --mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
--font-color: #efefef; DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
--invert-font-color: #151515; serif;
--secondary-color: #787878; --background-color: #222225;
--tertiary-color: #787878; --page-width: 60em;
--primary-color: #90f57e; --font-color: #e8e9ed;
--error-color: #ff3c74; --invert-font-color: #222225;
--progress-bar-background: #787878; --secondary-color: #a3abba;
--progress-bar-fill: #90f57e; --tertiary-color: #a3abba;
--code-bg-color: #787878; --primary-color: #62c4ff;
--input-style: solid; --error-color: #ff3c74;
--display-h1-decoration: none; --progress-bar-background: #3f3f44;
} --progress-bar-fill: #62c4ff;
--code-bg-color: #3f3f44;
--input-style: solid;
--display-h1-decoration: none;
}
</style> </style>
</head> </head>
<body class="terminal"> <body class="terminal">
@ -31,14 +35,14 @@
<p> <p>
<%- site.description %> <%- site.description %>
</p> </p>
<%- body %> <%- body %>
<hr /> <hr />
<div class="components components-grid"> <div class="components components-grid">
<%- include('partials/aside') %> <%- include('partials/aside') %>
<main> <main>
<%- include('partials/components') %> <%- include('partials/components') %> <%-
<%- include('partials/documentation') %> include('partials/documentation') %>
<hr /> <hr />
<%- include('partials/footer') %> <%- include('partials/footer') %>
<hr /> <hr />

View File

@ -8,17 +8,17 @@
--global-line-height: 1.4em; --global-line-height: 1.4em;
--font-stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, --font-stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--background-color: #151515; --background-color: #222225;
--page-width: 60em; --page-width: 60em;
--font-color: #efefef; --font-color: #e8e9ed;
--invert-font-color: #151515; --invert-font-color: #222225;
--secondary-color: #787878; --secondary-color: #a3abba;
--tertiary-color: #787878; --tertiary-color: #a3abba;
--primary-color: #90f57e; --primary-color: #62c4ff;
--error-color: #ff3c74; --error-color: #ff3c74;
--progress-bar-background: #787878; --progress-bar-background: #3f3f44;
--progress-bar-fill: #90f57e; --progress-bar-fill: #62c4ff;
--code-bg-color: #787878; --code-bg-color: #3f3f44;
--input-style: solid; --input-style: solid;
--display-h1-decoration: none; --display-h1-decoration: none;
} }