Search

Nalezeno "dark mode": 38

What Pokémon TCG Pocket Needs More Than Anything Is A Dark Mode

13.11.2024
It’s midnight. The room is pitch black. I gingerly creep into bed so as not to disturb the amorphous blob of children that may be residing somewhere near its center. I’m sleep-deprived but unable to turn my brain off. I pull out my phone and see a tiny notification out of the corner of my eye that...

Come to the light-dark() Side

25.10.2024
You’d be forgiven for thinking coding up both a dark and a light mode at once is a lot of work. You have to remember @media queries based on prefers-color-scheme as well as extra complications that arise when letting visitors … Come to the light-dark() Side originally published...

Detect Dark Mode Preference with JavaScript

21.2.2022
Seemingly every website, dapp, and app offers a dark mode preference, and thank goodness. Dark mode is especially useful when I’m doing late night coding, or even worse, trading into altcoins. I’m presently working on implementing a dark theme on MetaMask and it got me to thinking:...

Auto Dark Theme

20.12.2021
There are a number of ways to approach a dark mode for your website, but essentially you get all the styles ready for it and then apply them when the user has indicated they want them, whether by direct …

Remove Trackers

15.12.2021
Earlier this week, I tried out a starter theme for a blog platform. The theme had loads of nice default features: pretty typography, fancy navigation, dark mode widget… and a couple of default trackers I really don’t want just sitting …

Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library

15.11.2021
Theming UI refers to the ability to perform a change in visual styles in a consistent manner that defines the “look and feel” of a site. Swapping color palettes, à la dark mode or some other means, is a good … The post Defining and Applying UI Themes Using the Mimcss CSS-in-JS Library...

Easy Dark Mode (and Multiple Color Themes!) in React

11.11.2021
I was working on a large React application for a startup, and aside from just wanting some good strategies to keep our styles organized, I wanted to give this whole “dark mode” thing a shot. With the huge ecosystem around … The post Easy Dark Mode (and Multiple Color Themes!) in React...

Collective #684

21.10.2021
%%title%%: Core Web Vitals Checker * maku.js * Lorem.space * “Dark Mode” vs “Inverted” * Vizzu The post Collective #684 appeared first on Codrops

Collective #684

21.10.2021
Core Web Vitals Checker * maku.js * Lorem.space * “Dark Mode” vs “Inverted” * Vizzu The post Collective #684 appeared first on Codrops

Dark Mode in One Line of Code!

19.7.2021
Dark mode has seemingly become the desired visual mode for websites and mobile apps alike. Dark mode is easier on the eyes, especially for those like me who like to burn the midnight oil by coding and reading tutorials. Unfortunately not all websites offer dark mode, so it’s up to me...

SVG Favicons in Action

9.7.2021
Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one? The task is more non-trivial than you might think. As we will see in this … The post SVG Favicons in Action appeared first on CSS-Tricks. You...

Flash of inAccurate coloR Theme (FART)

16.4.2021
There is a lot to think about when implementing a dark mode theme on a website. We have a huge guide on it. There are some very clever quick wins out there, but there are also some quite tricky things … The post Flash of inAccurate coloR Theme (FART) appeared first on CSS-Tricks. You...

A DRY Approach to Color Themes in CSS

24.2.2021
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a … The post A DRY Approach to Color Themes in CSS appeared first...

Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode

10.12.2020
Black isn’t always slimming. When recently testing a dark mode option for one of my sites, I experienced first-hand the issue that Robin Rendle addresses in this article. All of my page text — headings and body copy — appeared to bulk up when I switched to dark mode. And it didn’t matter what fonts...

Considerations for Making a CSS Framework

25.11.2020
Around eight months ago, I started building a framework which would eventually go on to become Halfmoon. I made a post on this very website announcing the launch of the very first version. Halfmoon has been billed as a Bootstrap alternative with a built-in dark mode feature, that is especially good...

Halfmoon: A Bootstrap Alternative with Dark Mode Built In

11.8.2020
I recently launched the first production version of Halfmoon, a front-end framework that I have been building for the last few months. This is a short introductory post about what the framework is, and why I decided to build it. The elevator pitch Halfmoon is a front-end framework with a...

A Complete Guide to Dark Mode on the Web

1.7.2020
“Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… they all refer to and mean the same thing: a mostly-dark interface rather than a mostly-light interface. The post A Complete...

SVG, Favicons, and All the Fun Things We Can Do With Them

24.4.2020
Favicons are the little icons you see in your browser tab. They help you understand which site is which when you’re scanning through your browser’s bookmarks and open tabs. They’re a neat part of internet history that are capable of performing some cool tricks. One very new trick is the ability...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace