This commit is contained in:
Aevann1 2021-10-09 08:58:51 +02:00
parent 2fa363b4fd
commit e2f1260be2
8 changed files with 45 additions and 150 deletions

View file

@ -3,16 +3,11 @@
:root {
--dark: #3E2C18;
--secondary: #F0E0D6;
--danger: #E53E3E;
--white: #F1E7D0;
--black: #433434;
--light: #F0E0D6;
--success: #ff66ac;
--muted: #AA9881;
--purple: #FF66AC;
--red: #E53E3E;
--gray: #AA9881;
--green: #ff66ac;
--gray-100: #817261;
--gray-200: #433434;
--gray-300: #433434;
@ -22,18 +17,8 @@
--gray-700: #F0E0D6;
--gray-800: #F0E0D6;
--gray-900: #F0E0D6;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #FEB2B2;
--deleted: #FEFCBF;
--deletedandbanned: #ffcc99;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}
}
blockquote {

View file

@ -3,16 +3,11 @@
:root {
--dark: #3E2C18;
--secondary: #DDD2C4;
--danger: #E53E3E;
--white: #F1E7D0;
--black: #433434;
--light: #DDD2C4;
--success: #ff66ac;
--muted: #AA9881;
= --purple: #FF66AC;
--red: #E53E3E;
--gray: #AA9881;
--green: #ff66ac;
--gray-100: #817261;
--gray-200: #433434;
--gray-300: #433434;
@ -22,16 +17,6 @@
--gray-700: #DDD2C4;
--gray-800: #DDD2C4;
--gray-900: #DDD2C4;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #FEB2B2;
--deleted: #FEFCBF;
--deletedandbanned: #ffcc99;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}
@import 'https://fonts.googleapis.com/css?family=Lato:400,600,700';

View file

@ -3,16 +3,11 @@
:root {
--dark: #383838;
--secondary: #383838;
--danger: #E53E3E;
--white: #E1E1E1;
--black: #CFCFCF;
--light: #000000;
--success: #38A169;
--muted: #E1E1E1;
--purple: #ff66ac;
--red: #E53E3E;
--gray: #383838;
--green: #38A169;
--gray-100: #E1E1E1;
--gray-200: #E1E1E1;
--gray-300: #383838;
@ -22,16 +17,6 @@
--gray-700: #000000;
--gray-800: #000000;
--gray-900: #000000;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #960000;
--deleted: #969600;
--deletedandbanned: #964000;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}
* {

View file

@ -2546,6 +2546,7 @@ fieldset:disabled a.btn {
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
@ -11246,7 +11247,7 @@ ol > li::before {
}
.navbar-brand, .navbar-light .navbar-brand {
color: var(--purple);
color: var(--primary);
font-weight: 600;
}
@ -11459,7 +11460,7 @@ label.color-radio span {
}
.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus {
border-color: var(--purple);
border-color: var(--primary);
}
.form-inline.search .form-control:active, .form-inline.search .form-control:focus {
@ -11693,7 +11694,7 @@ th {
}
.active.arrow-up::before {
color: var(--upvote);
color: var(--primary);
}
.arrow-up::before {
@ -11706,12 +11707,12 @@ th {
}
.arrow-up:hover::before {
color: var(--upvote);
color: var(--primary);
opacity: 0.5;
}
.active.arrow-down::before {
color: var(--downvote);
color: #38B2AC;
}
.arrow-down::before {
@ -11724,7 +11725,7 @@ th {
}
.arrow-down:hover::before {
color: var(--downvote);
color: #38B2AC;
opacity: 0.5;
}
@ -11737,11 +11738,11 @@ th {
}
.upvoted .arrow-mobile-up {
color: var(--upvote) !important;
color: var(--primary) !important;
}
.downvoted .arrow-mobile-down {
color: var(--downvote) !important;
color: #38B2AC !important;
}
.comment-actions .score {
@ -11753,11 +11754,11 @@ th {
}
.score-up {
color: var(--upvote) !important;
color: var(--primary) !important;
}
.score-down {
color: var(--downvote) !important;
color: #38B2AC !important;
}
.banned .score {
@ -12366,7 +12367,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
.post-actions .approveDropdownItem.dropdown-item:hover, .post-actions .approveDropdownItem.dropdown-item:focus, .post-actions .approveDropdownItem.dropdown-item.active {
color: var(--white);
text-decoration: none;
background-color: var(--success);
background-color: var(--primary);
}
.post-actions .approveDropdownItem.dropdown-item:hover .fas, .post-actions .approveDropdownItem.dropdown-item:focus .fas, .post-actions .approveDropdownItem.dropdown-item.active .fas, .post-actions .approveDropdownItem.dropdown-item:hover .far, .post-actions .approveDropdownItem.dropdown-item:focus .far, .post-actions .approveDropdownItem.dropdown-item.active .far .post-actions .approveDropdownItem.dropdown-item:hover .fa,
@ -12481,7 +12482,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
.dropdown-actions .approveDropdownItem.dropdown-item:hover, .dropdown-actions .approveDropdownItem.dropdown-item:focus, .dropdown-actions .approveDropdownItem.dropdown-item.active {
color: var(--white);
text-decoration: none;
background-color: var(--success);
background-color: var(--primary);
}
.dropdown-actions .approveDropdownItem.dropdown-item:hover .fas, .dropdown-actions .approveDropdownItem.dropdown-item:focus .fas, .dropdown-actions .approveDropdownItem.dropdown-item.active .fas, .dropdown-actions .approveDropdownItem.dropdown-item:hover .far, .dropdown-actions .approveDropdownItem.dropdown-item:focus .far, .dropdown-actions .approveDropdownItem.dropdown-item.active .far .dropdown-actions .approveDropdownItem.dropdown-item:hover .fa,
@ -12804,7 +12805,7 @@ blockquote p {
.comment-actions .approveDropdownItem.dropdown-item:hover, .comment-actions .approveDropdownItem.dropdown-item:focus, .comment-actions .approveDropdownItem.dropdown-item.active {
color: var(--white);
text-decoration: none;
background-color: var(--success);
background-color: var(--primary);
}
.comment-actions .approveDropdownItem.dropdown-item:hover .fas, .comment-actions .approveDropdownItem.dropdown-item:focus .fas, .comment-actions .approveDropdownItem.dropdown-item.active .fas, .comment-actions .approveDropdownItem.dropdown-item:hover .far, .comment-actions .approveDropdownItem.dropdown-item:focus .far, .comment-actions .approveDropdownItem.dropdown-item.active .far .comment-actions .approveDropdownItem.dropdown-item:hover .fa,
@ -12961,7 +12962,7 @@ ul.comment-section {
}
.reaction .reacted {
border-color: var(--purple);
border-color: var(--primary);
background-color: rgba(60, 173, 243, 0.08);
color: #6f42c1;
}
@ -13826,7 +13827,7 @@ ul.comment-section {
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: var(--purple);
background-color: var(--primary);
border: 0.1px solid #6f42c1;
}
@ -13843,7 +13844,7 @@ ul.comment-section {
.custom-control-input:checked ~ .custom-control-label::before {
opacity: 1;
background-color: var(--success);
background-color: var(--primary);
border: #28a745 solid 0.1px;
}
@ -13892,7 +13893,7 @@ ul.comment-section {
pre code {
word-break: break-word;
white-space: break-spaces;
color: var(--code);
color: var(--primary);
}
pre.prettyprint {
@ -13931,11 +13932,11 @@ pre .lit, code .lit {
}
pre .kwd, code .kwd {
color: var(--green);
color: #38A169;
}
pre .str, code .str {
color: var(--green);
color: #38A169;
opacity: 0.75;
}
@ -14051,7 +14052,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun {
}
.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab {
color: var(--purple);
color: var(--primary);
font-size: 1.25rem;
}
@ -14205,11 +14206,11 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun {
}
.active.arrow-up::before, .active.arrow-up:hover::before {
color: var(--upvote);
color: var(--primary);
}
.active.arrow-down::before, .active.arrow-down:hover::before {
color: var(--downvote);
color: #38B2AC;
}
.dropdown-actions a {
@ -14401,28 +14402,28 @@ textarea {
}
span.red {
color: var(--admin);
color: var(--primary);
}
span.green {
color: var(--green);
color: #38A169;
}
div.banned {
background-color: var(--banned);
background-color: #960000;
border-left: 3px solid #ff0000 !important;
}
div.deleted {
background-color: var(--deleted) !important;
background-color: #969600 !important;
}
div.deleted.banned {
background-color: var(--deletedandbanned) !important;
background-color: #964000 !important;
}
.text-admin {
color: var(--admin);
color: var(--primary);
}
.in-comment-image {

View file

@ -3,16 +3,11 @@
:root {
--dark: #8b949e;
--secondary: #8b949e;
--danger: #da3633;
--white: #c9d1d9;
--black: #c9d1d9;
--light: #b1bac4;
--success: #3fb950;
--muted: #c9d1d9;
--purple: #ff66ac;
--red: #da3633;
--gray: #8b949e;
--green: #3fb950;
--gray-100: #c9d1d9;
--gray-200: #b1bac4;
--gray-300: #8b949e;
@ -22,23 +17,12 @@
--gray-700: #21262d;
--gray-800: #161b22;
--gray-900: #0d1117;
--bg-dark: #21262d;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #960000;
--deleted: #969600;
--deletedandbanned: #964000;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}
body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea {
background-color: var(--bg-dark) !important;
background-color: #21262d !important;
}
.transparent, #login {

View file

@ -3,16 +3,11 @@
:root {
--dark: #383838;
--secondary: #383838;
--danger: #E53E3E;
--white: #E1E1E1;
--black: #CFCFCF;
--light: #000000;
--success: #38A169;
--muted: #E1E1E1;
--purple: #ff66ac;
--red: #E53E3E;
--gray: #383838;
--green: #38A169;
--gray-100: #E1E1E1;
--gray-200: #E1E1E1;
--gray-300: #383838;
@ -22,16 +17,6 @@
--gray-700: #000000;
--gray-800: #000000;
--gray-900: #000000;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #960000;
--deleted: #969600;
--deletedandbanned: #964000;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}

View file

@ -2,36 +2,21 @@
:root {
--dark: #00001f;
--secondary: #ff66ac;
--danger: #ff66ac;
--secondary: var(--primary);
--white: #f0f0f0;
--black: #f0f0f0;
--light: #00001f;
--success: #38A169;
--muted: #ff66ac;
--purple: #ff66ac;
--red: #ff66ac;
--gray: #ff66ac;
--green: #38A169;
--gray-100: #ff66ac;
--gray-200: #ff66ac;
--muted: var(--primary);
--gray: var(--primary);
--gray-100: var(--primary);
--gray-200: var(--primary);
--gray-300: #00001f;
--gray-400: #ff66ac;
--gray-400: #var(--primary);
--gray-500: #00001f;
--gray-600: #00001f;
--gray-700: #00001f;
--gray-800: #00001f;
--gray-900: #00001f;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #960000;
--deleted: #969600;
--deletedandbanned: #964000;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:400,600,700';
@ -43,11 +28,11 @@
}
.comment-box {
border: 2px solid $gray-200;
border: 2px solid var(--gray-200);
}
.btn {
color: var(--admin);
color: var(--primary);
}
* {
@ -96,7 +81,7 @@
.followsyou {
background-color: var(--dark) !important;
border: 1px solid $primary !important;
border: 1px solid var(--primary) !important;
}
.badge-count {

View file

@ -3,16 +3,11 @@
:root {
--dark: #fff;
--secondary: #000000;
--danger: #E53E3E;
--white: #c0c0c0;
--black: #000000;
--light: #000000;
--success: #38A169;
--muted: #404040;
--purple: #ff66ac;
--red: #E53E3E;
--gray: #fff;
--green: #38A169;
--gray-100: #394552;
--gray-200: #c0c0c0;
--gray-300: #c0c0c0;
@ -22,16 +17,6 @@
--gray-700: #c0c0c0;
--gray-800: #07090A;
--gray-900: #000000;
--upvote: #ff66ac;
--downvote: #38B2AC;
--admin: #ff66ac;
--banned: #960000;
--deleted: #969600;
--deletedandbanned: #964000;
--mod: #07c20c;
--code: #e83e8c;
--gold: #ECC94B;
--reddit: #ED4630;
}
@ -50,7 +35,7 @@
}
.pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded {
background: $white !important;
background: var(--white) !important;
color: var(--white) !important;
}
.navbar-light > *, .navbar-brand, .nav-link{
@ -61,7 +46,7 @@
border: 2px outset white !important;
border-bottom: 2px solid #a7a5a1 !important;
border-right: 2px solid #a7a5a1 !important;
background: $gray-500 !important;
background: var(--gray-500) !important;
color: #000 !important;
}
@ -76,7 +61,7 @@
}
.dropdown-menu, .btn:hover {
background: $gray-500 !important;
background: var(--gray-500) !important;
color: #000 !important;
}
@ -96,7 +81,7 @@
blockquote {
background-color: #e0e0e0 !important;
border-bottom: 2px solid $black;
border-bottom: 2px solid var(--black);
}
.container {
@ -169,5 +154,5 @@ blockquote {
}
#thread {
background: $white !important;
background: var(--white) !important;
}