diff --git a/static/css/style.css b/static/css/style.css index 1379381..06aba9e 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -40,11 +40,34 @@ --bs-primary-text-emphasis: color-mix(in srgb, var(--bs-primary), white); } +.bg-body { + background-color: var(--bs-body-bg) !important; +} + +.placeholder { + border-radius: var(--bs-border-radius-sm); +} + [data-bs-theme=light] .light-invert, [data-bs-theme=dark] .dark-invert { filter: invert(); } +.tooltip { + --bs-tooltip-color: var(--bs-body-color); + --bs-tooltip-bg: var(--bs-body-bg); + --bs-tooltip-opacity: 1; +} + +.tooltip-inner { + border: 1px solid var(--bs-primary-bg-subtle); + box-shadow: var(--bs-box-shadow); +} + +.text-primary { + color: var(--bs-primary) !important; +} + .btn-check:checked + .btn-secondary, .btn-check:checked + .btn-outline-secondary { --bs-btn-active-bg: var(--bs-basic-btn-active-bg-strong) !important; --bs-btn-active-color: var(--bs-body-color); @@ -68,6 +91,20 @@ .btn-outline-danger { --bs-btn-color: var(--bs-danger); --bs-btn-border-color: var(--bs-danger); + --bs-btn-hover-color: ; + --bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger-border-subtle) 60%, transparent); + --bs-btn-hover-border-color: #dc3545; +} +[data-bs-theme=dark] .btn-outline-danger { + --bs-btn-active-bg: var(--bs-danger-border-subtle); +} +[data-bs-theme=dark] .btn-danger { + --bs-btn-border-color: var(--bs-danger-border-subtle); + --bs-btn-bg: var(--bs-danger-border-subtle); + --bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger-border-subtle) 80%, var(--bs-body-bg)); + --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-danger-border-subtle) 80%, var(--bs-body-bg)); + --bs-btn-active-bg: color-mix(in srgb, var(--bs-danger-border-subtle) 70%, var(--bs-body-bg)); + --bs-btn-active-border-color: color-mix(in srgb, var(--bs-danger-border-subtle) 70%, var(--bs-body-bg)); } .btn { @@ -148,10 +185,6 @@ background-color: var(--bs-btn-active-bg) !important; } -.btn-close { - --bs-btn-close-bg: none; -} - .modal { --bs-modal-padding: 1.3rem; --bs-modal-header-padding: 1.3rem; @@ -217,11 +250,15 @@ a:hover { --bs-dropdown-link-hover-color: var(--bs-danger); } -.bg-hover-danger.dropdown-item.active, .bg-hover-danger.dropdown-item:active { +/*.bg-hover-danger.dropdown-item.active, .bg-hover-danger.dropdown-item:active { --bs-dropdown-link-active-bg: var(--bs-danger); - background-color: red !important; - color: white !important; - --bs-dropdown-link-active-color: white; + background-color: var(--bs-danger) !important; + color: var(--bs-dropdown-bg) !important;*/ +/* color: white !important; */ +/* --bs-dropdown-link-active-color: white; */ +/* } */ +.bg-hover-danger.dropdown-item.active, .bg-hover-danger.dropdown-item:active { + color: var(--bs-dropdown-link-active-color) !important; } .form-control:focus, .form-check-input:focus, @@ -240,32 +277,6 @@ a:hover { box-shadow: var(--bs-box-shadow); } -.no-arrow.dropdown-toggle::after { - border: none; - display: none; -} - -.markdown-content p { - margin: 0; -} -.markdown-content ol { - margin-bottom: 0; -} -.markdown-content blockquote { - border-left: 3px solid var(--bs-border-color); -} -.markdown-content blockquote p { - margin-left: .5rem; -} - -.htmx-indicator { - display: none; -} -.htmx-request .htmx-indicator, -.htmx-request.htmx-indicator { - display: inline-block; -} - .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); @@ -327,17 +338,7 @@ a:hover { } .emoji:hover { - scale: 1.3; -} - -.fw-buttons button { - width: 100%; - margin-top: .25rem; - margin-bottom: .25rem; -} - -.markdown-content p:not(:first-child) { - margin-top: .5rem; + scale: 1.5; } .scale-parent:hover .scale-child,