Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "Dark Mode"

From Roll20 Wiki

Jump to: navigation, search
m
(More Dark Mode Workarounds, transclusion to Stylus)
Line 8: Line 8:
 
* On [[Roll20Con#2021|Roll20Con 2021]] it was hinted that dark mode was getting closer, when they revealed their "updated color palette". [https://blog.roll20.net/posts/designing-for-accessibility-at-roll20/ Designing for Accessibility at Roll20] - Nov 10, 2021
 
* On [[Roll20Con#2021|Roll20Con 2021]] it was hinted that dark mode was getting closer, when they revealed their "updated color palette". [https://blog.roll20.net/posts/designing-for-accessibility-at-roll20/ Designing for Accessibility at Roll20] - Nov 10, 2021
 
==Workaround==
 
==Workaround==
Using the [[Browser#Stylus|Stylus]] - browser plugin, you can try using one of the community-made attempts at making a Dark Mode.
+
Using the [[Browser#Stylus|Stylus]]-browser plugin, you can try using one of the community-made attempts at a Dark Mode. Some Are for the VTT itself & adjusted for the 5E sheet, while others have made Dark Modes for rest of the site.<onlyinclude>
 
+
* Dark Mode(In-Game)
Check  '''{{forum|permalink/9784281/ Show off Your Style 3: Third Time is the Charm}}''' for more info and good tricks others have created.<onlyinclude>
+
** [https://raw.githubusercontent.com/shevernitskiy/roll20darkcobalt/master/roll20darkcobalt.user.css Install] | {{fpl|8680812/ Roll20 Dark Cobalt}} by Kirill S.
* [https://gist.github.com/vince-roll20/30759bb42515c098336d Dark Mode for Roll20](just the site, not in-game) by [[Vince]]
+
** [https://userstyles.org/styles/180086/roll20-emoh-s-darkness Emoh's Darkness]
* [https://userstyles.world/style/3108/roll20-dark-mode Roll20 Dark Mode](just the site, not in-game) by [[Andreas J.]]
+
** [https://addons.mozilla.org/en-US/firefox/addon/roll20-glass-theme/ Roll20 Glass Theme - Firefox Extension] | {{repo|GreenTeaSeb/Roll20-glass sourcecode}}
* {{fpl|8680812/  Stylus - Roll20 Dark Cobalt}}
+
* Dark Mode(rest of Website)
* [https://addons.mozilla.org/en-US/firefox/addon/roll20-glass-theme/ Roll20 Glass Theme - Firefox Extension] - dark theme for Roll20
+
** [https://userstyles.world/api/style/3108.user.css Install] | [https://userstyles.world/style/3108/roll20-dark-mode Roll20 Dark Mode]by [[Andreas J.]]
** {{repo|GreenTeaSeb/Roll20-glass Roll20-glass sourcecode}} </onlyinclude>
+
** [https://gist.github.com/Anduh/a1a51238cc839314f61e6fd1bae481f2/raw/e5c04cd0d789a2eb9ba5b483686cdb8b26fcbf9b/Vince-Roll20-Site-Dark-Mode.user.css Install] | [https://gist.github.com/vince-roll20/30759bb42515c098336d Dark Mode for Roll20] by [[Vince]]
 +
</onlyinclude>
 
=See Also=
 
=See Also=
 
* [[Character Sheet Development/Dark Mode]]
 
* [[Character Sheet Development/Dark Mode]]

Revision as of 14:32, 22 February 2022

Dark Mode beta on Dev Server (Feb 4 2022)


The Help Center has a Dark Mode.

Beta

A Dark Mode for Roll20 is a popular Feature Request, and is as of Feb 4, 2022, available on the Dev Server for testing.

Workaround

Using the Stylus-browser plugin, you can try using one of the community-made attempts at a Dark Mode. Some Are for the VTT itself & adjusted for the 5E sheet, while others have made Dark Modes for rest of the site.

See Also