From e43602181f23e4b0ce31406bf1d1de76b973f2ce Mon Sep 17 00:00:00 2001 From: kenneth Date: Fri, 3 Dec 2021 18:18:41 +0800 Subject: Defined color variables for easy configuration. + Changed username --- README.md | 10 ++++------ index.html | 2 +- style.css | 18 +++++++++++++----- 3 files changed, 18 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index c180174..e547e6e 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,12 @@ # Startpage -Custom browser startpage: +[Live Preview](https://kencx.github.io/startpage/) + +Feel free to fork and make your own changes! + - Font: Fira Code - Colorscheme: Gruvbox Dark - Cat Gif: [Here](https://twitter.com/avogado6/status/1165595520967954432?s=19) -[Live Preview](https://kennethcheo.github.io/startpage/) - ![startpage](startpage.gif) -

cat

-## Todo: -- Turn blinking caret into working search bar diff --git a/index.html b/index.html index b2a2a53..88421d1 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - HOME + ~/startpage diff --git a/style.css b/style.css index 96fee77..d1364b3 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,15 @@ +:root { + --color-bg: #282828; + --color-fg: #EADBB2; + --color-link: #8F9191; + --color-link-visited: #668F8B; + --color-link-hover: #FA7921 ; +} + html, body { - background:#282828; + background: var(--color-bg); + color: var(--color-fg); font-family: "Fira Code"; - color: #EADBB2; height: 100%; width: 100%; margin: 0; @@ -74,15 +82,15 @@ li { a:link { text-decoration: none; - color: #8F9191; + color: var(--color-link); } a:visited { - color: #668F8B; + color: var(--color-link-visited); } a:hover { - color: #FA7921; + color: var(--color-link-hover); } .blinking { -- cgit v1.2.3