132 lines
4.0 KiB
HTML
132 lines
4.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en-us">
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
|
||
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
|
||
|
|
<link rel="manifest" href="/images/site.webmanifest">
|
||
|
|
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta name="description" content="Credit to the designer of the theme [goodroot](https://github.com/goodroot/hugo-classic)">
|
||
|
|
<title>"Me on switching to lightmode" | acorneroftheweb</title>
|
||
|
|
<link rel="stylesheet" href="/css/style.css" />
|
||
|
|
<link rel="stylesheet" href="/css/fonts.css" />
|
||
|
|
<link rel="stylesheet" href="https://acorneroftheweb.com/css/theme-override.css">
|
||
|
|
<header>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
|
||
|
|
|
||
|
|
<li class="pull-left ">
|
||
|
|
<a href="https://acorneroftheweb.com">~/acorneroftheweb</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
<li class="pull-left ">
|
||
|
|
<a href="/categories/">~/categories</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
<li class="pull-left ">
|
||
|
|
<a href="/tags/">~/tags</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li class="pull-right">
|
||
|
|
<a href="/index.xml">~/subscribe</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<br/>
|
||
|
|
|
||
|
|
<div class="article-meta">
|
||
|
|
<h1><span class="title">“Me on switching to lightmode”</span></h1>
|
||
|
|
|
||
|
|
<h2 class="date">2023/10/24</h2>
|
||
|
|
<p class="terms">
|
||
|
|
|
||
|
|
|
||
|
|
Categories: <a href="/categories/theme">Theme</a>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Tags: <a href="/tags/light">Light</a> <a href="/tags/computer">Computer</a>
|
||
|
|
|
||
|
|
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="content-wrapper">
|
||
|
|
<main>
|
||
|
|
<p>
|
||
|
|
Hey,
|
||
|
|
I did a stoop and switch to lightmode a few days ago.
|
||
|
|
SO far, it feels comfy in someways.
|
||
|
|
I chose <a href="https://github.com/catppuccin/catppuccin">catppuccin latte</a> as the theme.
|
||
|
|
But what I don't fully get is how application such as discord are so very bad in lightmode.
|
||
|
|
Like, I am using a theme, <a href="https://github.com/catppuccin/discord">catppuccin discord</a>, to ensure that it looks like the rest of my laptop but it looks very off when it comes to notifications.
|
||
|
|
Seeing that a discord has a new message, is almost hidden.
|
||
|
|
This is also true for default theme, so it left me wondering if people think about light themes?
|
||
|
|
I sure haven't, since I primarily have used darkmode everywhere I can for the last years.
|
||
|
|
Spotify has not implemented this addition for ~10 years now, as seen in <a href="https://community.spotify.com/t5/Live-Ideas/All-Platforms-Light-Mode-option/idi-p/730341">this request</a>.
|
||
|
|
It has 6k votes and is one of the ones with the most votes on the entire website.</p>
|
||
|
|
<p>
|
||
|
|
Anyway, I think the main thing that has really allowed me to do the switch is having a bluelight filter.
|
||
|
|
I have been using one on my desktop for ages, barely thinking about it.
|
||
|
|
My laptop has, however not had one due to mainly using it at day time and indoors.
|
||
|
|
So now, I can go out and use it and not be surprised when having sunlight at the screen while using it.</p>
|
||
|
|
<p>
|
||
|
|
All this was done to procrastinate instead of studying for my exams in 2 respective 4 days, lel ;P.</p>
|
||
|
|
|
||
|
|
<a href="/"> >> Home</a>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
<footer>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
(function() {
|
||
|
|
function center_el(tagName) {
|
||
|
|
var tags = document.getElementsByTagName(tagName), i, tag;
|
||
|
|
for (i = 0; i < tags.length; i++) {
|
||
|
|
tag = tags[i];
|
||
|
|
var parent = tag.parentElement;
|
||
|
|
|
||
|
|
if (parent.childNodes.length === 1) {
|
||
|
|
|
||
|
|
if (parent.nodeName === 'A') {
|
||
|
|
parent = parent.parentElement;
|
||
|
|
if (parent.childNodes.length != 1) continue;
|
||
|
|
}
|
||
|
|
if (parent.nodeName === 'P') parent.style.textAlign = 'center';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var tagNames = ['img', 'embed', 'object'];
|
||
|
|
for (var i = 0; i < tagNames.length; i++) {
|
||
|
|
center_el(tagNames[i]);
|
||
|
|
}
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<hr/>
|
||
|
|
Open-Source | <a href="https://git.acorneroftheweb.com/pingu/blog">Git</a>
|
||
|
|
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|