Update dark theme (#72)
* Add gitignore and static icons * Add social icons bar * Add more social icons, fix styling for header * Fix dark theme bug * Remove AWS icon * Add math typesetting to readme features * Templatize social icons * Add documentation and fix menu icon * Add more icons in example site * Fix lang in code blocks * Fix codeblocks lang and use twitch icon * Reduce spacing around and between social icons * Fix icon sizing * Hard code width and height * Fix language in code blocks * Update language * Update Readme * Add screenshot * Update screenshots * Update dark theme primary color * Fixes related to dark theme Co-authored-by: Yash Mehrotra <yashmehrotra95@gmail.com>
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
:root {
|
||||
--dark-primary-color: 32, 32, 32;
|
||||
--dark-primary-color: 34, 39, 46;
|
||||
--dark-secondary-color: #2d333b;
|
||||
--dark-tertiary-color: #646464;
|
||||
--dark-text-color: white;
|
||||
--dark-secondary-color: #555;
|
||||
}
|
||||
|
||||
html {
|
||||
@@ -67,8 +68,13 @@ table th {
|
||||
border-bottom-color: var(--dark-secondary-color);
|
||||
}
|
||||
|
||||
:not(pre) > code {
|
||||
code,
|
||||
pre {
|
||||
background-color: var(--dark-secondary-color) !important;
|
||||
}
|
||||
|
||||
:not(pre) > code {
|
||||
background-color: var(--dark-tertiary-color) !important;
|
||||
color: var(--dark-text-color);
|
||||
}
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
|
||||
--light-primary-color: 255, 255, 255;
|
||||
--light-secondary-color: #dddddd;
|
||||
--light-tertiary-color: #272822;
|
||||
--light-text-color: black;
|
||||
}
|
||||
|
||||
@@ -230,7 +231,7 @@ a:hover .feather-sun {
|
||||
/* CODE BLOCKS */
|
||||
code,
|
||||
pre {
|
||||
background-color: #272822 !important;
|
||||
background-color: var(--light-tertiary-color);
|
||||
box-sizing: border-box;
|
||||
color: white;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user