внешний вид

This commit is contained in:
Polina 2024-05-31 17:14:31 +04:00
parent e5c8b35348
commit 7fd75d289b
4 changed files with 292 additions and 295 deletions

View File

@ -11,10 +11,10 @@
} }
.link-primary { .link-primary {
color: #0d6efd; color: #a1e6ac;
} }
.link-primary:hover, .link-primary:focus { .link-primary:hover, .link-primary:focus {
color: #0a58ca; color: #a1e6ac;
} }
.link-secondary { .link-secondary {

View File

@ -51,16 +51,13 @@
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem; --bs-body-font-size: 1.5rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 600;
--bs-body-line-height: 1.5; --bs-body-line-height: 4;
--bs-body-color: #212529; --bs-body-color: #161a15;
--bs-body-bg: #fff; --bs-body-bg: #dbf2d8;
}
*, *, *::before, *::after {
*::before,
*::after {
box-sizing: border-box; box-sizing: border-box;
} }
@ -229,11 +226,11 @@ sup {
} }
a { a {
color: #0d6efd; color: #a1e6ac;
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover {
color: #0a58ca; color: #a1e6ac;
} }
a:not([href]):not([class]), a:not([href]):not([class]):hover { a:not([href]):not([class]), a:not([href]):not([class]):hover {
@ -277,7 +274,7 @@ kbd {
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
font-size: 0.875em; font-size: 0.875em;
color: #fff; color: #fff;
background-color: #212529; background-color: #dbf2d8;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
kbd kbd { kbd kbd {
@ -2930,7 +2927,7 @@ textarea.form-control-lg {
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #212529; color: #dbf2d8;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
vertical-align: middle; vertical-align: middle;
@ -2951,7 +2948,7 @@ textarea.form-control-lg {
} }
} }
.btn:hover { .btn:hover {
color: #212529; color: #dbf2d8;
} }
.btn-check:focus + .btn, .btn:focus { .btn-check:focus + .btn, .btn:focus {
outline: 0; outline: 0;
@ -2963,93 +2960,93 @@ textarea.form-control-lg {
} }
.btn-primary { .btn-primary {
color: #fff; color: #030303;
background-color: #0d6efd; background-color: #a1e6ac;
border-color: #0d6efd; border-color: #a1e6ac;
} }
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #030303;
background-color: #0b5ed7; background-color: #a1e6ac;
border-color: #0a58ca; border-color: #a1e6ac;
} }
.btn-check:focus + .btn-primary, .btn-primary:focus { .btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff; color: #030303;
background-color: #0b5ed7; background-color: #a1e6ac;
border-color: #0a58ca; border-color: #a1e6ac;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
} }
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #fff; color: #030303;
background-color: #0a58ca; background-color: #a1e6ac;
border-color: #0a53be; border-color: #a1e6ac;
} }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
} }
.btn-primary:disabled, .btn-primary.disabled { .btn-primary:disabled, .btn-primary.disabled {
color: #fff; color: #030303;
background-color: #0d6efd; background-color: #a1e6ac;
border-color: #0d6efd; border-color: #a1e6ac;
} }
.btn-secondary { .btn-secondary {
color: #fff; color: #030303;
background-color: #6c757d; background-color: #a1e6ac;
border-color: #6c757d; border-color: #a1e6ac;
} }
.btn-secondary:hover { .btn-secondary:hover {
color: #fff; color: #030303;
background-color: #5c636a; background-color: #a1e6ac;
border-color: #565e64; border-color: #a1e6ac;
} }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { .btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff; color: #030303;
background-color: #5c636a; background-color: #a1e6ac;
border-color: #565e64; border-color: #a1e6ac;
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
} }
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
color: #fff; color: #030303;
background-color: #565e64; background-color: #a1e6ac;
border-color: #51585e; border-color: #a1e6ac;
} }
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
} }
.btn-secondary:disabled, .btn-secondary.disabled { .btn-secondary:disabled, .btn-secondary.disabled {
color: #fff; color: #030303;
background-color: #6c757d; background-color: #a1e6ac;
border-color: #6c757d; border-color: #a1e6ac;
} }
.btn-success { .btn-success {
color: #fff; color: #030303;
background-color: #198754; background-color: #a1e6ac;
border-color: #198754; border-color: #a1e6ac;
} }
.btn-success:hover { .btn-success:hover {
color: #fff; color: #030303;
background-color: #157347; background-color: #a1e6ac;
border-color: #146c43; border-color: #a1e6ac;
} }
.btn-check:focus + .btn-success, .btn-success:focus { .btn-check:focus + .btn-success, .btn-success:focus {
color: #fff; color: #030303;
background-color: #157347; background-color: #a1e6ac;
border-color: #146c43; border-color: #a1e6ac;
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
} }
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
color: #fff; color: #030303;
background-color: #146c43; background-color: #a1e6ac;
border-color: #13653f; border-color: #a1e6ac;
} }
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
} }
.btn-success:disabled, .btn-success.disabled { .btn-success:disabled, .btn-success.disabled {
color: #fff; color: #030303;
background-color: #198754; background-color: #a1e6ac;
border-color: #198754; border-color: #a1e6ac;
} }
.btn-info { .btn-info {

View File

@ -33,7 +33,7 @@ body {
hr { hr {
margin: 1rem 0; margin: 1rem 0;
color: inherit; color: inherit;
background-color: currentColor; background-color: --bs-gray-400;
border: 0; border: 0;
opacity: 0.25; opacity: 0.25;
} }
@ -176,11 +176,11 @@ sup {
} }
a { a {
color: #0d6efd; color: #a1e6ac
text-decoration: underline; text-decoration: underline;
} }
a:hover { a:hover {
color: #0a58ca; color: #a1e6ac;
} }
a:not([href]):not([class]), a:not([href]):not([class]):hover { a:not([href]):not([class]), a:not([href]):not([class]):hover {
@ -224,7 +224,7 @@ kbd {
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
font-size: 0.875em; font-size: 0.875em;
color: #fff; color: #fff;
background-color: #212529; background-color: #dbf2d8;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
kbd kbd { kbd kbd {

View File

@ -46,16 +46,16 @@
--bs-dark-rgb: 33, 37, 41; --bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255; --bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0; --bs-black-rgb: 0, 0, 0;
--bs-body-rgb: 33, 37, 41; --bs-body-rgb: 33, 37, 50;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem; --bs-body-font-size: 1.5rem;
--bs-body-font-weight: 400; --bs-body-font-weight: 600;
--bs-body-line-height: 1.5; --bs-body-line-height: 4;
--bs-body-color: #212529; --bs-body-color: #161a15;
--bs-body-bg: #fff; --bs-body-bg: #dbf2d8;
} }
*, *,
@ -78,7 +78,7 @@ body {
line-height: var(--bs-body-line-height); line-height: var(--bs-body-line-height);
color: var(--bs-body-color); color: var(--bs-body-color);
text-align: var(--bs-body-text-align); text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg); background-color: #dbf2d8;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
@ -2963,93 +2963,93 @@ textarea.form-control-lg {
} }
.btn-primary { .btn-primary {
color: #fff; color: #030303;
background-color: #0d6efd; background-color: #a1e6ac;
border-color: #0d6efd; border-color: #a1e6ac;
} }
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #030303;
background-color: #0b5ed7; background-color: #a1e6ac;
border-color: #0a58ca; border-color: #a1e6ac;
} }
.btn-check:focus + .btn-primary, .btn-primary:focus { .btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff; color: #030303;
background-color: #0b5ed7; background-color: #a1e6ac;
border-color: #0a58ca; border-color: #a1e6ac;
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
} }
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #fff; color: #030303;
background-color: #0a58ca; background-color: #a1e6ac;
border-color: #0a53be; border-color: #a1e6ac;
} }
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
} }
.btn-primary:disabled, .btn-primary.disabled { .btn-primary:disabled, .btn-primary.disabled {
color: #fff; color: #030303;
background-color: #0d6efd; background-color: #a1e6ac;
border-color: #0d6efd; border-color: #a1e6ac;
} }
.btn-secondary { .btn-secondary {
color: #fff; color: #030303;
background-color: #6c757d; background-color: #a1e6ac;
border-color: #6c757d; border-color: #a1e6ac;
} }
.btn-secondary:hover { .btn-secondary:hover {
color: #fff; color: #030303;
background-color: #5c636a; background-color: #a1e6ac;
border-color: #565e64; border-color: #a1e6ac;
} }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { .btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff; color: #030303;
background-color: #5c636a; background-color: #a1e6ac;
border-color: #565e64; border-color: #a1e6ac;
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
} }
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
color: #fff; color: #030303;
background-color: #565e64; background-color: #a1e6ac;
border-color: #51585e; border-color: #a1e6ac;
} }
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
} }
.btn-secondary:disabled, .btn-secondary.disabled { .btn-secondary:disabled, .btn-secondary.disabled {
color: #fff; color: #030303;
background-color: #6c757d; background-color: #a1e6ac;
border-color: #6c757d; border-color: #a1e6ac;
} }
.btn-success { .btn-success {
color: #fff; color: #030303;
background-color: #198754; background-color: #a1e6ac;
border-color: #198754; border-color: #a1e6ac;
} }
.btn-success:hover { .btn-success:hover {
color: #fff; color: #030303;
background-color: #157347; background-color: #a1e6ac;
border-color: #146c43; border-color: #a1e6ac;
} }
.btn-check:focus + .btn-success, .btn-success:focus { .btn-check:focus + .btn-success, .btn-success:focus {
color: #fff; color: #030303;
background-color: #157347; background-color: #a1e6ac;
border-color: #146c43; border-color: #a1e6ac;
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
} }
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
color: #fff; color: #030303;
background-color: #146c43; background-color: #a1e6ac;
border-color: #13653f; border-color: #a1e6ac;
} }
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
} }
.btn-success:disabled, .btn-success.disabled { .btn-success:disabled, .btn-success.disabled {
color: #fff; color: #030303;
background-color: #198754; background-color: #a1e6ac;
border-color: #198754; border-color: #a1e6ac;
} }
.btn-info { .btn-info {