pingu/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New post

Browse Source
This commit is contained in:
pingu
2023-10-24 16:43:20 +02:00
parent 4c4bf09be7
commit ee684dd842
17 changed files with 631 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
public/post/2023/10/24/me-on-switching-to-lightmode/index.html Normal file
View File

@ -0,0 +1,131 @@
<!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>&#34;Me on switching to lightmode&#34; | 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">&ldquo;Me on switching to lightmode&rdquo;</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&#39;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&#39;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>