STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions 1 Packages Projects Releases 3 Wiki Activity

disable dark mode temp

Browse Source
This commit is contained in:
James Collins
2023-04-22 21:21:25 +10:00
parent a663e2bd56
commit e8a597ec6b
5 changed files with 56 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/css/utils.scss
View File

@@ -15,17 +15,17 @@
display: none; display: none;
} }
@media (prefers-color-scheme: dark) { // @media (prefers-color-scheme: dark) {
.dark\:d-none { // .dark\:d-none {
display: none !important; // display: none !important;
} // }
} // }
@media (prefers-color-scheme: light) { // @media (prefers-color-scheme: light) {
.light\:d-none { // .light\:d-none {
display: none !important; // display: none !important;
} // }
} // }
/* Width */ /* Width */
.w-100 { .w-100 {

56
resources/css/variables.scss
View File

@@ -78,42 +78,42 @@
--banner-purple-color-text: #fff; --banner-purple-color-text: #fff;
} }
@media (prefers-color-scheme: dark) { // @media (prefers-color-scheme: dark) {
:root { // :root {
// yes // // yes
--base-color: #222; // --base-color: #222;
--base-color-text: rgba(255, 255, 255, 0.9); // --base-color-text: rgba(255, 255, 255, 0.9);
--base-color-border: #000; // --base-color-border: #000;
--base-color-light: #333; // --base-color-light: #333;
// no // // no
--base-color-dark: #444; // --base-color-dark: #444;
--base-color-darker: #999; // --base-color-darker: #999;
--footer-color-text: #999; // --footer-color-text: #999;
--footer-color-border: rgba(255, 255, 255, 0.1); // --footer-color-border: rgba(255, 255, 255, 0.1);
--primary-color-lighter: #095589; // --primary-color-lighter: #095589;
--primary-color-light: #0e80ce; // --primary-color-light: #0e80ce;
// yes // // yes
--primary-color: #35a5f1; // --primary-color: #35a5f1;
--primary-color-dark: #67bbf4; // --primary-color-dark: #67bbf4;
--primary-color-darker: #cce8fb; // --primary-color-darker: #cce8fb;
--danger-color-lighter: #f3c8c8; // --danger-color-lighter: #f3c8c8;
--danger-color-light: #db5c5a; // --danger-color-light: #db5c5a;
--danger-color: #db5c5a; // --danger-color: #db5c5a;
--danger-color-dark: #952220; // --danger-color-dark: #952220;
--danger-color-darker: #641715; // --danger-color-darker: #641715;
// yes // // yes
--accent-2-color: #063954; // --accent-2-color: #063954;
--accent-2-color-text: #cce8fb; // --accent-2-color-text: #cce8fb;
} // }
} // }
/* interim */ /* interim */
$font-size: var(--default-font-size); $font-size: var(--default-font-size);

16
resources/js/components/SMMastHead.vue
View File

@@ -166,13 +166,13 @@ const tabs = () => {
} }
} }
@media (prefers-color-scheme: dark) { // @media (prefers-color-scheme: dark) {
.masthead { // .masthead {
background-color: var(--primary-color-light); // background-color: var(--primary-color-light);
.tabs .tab-item.active { // .tabs .tab-item.active {
color: var(--primary-color-light); // color: var(--primary-color-light);
} // }
} // }
} // }
</style> </style>

10
resources/js/components/SMNavbar.vue
View File

@@ -276,11 +276,11 @@ onUnmounted(() => {
} }
} }
@media (prefers-color-scheme: dark) { // @media (prefers-color-scheme: dark) {
.navbar #nav-head #nav-toggle { // .navbar #nav-head #nav-toggle {
filter: invert(100%) saturate(0%) brightness(120%); // filter: invert(100%) saturate(0%) brightness(120%);
} // }
} // }
@media screen and (max-width: 650px) { @media screen and (max-width: 650px) {
.nav-right { .nav-right {

10
resources/js/components/SMPagination.vue
View File

@@ -192,9 +192,9 @@ if (props.modelValue < 1) {
} }
} }
@media (prefers-color-scheme: dark) { // @media (prefers-color-scheme: dark) {
.pagination .item.active { // .pagination .item.active {
background-color: var(--primary-color-light); // background-color: var(--primary-color-light);
} // }
} // }
</style> </style>