From 27aab70386c68f3a0f22c52e72b91cf16b289100 Mon Sep 17 00:00:00 2001 From: Elizabeth Hunt Date: Mon, 25 Mar 2024 12:08:35 -0600 Subject: initial commit --- static/css/styles.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 static/css/styles.css (limited to 'static/css') diff --git a/static/css/styles.css b/static/css/styles.css new file mode 100644 index 0000000..3b2f447 --- /dev/null +++ b/static/css/styles.css @@ -0,0 +1,42 @@ +:root { + /* Light theme colors */ + --background-color: #F4E8E9; /* Soft pink background */ + --text-color: #333; /* Dark text for contrast */ + --link-color: #D291BC; /* Retro pink for links */ + --container-bg: #FFF7F8; /* Very light pink for containers */ +} + +.dark-mode { + /* Dark theme colors */ + --background-color: #333; /* Dark background */ + --text-color: #F4E8E9; /* Light text for contrast */ + --link-color: #B86B77; /* Soft pink for links */ + --container-bg: #424242; /* Darker shade for containers */ +} + +body { + font-family: 'ComicSans', sans-serif; + background-color: var(--background-color); + color: var(--text-color); + padding: 20px; + text-align: center; +} + +a { + color: var(--link-color); + text-decoration: none; + font-weight: bold; +} + +a:hover { + text-decoration: underline; +} + +.container { + max-width: 600px; + margin: auto; + background-color: var(--container-bg); + padding: 20px; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +} -- cgit v1.2.3-70-g09d2