ivan/site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated color scheme

Browse Source
This commit is contained in:
Rawley
2022-03-09 15:25:37 +00:00
parent e9f8f344a7
commit 481f14543d
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/index.css
View File

@@ -14,18 +14,18 @@ GNU General Public License for more details.
You should have received a copy of the GNU General Public License You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.Rawley Fowler, 2022 along with this program. If not, see <https://www.gnu.org/licenses/>.Rawley Fowler, 2022
*/ */
/* Color Scheme from here: https://draculatheme.com */
html { html {
max-width: 100vw; max-width: 100vw;
min-height: 100vh; min-height: 100vh;
} }
body { body {
color: #242124; color: #282a36;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialias; -webkit-font-smoothing: antialias;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
background-color: #fafafa; background-color: #f8f8f2;
font-size: calc(12px + 0.33vw); font-size: calc(12px + 0.33vw);
margin: auto; margin: auto;
padding: 1.3em; padding: 1.3em;
@@ -71,8 +71,8 @@ li {
} }
span { span {
background-color: rgba(25, 25, 25, 0.6); background-color: #6272a4;
color: #50f77b; color: #50fa7b;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
} }
@@ -92,7 +92,7 @@ a::after {
right: 0; right: 0;
bottom: 0; bottom: 0;
transition: 102ms cubic-bezier(0, 0.86, 0.1, 1); transition: 102ms cubic-bezier(0, 0.86, 0.1, 1);
background-color: rgba(255, 222, 0); background-color: #ffb86c;
} }
a:hover:after { a:hover:after {
@@ -165,14 +165,14 @@ a:hover:after {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
color: #fafafa; color: #f8f8f2;
background-color: #242124; background-color: #282a36;
} }
body * { body * {
color: #fafafa; color: #f8f8f2;
} }
body > * { body > * {
color: #fafafa; color: #f8f8f2;
} }
a::after { a::after {
background-color: #bd93f9; background-color: #bd93f9;