change light and dark themes

This commit is contained in:
Jonas Duri 2019-01-27 09:37:16 +01:00
parent 2a3c502e8f
commit 373c02f7e1
6 changed files with 29 additions and 24 deletions

View File

@ -1,6 +1,10 @@
# Changelog # Changelog
All notable changes to this project will be documented in this file. All notable changes to this project will be documented in this file.
## [0.3.0] - 2019-01-27
### Updated
- Changed light and dark themes
## [0.2.2] - 2019-01-27 ## [0.2.2] - 2019-01-27
### Added ### Added
- Add CHANGELOG.md file - Add CHANGELOG.md file

View File

@ -23,9 +23,9 @@ import 'terminal.css'
#### UNPKG CDN #### UNPKG CDN
The css is available via [CDN](https://unpkg.com/terminal.css@0.2.1/dist/terminal.min.css) The css is available via [CDN](https://unpkg.com/terminal.css@0.3.0/dist/terminal.min.css)
```html ```html
<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.2.2/dist/terminal.min.css" /> <link rel="stylesheet" href="https://unpkg.com/terminal.css@0.3.0/dist/terminal.min.css" />
``` ```
## Development ## Development

View File

@ -61,17 +61,18 @@
--global-line-height: 1.4em; --global-line-height: 1.4em;
--global-space: 10px; --global-space: 10px;
--font-stack: 'Fira Code',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; --font-stack: 'Fira Code',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
--background-color: #14171a; --background-color: #151515;
--page-width: 70em; --page-width: 60em;
--font-color: #d9e0e2; --font-color: #efefef;
--invert-font-color: #131719; --invert-font-color: #151515;
--secondary-color: #657786; --secondary-color: #787878;
--tertiary-color: #14171a; --tertiary-color: #787878;
--primary-color: #1da1f2; --primary-color: #90f57e;
--error-color: rgb(224, 36, 94); --error-color: #ff3c74;
--progress-bar-background: #e1e8ed; --progress-bar-background: #787878;
--progress-bar-fill: #aab8c2; --progress-bar-fill: #90f57e;
} }
.components-grid { .components-grid {
display: grid; display: grid;
grid-column-gap: 1em; grid-column-gap: 1em;
@ -603,7 +604,7 @@
</div> </div>
</div> </div>
<hr> <hr>
<p>Version: 0.2.2 <a href="#menu">Top</a></p> <p>Version: 0.3.0 <a href="#menu">Top</a></p>
</section> </section>
</div> </div>

View File

@ -583,7 +583,7 @@
</div> </div>
</div> </div>
<hr> <hr>
<p>Version: 0.2.2 <a href="#menu">Top</a></p> <p>Version: 0.3.0 <a href="#menu">Top</a></p>
</section> </section>
</div> </div>

File diff suppressed because one or more lines are too long

View File

@ -1,18 +1,18 @@
:root { :root {
--global-font-size: 14px; --global-font-size: 14px;
--global-line-height: 1.4rem; --global-line-height: 1.4em;
--global-space: 10px; --global-space: 10px;
--font-stack: 'Fira Code',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; --font-stack: 'Fira Code',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
--background-color: #fff; --background-color: #fff;
--page-width: 70em; --page-width: 60em;
--font-color: #444444; --font-color: #151515;
--invert-font-color: #fff; --invert-font-color: #fff;
--secondary-color: #9ba5a8; --secondary-color: #6a737b;
--tertiary-color: #9ba5a8; --tertiary-color: #6a737b;
--primary-color: #1d99b7; --primary-color: #511378;
--error-color: #ea4c89; --error-color: #d20962;
--progress-bar-background: #9ba5a8; --progress-bar-background: #6a737b;
--progress-bar-fill: #444444; --progress-bar-fill: #151515;
} }
* { * {