STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions 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;
}
@media (prefers-color-scheme: dark) {
.dark\:d-none {
display: none !important;
}
}
// @media (prefers-color-scheme: dark) {
// .dark\:d-none {
// display: none !important;
// }
// }
@media (prefers-color-scheme: light) {
.light\:d-none {
display: none !important;
}
}
// @media (prefers-color-scheme: light) {
// .light\:d-none {
// display: none !important;
// }
// }
/* Width */
.w-100 {

56
resources/css/variables.scss
View File

@@ -78,42 +78,42 @@
--banner-purple-color-text: #fff;
}
@media (prefers-color-scheme: dark) {
:root {
// yes
--base-color: #222;
--base-color-text: rgba(255, 255, 255, 0.9);
--base-color-border: #000;
--base-color-light: #333;
// @media (prefers-color-scheme: dark) {
// :root {
// // yes
// --base-color: #222;
// --base-color-text: rgba(255, 255, 255, 0.9);
// --base-color-border: #000;
// --base-color-light: #333;
// no
--base-color-dark: #444;
--base-color-darker: #999;
// // no
// --base-color-dark: #444;
// --base-color-darker: #999;
--footer-color-text: #999;
--footer-color-border: rgba(255, 255, 255, 0.1);
// --footer-color-text: #999;
// --footer-color-border: rgba(255, 255, 255, 0.1);
--primary-color-lighter: #095589;
--primary-color-light: #0e80ce;
// --primary-color-lighter: #095589;
// --primary-color-light: #0e80ce;
// yes
--primary-color: #35a5f1;
// // yes
// --primary-color: #35a5f1;
--primary-color-dark: #67bbf4;
--primary-color-darker: #cce8fb;
// --primary-color-dark: #67bbf4;
// --primary-color-darker: #cce8fb;
--danger-color-lighter: #f3c8c8;
--danger-color-light: #db5c5a;
// --danger-color-lighter: #f3c8c8;
// --danger-color-light: #db5c5a;
--danger-color: #db5c5a;
--danger-color-dark: #952220;
--danger-color-darker: #641715;
// --danger-color: #db5c5a;
// --danger-color-dark: #952220;
// --danger-color-darker: #641715;
// yes
--accent-2-color: #063954;
--accent-2-color-text: #cce8fb;
}
}
// // yes
// --accent-2-color: #063954;
// --accent-2-color-text: #cce8fb;
// }
// }
/* interim */
$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) {
.masthead {
background-color: var(--primary-color-light);
// @media (prefers-color-scheme: dark) {
// .masthead {
// background-color: var(--primary-color-light);
.tabs .tab-item.active {
color: var(--primary-color-light);
}
}
}
// .tabs .tab-item.active {
// color: var(--primary-color-light);
// }
// }
// }
</style>

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

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

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

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