Comments (3)
Very cool! I was not aware of this element.
Not sure if anything changed but last time I did this CSS variables weren't supported.
Indeed, I just tested it and CSS variables aren't supported.
It would be possible to use JavaScript to update the value, but I'd rather not add JS for such a minor feature.
In fact, even then, that would not be very helpful with the default values. If your colour si too bright, (at least) Safari will ignore the value when the OS is set to dark. And Safari considers the primary-color too bright on dark mode (not just for the default teal theme, but for all the skins I tested too).
from tabi.
Done! You can set a single value or an array like:
browser_theme_color = ["#ffffff", "#000000"] # [light, dark]
browser_theme_color = "#ffffff"
See the PR #143 for a screenshot.
Thanks for this suggestion!
from tabi.
Not sure if anything changed but last time I did this CSS variables weren't supported. Might need to use a config value instead.
from tabi.
Related Issues (20)
- Blog and Projects on homepage HOT 7
- "All posts ->" in main page links to "blog/" is hardcoded, so dead link if other section was chosen for main page HOT 3
- Wrong history url for gitlab and codeberge
- Change Language icon not showing HOT 11
- Umami analytics blocked unless CSP is modified HOT 1
- Misaligned posts when showing latest projects HOT 3
- Projects in RSS Feed HOT 4
- Too little spacing between projects (at the top) and posts HOT 2
- Allow fetching code blocks from external source, display reference in code block title HOT 14
- Umami analytics broken by CSP
- Project on archive page HOT 2
- E-mail icon dissapears when all social icons are off HOT 1
- Add OSM map (Leaflet) to Tabi HOT 4
- Add inline image in text HOT 6
- Turn off (disable or hide) "blog" section on the main page HOT 10
- nani_logo.webp cannot be read HOT 2
- author in page.html HOT 5
- non-css syntax highlighting doesn't work (and is fixed to one theme) HOT 6
- <h2> renders (almost?) the same size as <h1> HOT 3
- Possible performance issues
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 tabi.