Displaying 1 to 20 from 22 results

darkreader - Dark Reader Chrome and Firefox extension

  •    TypeScript

This extension inverts brightness of web pages and aims to reduce eyestrain while browsing the web. Visit Chrome Web Store and Firefox Add-ons for more info. Donate via Open Collective.

SwiftTheme - 🎨 Powerful theme/skin manager for iOS 8+ 主钘/捒肀, ζš—θ‰²ζ¨‘εΌ

  •    Swift

As part of our project requirement, we need to add night mode to our app. It's not as simple as just changing brightness or alpha on the top-level view—in fact, it needs an entirely new interface: different colors, different alpha, different image cuts. More accurately, "night mode" is a theme/skinning feature that can switch between bright theme and dark themes. So how do we achieve this? Maybe we can set a global variable that represents the currently selected theme, and use different background colors or image cuts based on the variable during the controller's initialization. But then how do we deal with views that have already been initialized? Yes, we could use notifications to change their colors or image cuts, but this leads to controllers unnecessarily full of notification register/unregister, if...else and UI updating code. Worse, if you forget to unregister the notifications, your app may crash.

pico - Minimal CSS Framework for semantic HTML

  •    CSS

Class-light and semantic We use simple native HTML tags as much as possible. Only 6 .classes are used in Pico. Great styles with just one CSS file No dependencies, package manager, external files, or JavaScript.

dark-mode-toggle - A custom element that allows you to easily put a Dark Mode πŸŒ’ toggle or switch on your site:

  •    Javascript

A custom element that allows you to easily put a Dark Mode πŸŒ’ toggle or switch on your site, so you can initially adhere to your users' preferences according to prefers-color-scheme, but also allow them to (optionally permanently) override their system setting for just your site. πŸ“š Read all(!) about dark mode in the related article Hello Darkness, My Old Friend.




Dynamic-Dark-Mode - The smart, automatic Dark Mode toggle for macOS Mojave+

  •    Swift

Dynamic Dark Mode is the app you are looking for to power up Dark Mode on macOS Mojave and beyond. Instead of looking for the switch for dark mode in System Preferences, just click the icon in the menu bar. Ever felt your eyes getting hurt because the screen is so bright in the night? Have to worry no more, we Dynamically enable dark mode in dim lights, after sunset, or just anytime. When you wake up in the morning, it'll a be another bright day.

dark-mode - Control the macOS dark mode from the command-line

  •    Swift

Requires macOS 10.10 or later.Download the binary and put it in /usr/local/bin.

node-dark-mode - Control the macOS dark mode

  •    Javascript

Requires macOS 10.10 or later.All the methods return a Promise.

dark-mode-cli - Control the macOS dark mode from the command-line

  •    Javascript

Requires macOS 10.10 or later.Convenience npm package for the dark-mode binary.


hyperterm-dark-macos - A theme for Hyperterm that pairs nicely with macOS dark mode

  •    Javascript

A theme for Hyperterm that pairs nicely with macOS dark mode. Most colors are taken from the smyck color scheme. Licensed under the MIT license.

hyper-dark-macos - A theme for Hyperterm that pairs nicely with macOS dark mode

  •    Javascript

A theme for hyper that pairs nicely with macOS dark mode. Most colors are taken from the smyck color scheme. Licensed under the MIT license.

Ribbon - πŸŽ€ A simple cross-platform toolbar/custom input accessory view library for iOS & macOS.

  •    Swift

A simple cross-platform toolbar/custom input accessory view library for iOS & macOS. Written in Swift. 🎑 Try: Includes an iOS & macOS demo.

Nocturnal - A simple macOS app to toggle dark mode with one click

  •    Swift

Click on the menu bar icon to toggle dark mode. To quit the app, drag the icon out of the menu bar with the command key pressed. Written by Harshil Shah. You can find me on Twitter.

tailwindcss-variables - Easily create css variables without the need for a css file!

  •    Javascript

Similar to the tailwindcss configurations you are used to. It is also possible to define a different group of variables for Dark Mode. Alternatively, it has an API that you can use for your own plugins. If the darkModeconfiguration is set as 'class' in your tailwindcss configuration, you can change and customize the darkToRoot and darkSelector settings.

dark-mode-example - Simple and fun dark-mode detection. JavaScript with a user mode toggle.

  •    CSS

Enable Dark Mode with prefers-color-scheme media query in JavaScript. Includes a switch to override the mode. Animated example of dark mode feature implemented with prefers-color-scheme and checked programatically with window.matchMedia() JavaScript method.

github-dark-mode-safari - The Safari Edition of MrWillCom/github-dark-mode

  •    Javascript

This is the Safari port of Mr Will's Project. You can get the ZIP file from the release page. Unarchive and place it in the /Applications folder.

jekyll-theme-yat - 🎨 Yet another theme for elegant writers with modern flat style and beautiful night/dark mode

  •    HTML

Hey, nice to meet you, you found this Jekyll theme. Here the YAT (Yet Another Theme) is a modern responsive theme. It's quiet clear, clean and neat for writers and posts. If you are an elegant writer and focus on content, don't miss it. Also, visit the Live Demo site for the theme.

moonwalk - A fast & minimal Jekyll blog theme with clean dark mode

  •    SCSS

You can edit _config.yml file to customize your blog. You can change things such as the name of the blog, the author, the appearance of the theme (light, dark or auto), how dates are formatted, etc. Customizable fields should be straightforward to understand. Still, _config.yml contains some comments to help you understand what each field does. For further customization (e.g. layout, CSS) see the official Jekyll's documentation on customizing gem-based themes.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.