Merge pull request #112 from msv6264/homepage_ui

improvement in ui of home page
Jyotibrat · Feb 3, 2025 · e64b8a0 · e64b8a0
2 parents aa78195 + 4c67aa4
commit e64b8a0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/src/styles/base.css b/src/styles/base.css
@@ -59,7 +59,7 @@ textarea, #preview {
   font-family: 'Roboto Mono', monospace;
   font-size: 15px;
   padding: 10px;
-  border: 1px solid #ddd;
+  border: 1px solid var(--hr-color);
   border-radius: 5px;
   background-color: var(--textarea-markdown);
   color: var(--text-color);
@@ -85,7 +85,7 @@ textarea, #preview {
 
 hr {
   border: none;
-  border-top: 1px solid #ccc;
+  border-top: 1px solid var(--hr-color);
   margin: 10px 0;
 }
 

diff --git a/src/styles/components.css b/src/styles/components.css
@@ -5,6 +5,7 @@
   border-radius: 50%;
   transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
   filter: brightness(1);
+  margin: -10% !important;
 }
 
 .logo:hover {
@@ -14,8 +15,15 @@
 }
 
 /* Component-Specific Styles */
-.input-section:focus-within, .preview-section:hover {
+
+.input-section, .preview-section {
+  background: var(--input-section);
+  border: 2px solid #000;
+}
+
+.input-section:hover, .preview-section:hover {
   transform: scale(1.02);
+  border: none;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
 }
 
@@ -115,7 +123,7 @@
 }
 
 nav a {
-  color: var(--text-color);
+  color: var(--nav-text);
   text-decoration: none;
   margin: 5px;
   font-size: 17px;

diff --git a/src/styles/themes.css b/src/styles/themes.css
@@ -17,6 +17,9 @@ body.theme-light {
   */
 
 body.theme-light {
+  --nav-text: white;
+  --input-section: rgb(247, 242, 234);
+  --hr-color: #000000;
   --background-color: #e6e6e68a;
   --input-sec-bg: #e7e7e7aa;
   --text-color: #006064;
@@ -32,6 +35,9 @@ body.theme-light {
 
 /* Base Dark Theme */
 body.theme-dark {
+  --nav-text: #ffffff;
+  --input-section: #2d2d2d;
+  --hr-color: #ccc;
   --background-color: #1e1e1e;
   --input-sec-bg: #2d2d2d;
   --text-color: #e0e0e0;