personal-site/assets/css/variables.scss

38 lines
777 B
SCSS
Raw Normal View History

2021-06-06 12:09:21 +00:00
/* Dracula theme */
/*
2021-01-02 20:17:33 +00:00
:root {
--background: #282A36 ;
--comment: #6272A4 ;
--selection: #44475A ;
--foreground: #F8F8F2 ;
--cyan: #8BE9FD ;
--orange: #FFB86C;
--green: #50FA7B ;
--pink: #FF79C6 ;
--purple: #BD93F9 ;
--red: #FF5555 ;
--yellow: #F1FA8C;
}
2021-06-06 12:09:21 +00:00
*/
/* Gruvbox theme */
:root {
--background: #282828 ;
--comment: #458588 ;
--selection: #665c54 ;
--foreground: #ebdbb2 ;
--cyan: #83a598 ;
--orange: #fe8019;
--green: #98971a ;
--pink: #d3869b ;
--purple: #b16286 ;
--red: #cc241d ;
--yellow: #F1FA8C;
}
2021-01-02 20:17:33 +00:00
$ascii-line-height: 1.115em;
2021-06-06 15:38:33 +00:00
$ascii-line-height-mobile: 1.112em;
2021-01-02 20:17:33 +00:00
$header-color: var(--green);
2021-06-06 16:38:42 +00:00
$main-font: 'Mononoki', 'Twemoji', monospace;
2021-06-06 20:07:55 +00:00
$blog-font: 'Cuprum', 'Mononoki', 'Twemoji', monospace;
2021-01-02 20:17:33 +00:00
$link-color: var(--cyan);