burakalmazlar/todo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update button and input styles with new color variables and hover/focus states
All checks were successful
Release and Build Docker Images / release-and-build (push) Successful in 1m46s
Details

Browse Source
This commit is contained in:
almazlar
2026-02-22 18:50:17 +03:00
parent 4c6eebe61f
commit fe20a69482
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/index.css
View File

@@ -1,3 +1,4 @@
/* Existing CSS rules */
:root { :root {
--rich-cerulean-50: #eaf4fb; --rich-cerulean-50: #eaf4fb;
--rich-cerulean-100: #d5eaf6; --rich-cerulean-100: #d5eaf6;
@@ -111,10 +112,14 @@ button {
border: none; border: none;
outline: none; outline: none;
transition: all 0.3s ease; transition: all 0.3s ease;
background-color: var(--accent-primary); background-color: var(--color-smart-blue-500); /* Default background color */
color: var(--text-main); color: var(--text-main);
padding: 10px 20px; padding: 10px 20px;
border-radius: 4px; border-radius: 4px;
&:hover {
background-color: var(--color-smart-blue-600); /* Hover state background color */
}
} }
input { input {
@@ -123,6 +128,13 @@ input {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-main); color: var(--text-main);
padding: 8px 12px; padding: 8px 12px;
border: 1px solid var(--border-color); border: 1px solid var(--color-smart-blue-300);
border-radius: 4px;
&:focus {
border-color: var(--color-smart-blue-400); /* Focus state border color */
}
}
h1, h2, h3 {
color: var(--color-smart-blue-500);
} }