From 4e8b1858fd82a3dabb2fbaea3479208f2111e740 Mon Sep 17 00:00:00 2001 From: OkenHaha Date: Wed, 18 Oct 2023 21:56:59 +0530 Subject: [PATCH] Added dark mode for projects page --- index.html | 7 ++++--- project.html | 26 ++++++++++++++++++++++---- style.css | 18 +++++++++++++----- 3 files changed, 39 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index a9063f4..e04736b 100644 --- a/index.html +++ b/index.html @@ -20,9 +20,10 @@

Dev Profiles

- + diff --git a/project.html b/project.html index 2a3e3d3..0e4bdf5 100644 --- a/project.html +++ b/project.html @@ -9,18 +9,20 @@ + + - +

Dev Projects


@@ -83,7 +85,7 @@

Anurag Srivastav

- +
@@ -212,7 +214,23 @@

Ashish

- + diff --git a/style.css b/style.css index 95177c9..f116dd2 100644 --- a/style.css +++ b/style.css @@ -12,7 +12,7 @@ :root { --color-green: #68EBB8; - + --color-white: #eee; --color-body-bg: #011627; --color-profile-card-bg: #2F4054; --color-profile-border: var(--color-green); @@ -147,9 +147,16 @@ h1 { } .project a:hover{ - color: #000000; + color: #333; font-size: 28px; } + +.light-icon{ + +} +.dark-icon{ + color: #222; +} .projectNam{ margin: 13px; display: flex; @@ -236,9 +243,10 @@ button { } .dark-btn { - position: sticky; - top: 0; - width: 100%; + position: sticky; + top: 20px; + left: 90%; + width: 100px; text-align: right; padding-right: 30px; background-color: #011627;