diff --git a/frontend/style.css b/frontend/style.css index d351594..595cdcc 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -3,19 +3,19 @@ --bg-color: #f5f5f5; --container-bg: #fff; --text-color: #333; - --primary-color: #1976d2; - --primary-hover: #1565c0; + --primary-color: #2e7d32; + --primary-hover: #1b5e20; --input-bg: #fff; --task-bg: #fff; --task-shadow: rgba(0,0,0,0.06); - --task-hover-shadow: rgba(25,118,210,0.10); - --button-hover-bg: #e3f2fd; - --button-active-bg: #bbdefb; + --task-hover-shadow: rgba(46,125,50,0.10); + --button-hover-bg: #e8f5e9; + --button-active-bg: #c8e6c9; --completed-color: #bdbdbd; --input-shadow: rgba(0,0,0,0.04); - --input-focus-shadow: rgba(25,118,210,0.15); - --submit-shadow: rgba(25,118,210,0.08); - --submit-hover-shadow: rgba(25,118,210,0.12); + --input-focus-shadow: rgba(46,125,50,0.15); + --submit-shadow: rgba(46,125,50,0.08); + --submit-hover-shadow: rgba(46,125,50,0.12); } [data-theme="dark"] { @@ -23,19 +23,19 @@ --bg-color: #121212; --container-bg: #1e1e1e; --text-color: #e0e0e0; - --primary-color: #64b5f6; - --primary-hover: #42a5f5; + --primary-color: #66bb6a; + --primary-hover: #43a047; --input-bg: #2d2d2d; --task-bg: #2d2d2d; --task-shadow: rgba(0,0,0,0.3); - --task-hover-shadow: rgba(100,181,246,0.15); - --button-hover-bg: #1a237e; - --button-active-bg: #283593; + --task-hover-shadow: rgba(102,187,106,0.15); + --button-hover-bg: #1b5e20; + --button-active-bg: #2e7d32; --completed-color: #757575; --input-shadow: rgba(0,0,0,0.2); - --input-focus-shadow: rgba(100,181,246,0.25); - --submit-shadow: rgba(100,181,246,0.15); - --submit-hover-shadow: rgba(100,181,246,0.25); + --input-focus-shadow: rgba(102,187,106,0.25); + --submit-shadow: rgba(102,187,106,0.15); + --submit-hover-shadow: rgba(102,187,106,0.25); } .header {