svnscha - blog

Blog Design Refresh: Embracing Dark Mode Elegance

2025-10-08T00:00:00+00:00

Introduction

Earlier this year, my blog post AI Meets WinDBG received a lot of attention on Hacker News and Reddit. A couple of comments stood out:

"Your blog is looking awesome!"

"Dude, this blog is cool. I like that Monospace font."

That simple feedback stuck with me and got me thinking about how my blog looks. Here we are now - I kept everything people loved about the structure, but gave the colors and small details a fresh update. It's amazing how a few nice comments can motivate you to make things even better!

After spending several days fine-tuning the details, I've updated the design with an elegant dark mode that aligns with my company's color palette. This refresh goes beyond mere aesthetics - it's crafted to deliver a refined, professional reading experience that's gentle on the eyes.

Credit Where Credit Is Due

Before I show off the changes, I should mention that this blog is built on the fantastic Apollo theme created by @not-matthias. He did the heavy lifting with an awesome foundation. I just customized it to fit my style and, well, here we are with another round of improvements!

What's Different Now

New Color Scheme

The colors now match a real dark mode better:

Dark backgrounds that are easy on the eyes
Softer gray text that's comfortable to read for long periods
Blue accents that stand out nicely
Everything works together harmoniously

Dark Mode by Default

This design puts dark mode front and center:

Easier reading in low light
Looks modern and clean
Saves battery on phones with OLED screens
Just feels right for a tech blog

Faster Loading

I also made some behind-the-scenes improvements:

Cleaner CSS that loads faster
Better image handling
Works great on mobile devices

What This Blog Can Do

Let me show you all the different ways I can format content here. Think of this as both showing off the new design and giving you an idea of what's possible when I write posts.

All Kinds of Headers

Big Main Titles

Section Headers

Smaller Sections

Even Smaller Topics

Getting Pretty Small Now

The Tiniest Headers

Making Text Stand Out

Here's how different text looks with the new colors:

Bold text really pops against the dark background, while italic text adds nice emphasis. You can even do bold and italic together when you really want to make a point.

For code stuff, inline code is easy to spot, and ~~crossed out text~~ works great for corrections.

Lists and Organization

Simple Lists

Clean, modern design
Easy to read
Fast loading
- Optimized images
- Clean code
- Mobile friendly
Good user experience
- Intuitive navigation
- Consistent layout
- Pleasant to use

Numbered Lists

First Things First
- Figure out what needs changing
- Look at what's working well
- Plan the improvements
Getting It Done
- Make the changes
- Test everything
- Fix any issues
Summary
- Launch the updates
- See how it performs
- Get feedback from readers

Code Examples

The syntax highlighting looks great with the new dark theme. Here are some examples:

JavaScript

// Simple dark mode detection
function checkDarkMode() {
    const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
    
    if (isDark) {
        document.body.classList.add('dark-mode');
        console.log('Dark mode is on!');
    }
}

CSS

/* The new color scheme */
:root {
    --primary-blue: #2563eb;
    --dark-bg: #0f172a;
    --light-text: #d1d5db;
}

.dark-mode {
    background: var(--dark-bg);
    color: var(--light-text);
}

Python

# Simple example function
def say_hello(name):
    """A friendly greeting function."""
    return f"Hello, {name}! Welcome to my blog."

# Using it
message = say_hello("Reader")
print(message)

Quotes and Highlights

"Good design is obvious. Great design is transparent."

Joe Sparano

I really like this quote because it captures what I'm going for:

Quick tip: A good dark theme needs more than inverted colors. Typography, contrast, surfaces, and controls should feel consistent.

Tables

Here's a simple table showing what changed:

What	Before	After
Page Speed	Slower	Much faster
Reading	Good	Even better
Mobile	Works well	Works great
Overall Feel	Nice	Really nice

Section Breaks

Sometimes you need to separate different parts of a post:

What's Coming Next?

This refresh is just the start! I'm thinking about adding some cool new stuff:

Better search - Make it easier to find old posts
Cleaner reading - Maybe a distraction-free mode
More interactive stuff - We'll see what makes sense
Reader feedback - Always looking for ways to improve

Let Me Know What You Think!

How does the new look feel? Is the dark mode easy on your eyes? Got any ideas for making it even better? I'm always interested in hearing from people who actually read this stuff.

Summary

So that's the new design! The enhanced dark theme matches to what I think about is - clean, modern, and easy to read.

All the different formatting options I showed above work great with the new colors. Whether I'm writing about technical stuff, sharing project updates, or just rambling about design choices, everything should look and feel consistent.

Hope you like it - there's more to come on my blog!

PowerShell with oh-my-posh

2024-11-16T00:00:00+00:00

Why, You Ask?

I use PowerShell on Fedora because I like having the same shell across workstations, VMs, dev containers, and Windows. oh-my-posh gives that shell a useful and consistent prompt.

Here is how I set it up with Cascadia Code Nerd Font and KDE Konsole.

Oh and guess what: This all works on Windows using Windows Terminal, too.

Step 1: Install oh-my-posh

First, we need to install oh-my-posh. It's as easy as running this command:

curl -s https://ohmyposh.dev/install.sh | bash

This script downloads the latest version of oh-my-posh and installs it. Feel free to inspect the script if you're cautious. If you're running Windows the installation is slightly different, but I guess you figure this out.

