From 664000efc93fc1c1a7da85884382bfabb11f8510 Mon Sep 17 00:00:00 2001 From: pufok Date: Tue, 10 Jun 2025 08:12:53 +0300 Subject: [PATCH] color changes --- src/App.css | 24 +++++++++++++++++------- 1 file changed, 17 insertions(+), 7 deletions(-) diff --git a/src/App.css b/src/App.css index 1d5651d..a23a5b2 100644 --- a/src/App.css +++ b/src/App.css @@ -1,6 +1,6 @@ :root { - --link-color: rgb(245, 132, 79); - --link-hover-color: rgb(238, 127, 75); + --main-accent-color: #f5844f; + --link-hover-color: #ee7f4b; } body { @@ -55,8 +55,18 @@ body { } .navbar a { - color: var(--link-color); /* Цвет ссылок */ - text-decoration: none; /* Убираем подчёркивание */ + color: var(--main-accent-color); + + display: inline-flex; + align-items: center; + text-decoration: none; + color: #efc3ea; + gap: 0.5rem; + transition: all 0.3s ease; + border-radius: 8px; + background-color: var(--main-accent-color); + padding: 0.5rem 1rem; + position: relative; } .navbar a:hover { @@ -67,7 +77,7 @@ body { text-align: center; padding: 1.5rem; /* background: #18161f; */ - color: rgb(238, 127, 75); + color: #ee7f4b; margin-top: auto; } @@ -202,7 +212,7 @@ body { } .webring-ring h2 a { - color: var(--link-color); + color: var(--main-accent-color); text-decoration: none; font-size: 1.2rem; font-weight: bold; @@ -220,7 +230,7 @@ body { } .webring-links a { - color: var(--link-color); + color: var(--main-accent-color); text-decoration: none; font-size: 1rem; transition: color 0.3s ease;