Comments (5)
There's support in Bootstrap now IIUC, so perhaps it's fairly easy to enable.
https://getbootstrap.com/docs/5.3/customize/color-modes/
from tiddlyhost.
Thanks a lot for adding a dark mode ! I prefer to have more contrast so I made my own (using the stylus browser addon):
:root {
--bs-light-rgb: var(--dark-background);
--bs-secondary-color: var(--dark-foreground);
--bs-body-color: var(--dark-foreground);
/* $:/palettes/CupertinoDark */
--dark-background: 40, 40, 40;
--dark-foreground: white;
--dark-link-foreground: #32D74B;
--dark-link-foreground-visited: #BF5AF2;
--dark-header-background: #111;
--dark-table-header: #0a84ff;
--dark-important-color: #FF9F0A;
--dark-tag-foreground: black;
}
a:is(.btn,[class*="nav"]){
background: transparent!important;
color: var(--dark-foreground)!important;
}
a svg {
--bs-body-color:var(--dark-foreground);
}
.bg-light *:not([class*="tag"] *) {
background: var(--dark-background)!important;
color: var(--dark-foreground)!important;
}
[class*="tag"] * {
font-size: .7em!important;
color: var(--dark-tag-foreground)!important;
}
.hub .site .name a,
.sites-grid .site .name a {
color: var(--dark-link-foreground)!important;
}
:is(.hub .site .name a, .sites-grid .site .name a):visited {
color: var(--dark-link-foreground-visited)!important;
}
.navbar {
background: var(--dark-header-background)!important;
}
.table.admin th,
.table.sites th {
--dark-foreground: var(--dark-table-header);
}
.create-buttons .bg-gradient:hover,
.sites-menu-container .bg-gradient:hover {
background: transparent!important;
}
table.sites td .sitelink a:hover {
--dark-foreground: var(--dark-important-color);
}
/* Other tweaks */
table.sites td .sitelink a {
text-decoration: none;
font-weight: bold;
font-size: medium;
}
It could be a cool feature to allow user to set their own theme / pick a theme from a community list of theme, but I don't know how hard it would be to do ..
from tiddlyhost.
Nice, thanks for sharing. Yeah, a theme selector would be fun.
from tiddlyhost.
I might rework the tag colors, I think yours look better.
from tiddlyhost.
from tiddlyhost.
Related Issues (20)
- Failing to login: 422 Unprocessable Entity HOT 2
- error code '418 Invalid TiddlyWiki' for my TiddlyWiki 5.3.0 HOT 2
- RawMarkup tag in a tiddler, ends in palette errors when use external core TiddlyWiki HOT 5
- Locking Wikis HOT 3
- Error using docker-compose-prod.yml HOT 5
- add filter to the hub for type of wiki HOT 3
- Intrawiki Searching HOT 2
- Provide a "download" option as well as "clone" when showing templates in the explore tab HOT 1
- tiddlywikicore-5.3.2.js contains wrong tiddlers HOT 17
- Make a "download all sites" button HOT 1
- How to check if the TW is read-only on frontend? HOT 2
- Lost tiddly site HOT 4
- [IDEA] Allow users to uglify their wiki HOT 1
- TiddlyWiki Lost Data Help HOT 2
- confetti! v5.3.4 HOT 6
- Request to takedown note-wiki.tiddlyhost.com due to Defamatory Contents HOT 66
- RFC: Request for adding "Other Edit" options HOT 1
- Please update to latest version :-) HOT 2
- [418 Invalid TiddlyWiki] Tiddlyhost report tiddlywiki as invalid when attempting to load script with $:/tags/RawMarkupWikified/TopHead HOT 7
- Request to takedown 22c-bad.tiddlyhost.com HOT 17
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tiddlyhost.