diff --git a/Petabit/wwwroot/css/site.css b/Petabit/wwwroot/css/site.css index c7ec3a9..ea0fead 100644 --- a/Petabit/wwwroot/css/site.css +++ b/Petabit/wwwroot/css/site.css @@ -5,10 +5,19 @@ html { min-height: 100%; } /* ========== Svi gumbi ========== */ + +.btn { + font-weight: 700 !important; +} + + +/* ========== Neon glow za sve gumbe ========== */ .btn { font-weight: 700 !important; + box-shadow: 0 0 5px rgba(0, 255, 0, 0.55), 0 0 10px rgba(0, 255, 0, 0.25); } + /* ========== Neon glow za sve gumbe ========== */ .btn { font-weight: 700 !important; @@ -104,12 +113,17 @@ body.dark-mode :is(h1, h2, h3, h4, h5, h6, .btn, .nav-link) { font-size: 1.5rem; cursor: pointer; padding: 0.25rem 0.5rem; + box-shadow: none !important; } .mode-toggle:focus { outline: none; box-shadow: none !important; } + .mode-toggle:hover, + .mode-toggle:active { + box-shadow: none !important; + } .mode-toggle:focus-visible { outline: 2px solid currentColor; @@ -175,6 +189,15 @@ select.form-select { /* Blockchain - bolji kontrast u dark modu */ /* Blockchain - Bitcoin orange, dark mode */ + + +/* Blockchain - zajedni�ki izgled */ + +/* Blockchain - zajedni�ki izgled */ +/* ========== Blockchain button ========== */ + +/* Zajedni�ki izgled */ + /* Blockchain - zajedni�ki izgled */ a.btn.btn-warning.btn-home { background-color: #d97706 !important; @@ -182,13 +205,21 @@ a.btn.btn-warning.btn-home { box-shadow: 0 0 6px rgba(247, 147, 26, 0.8), 0 0 14px rgba(247, 147, 26, 0.45) !important; } + +/* Light mode - tamni tekst */ + /* LIGHT MODE - tamni tekst */ + body.light-mode a.btn.btn-warning.btn-home { color: #1e1e1e !important; text-shadow: 0 0 3px rgba(255, 180, 50, 0.7) !important; } + +/* Dark mode - svijetli tekst */ + /* DARK MODE - svijetli tekst */ + body.dark-mode a.btn.btn-warning.btn-home { color: #ffffff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;