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

48
src/index.html
View File

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