Step 2: Install Cascadia Code Nerd Font

oh-my-posh relies on a Nerd Font for its icons and styling. I chose Cascadia Code Nerd Mono because it's clean and works beautifully across different environments.

oh-my-posh font install

Set the Font in KDE Konsole:

Open Konsole.
Go to Settings > Edit Current Profile > Appearance.
Click Edit Font and select Cascadia Code Nerd Mono.

Set the Font in Windows Terminal:

Open Settings
Navigate to Font and choose Cascadia Code Nerd Mono.

Step 3: Configure PowerShell

To load oh-my-posh in PowerShell, edit your $PROFILE file.

code $PROFILE

Add the following lines to load oh-my-posh with your configuration:

oh-my-posh init pwsh --config "/path/to/oh-my-posh.json" | Invoke-Expression
clear

This initializes oh-my-posh with your chosen theme and clears the screen for a clean start.

Step 4: My oh-my-posh configuration

Here's my oh-my-posh config file. It's simple but does the job perfectly:

{
  "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json",
  "blocks": [
    {
      "type": "prompt",
      "alignment": "left",
      "segments": [
        {
          "properties": {
            "cache_duration": "none",
            "style": "full"
          },
          "template": "{{ .Path }} ",
          "foreground": "#77E4F7",
          "type": "path",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none"
          },
          "template": "{{ .HEAD }} ",
          "foreground": "#FFE700",
          "type": "git",
          "style": "plain"
        },
        {
          "properties": {
            "cache_duration": "none"
          },
          "template": "$ ",
          "foreground": "#43D426",
          "type": "text",
          "style": "plain"
        }
      ]
    }
  ],
  "version": 3
}

Path Segment: Displays the current directory in a bright cyan.
Git Segment: Shows the current Git branch in yellow, if applicable.
Prompt Character: Displays a green $, keeping it clean and minimal.

Step 5: (optional) Create a New Profile for PowerShell in Konsole

Let's set up a dedicated profile for PowerShell in Konsole:

Duplicate an Existing Profile:

In Konsole, go to Settings > Manage Profiles.
Select your default profile and click Duplicate.

Configure the PowerShell Profile:

Rename it to PowerShell.
Set the command to pwsh.
Under Appearance, set the font to Cascadia Code Nerd Mono.
Save your changes.
Set it as default (optional)

Summary

With oh-my-posh, Cascadia Code Nerd Font, and a dedicated profile in KDE Konsole, my PowerShell setup is consistent, stylish, and super effective. Whether I'm on Fedora, a VM, or a devcontainer, my terminal always feels like home.

If you're a PowerShell fan like me, give this setup a try. Trust me, your terminal (and your productivity) will thank you.

Blog Motivation

2024-02-10T00:00:00+00:00

Why, You Ask?

We all have those annoying little tasks that pop up a few times a year. They're too rare to make fixing them a big deal but happen just enough to be really annoying. Think about setting up a new laptop, sorting out files, refactor that NULL to nullptr or those updates that take forever. It eats up time and patience. I'm tired of it.

Changing Things Up

I started this blog not just to talk tech but to tackle these annoying moments head-on. My goal? To stop saying "it's not worth fixing" and start finding ways to make these tasks less of a headache. Even those things we do once in a blue moon? Yeah, I want to automate those too. And I'll share every step right here.

This blog is my playground and my megaphone. It's where I try out new ideas to make life easier and then shout out what works. Each post starts with my cheeky

"Why, You Ask?"

and always circles back to me spilling the beans on how I truly feel, which usually is

"I'm tired of it."

It's my unique approach, sprinkled with a dash of sarcasm, as I navigate through the mayhem, assuring you that behind every vent, there's a solid reason and, believe it or not, a solution waiting to be uncovered.

Making things easier is only part of it. I also want to share useful ideas, opinions, and the occasional rant. When I find a good way to avoid repetitive work, I'll write it down here so others can use it too.

Come Along for the Ride

If that sounds familiar, have a look around and share your own ideas. None of us should spend more time on repetitive work than necessary.

Welcome to my quest for a smoother, simpler tech life. Here's to less frustration and more time doing what we love. Let's kick those annoying tasks to the curb.

svnscha - blog

Blog Design Refresh: Embracing Dark Mode Elegance

Introduction

Credit Where Credit Is Due

What's Different Now

New Color Scheme

Dark Mode by Default

Faster Loading

What This Blog Can Do

All Kinds of Headers

Big Main Titles

Section Headers

Smaller Sections

Even Smaller Topics

Getting Pretty Small Now

The Tiniest Headers

Making Text Stand Out

Lists and Organization

Simple Lists

Numbered Lists

Code Examples

JavaScript

CSS

Python

Quotes and Highlights

Tables

Section Breaks

What's Coming Next?

Let Me Know What You Think!

Summary

PowerShell with oh-my-posh

Why, You Ask?

Step 1: Install oh-my-posh

Step 2: Install Cascadia Code Nerd Font

Step 3: Configure PowerShell

Step 4: My oh-my-posh configuration

Step 5: (optional) Create a New Profile for PowerShell in Konsole

Summary

Blog Motivation

Why, You Ask?

Changing Things Up

Why I Share

Sharing What I Learn

Come Along for the Ride