ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove darl-mood

Browse Source
This commit is contained in:
Ehab Hassan
2021-02-21 13:26:06 +02:00
parent a10632b511
commit 50571f2110
2 changed files with 92 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
src/assets/scss/main.scss
View File

@@ -275,72 +275,72 @@ button:focus {
// }
}
body[data-theme="dark"] {
background-color: #191b1f;
@apply text-gray-300;
.post-content-text {
@apply text-gray-300;
}
.brandpanel {
background-color: #1072ba !important;
}
.text-gray-700,
.text-gray-900 {
@apply text-white;
}
.lg\:shadow-lg {
box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1),
0 10px 10px -5px rgba(255, 255, 255, 0.04);
}
.learn-button {
background-color: #c4c4c4;
@apply text-gray-900;
&:hover {
@apply bg-gray-300;
}
}
.text-indigo-600 {
@apply text-white;
}
.inset-0,
input[type="text"] {
background-color: #191b1f;
}
.bg-white,
// body[data-theme="dark"] {
// background-color: #191b1f;
// @apply text-gray-300;
// .post-content-text {
// @apply text-gray-300;
// }
// .brandpanel {
// background-color: #1072ba !important;
// }
// .text-gray-700,
// .text-gray-900 {
// @apply text-white;
// }
// .lg\:shadow-lg {
// box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1),
// 0 10px 10px -5px rgba(255, 255, 255, 0.04);
// }
// .learn-button {
// background-color: #c4c4c4;
// @apply text-gray-900;
// &:hover {
// @apply bg-gray-300;
// }
// }
// .text-indigo-600 {
// @apply text-white;
// }
// .inset-0,
// input[type="text"] {
// background-color: #191b1f;
// }
// .bg-white,
.bg-gray-100,
.bg-gray-200 {
background-color: #191b1f;
}
.post-card-excerpt {
@apply text-gray-500;
}
.pagination li {
@apply bg-gray-700;
@apply text-gray-200;
@apply border-gray-600;
&:hover {
@apply bg-gray-600;
@apply text-gray-900;
}
}
.pagination li.border-l-black {
@apply border-l-gray-300;
}
pre {
@apply text-gray-500;
}
.flex-post {
@apply border-b-gray-800;
}
.author-list-item img {
border-color: #191b1f;
}
.author-social {
a {
&:hover {
@apply text-white;
}
}
}
}
// .bg-gray-100,
// .bg-gray-200 {
// background-color: #191b1f;
// }
// .post-card-excerpt {
// @apply text-gray-500;
// }
// .pagination li {
// @apply bg-gray-700;
// @apply text-gray-200;
// @apply border-gray-600;
// &:hover {
// @apply bg-gray-600;
// @apply text-gray-900;
// }
// }
// .pagination li.border-l-black {
// @apply border-l-gray-300;
// }
// pre {
// @apply text-gray-500;
// }
// .flex-post {
// @apply border-b-gray-800;
// }
// .author-list-item img {
// border-color: #191b1f;
// }
// .author-social {
// a {
// &:hover {
// @apply text-white;
// }
// }
// }
// }

48
src/index.html
View File

@@ -12,38 +12,38 @@
<script>
// Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
// for this starter, i used the code from gridsome.org
(function () {
window.__onThemeChange = function () { };
// (function () {
// window.__onThemeChange = function () { };
function setTheme(newTheme) {
// function setTheme(newTheme) {
window.__theme = newTheme;
preferredTheme = newTheme;
document.body.setAttribute('data-theme', newTheme);
// window.__theme = newTheme;
// preferredTheme = newTheme;
// document.body.setAttribute('data-theme', newTheme);
window.__onThemeChange(newTheme);
}
// window.__onThemeChange(newTheme);
// }
var preferredTheme;
try {
preferredTheme = localStorage.getItem('theme');
} catch (err) { }
// var preferredTheme;
// try {
// preferredTheme = localStorage.getItem('theme');
// } catch (err) { }
window.__setPreferredTheme = function (newTheme) {
setTheme(newTheme);
try {
localStorage.setItem('theme', newTheme);
} catch (err) { }
}
// window.__setPreferredTheme = function (newTheme) {
// setTheme(newTheme);
// try {
// localStorage.setItem('theme', newTheme);
// } catch (err) { }
// }
var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
// var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
darkQuery.addListener(function (e) {
window.__setPreferredTheme(e.matches ? 'dark' : 'light');
});
// darkQuery.addListener(function (e) {
// window.__setPreferredTheme(e.matches ? 'dark' : 'light');
// });
setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
})();
// setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
// })();
</script>
${app} ${scripts}