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
(Explain Dark Mode & Sheets)
m (Character Sheets)
 
(4 intermediate revisions by one user not shown)
Line 4: Line 4:
 
Dark Mode was released [https://app.roll20.net/forum/post/10728595/release-note-march-2-2022-dark-mode-for-the-vtt March 2nd, 2022], after around a month's [[Beta]] on the [[Dev Server]].
 
Dark Mode was released [https://app.roll20.net/forum/post/10728595/release-note-march-2-2022-dark-mode-for-the-vtt March 2nd, 2022], after around a month's [[Beta]] on the [[Dev Server]].
  
{{5E}} also got a dark mode, while other official sheet will get that later. Community-created sheets needs to be updated separately to support this.
+
You can toggle it from {{My Settings}} "personalization"-section, or from the Dark Mode toggle that can bee seen below the (old) [[Toolbar]].
  
The [[Help Center]] has a Dark Mode, while the main site doesn't.
+
{{5E}} also got a dark mode, while other official sheet will get that later. Community-created character sheets needs to be updated separately to support this.
  
 
==Character Sheets==
 
==Character Sheets==
As the Dark Mode is new, it will take time for Character Sheets creators(both Roll20, publisher & community-maintained) to adapt them to be Dark Mode compatible.
+
As the Dark Mode is still somewhat recent, it will take time for Character Sheets creators(both Roll20, publisher & community-maintained) to adapt them to be Dark Mode compatible.
  
 
Sheets with Dark Mode:
 
Sheets with Dark Mode:
* As of March 24th, around a dozen character sheets supports the native Dark Mode [[User:1223200|1223200]] ([[User talk:1223200|talk]]) 15:33, 24 March 2022 (UTC)
+
* As of March 24th 2022, around a dozen character sheets supports the native Dark Mode ( observation: [[User:1223200|1223200]])
 
* There exists a larger number of sheets that had built-in their own "Dark Mode" or color-schemes into the sheets, but those needs to be turned on manually.
 
* There exists a larger number of sheets that had built-in their own "Dark Mode" or color-schemes into the sheets, but those needs to be turned on manually.
 
** These are usually available in some form of "Options" tab or menu, commonly with a {{gear}} or {{hammer}} icon.  
 
** These are usually available in some form of "Options" tab or menu, commonly with a {{gear}} or {{hammer}} icon.  
Line 19: Line 19:
  
 
See [[Character Sheet Development/Dark Mode]] for help with updating sheet to Dark Mode. Alternatively, you could create a [[Stylus]] snippet to fix a sheet for yourself. These Stylus-snippets can later be used by Sheet Authors when implementing Dark Mode for the sheet.
 
See [[Character Sheet Development/Dark Mode]] for help with updating sheet to Dark Mode. Alternatively, you could create a [[Stylus]] snippet to fix a sheet for yourself. These Stylus-snippets can later be used by Sheet Authors when implementing Dark Mode for the sheet.
 +
 +
=Main Site=
 +
To turn on Dark Mode for the main site/forums/marketplace go to [[My Account]] and under "Preferences" change the "Color Mode".
 +
 +
The [[Help Center]], the Main Site, Forums, Marketplace, Compendium has dark mode, while the [[Community Wiki]] doesn't.
 +
 +
Community option for wiki dark mode using [[Stylus]]: [https://userstyles.world/api/style/3108.user.css Install] | [https://userstyles.world/style/3108/roll20-dark-mode Roll20 Wiki Dark Mode] by [[Andreas J.]]
 +
  
 
=Other=
 
=Other=
Line 28: Line 36:
 
** [https://addons.mozilla.org/en-US/firefox/addon/roll20-glass-theme/ Roll20 Glass Theme - Firefox Extension] | {{repo|GreenTeaSeb/Roll20-glass sourcecode}}
 
** [https://addons.mozilla.org/en-US/firefox/addon/roll20-glass-theme/ Roll20 Glass Theme - Firefox Extension] | {{repo|GreenTeaSeb/Roll20-glass sourcecode}}
 
* Dark Mode(rest of Website)
 
* Dark Mode(rest of Website)
** [https://userstyles.world/api/style/3108.user.css Install] | [https://userstyles.world/style/3108/roll20-dark-mode Roll20 Dark Mode]by [[Andreas J.]]
+
** [https://userstyles.world/api/style/3108.user.css Install] | [https://userstyles.world/style/3108/roll20-dark-mode Roll20 Wiki Dark Mode] by [[Andreas J.]]
 
** [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]]
 
** [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>
 
</onlyinclude>

Latest revision as of 11:36, 14 October 2023

Dark Mode beta on Dev Server (Feb 4 2022)

Contents

[edit] In-Game

Dark Mode was released March 2nd, 2022, after around a month's Beta on the Dev Server.

You can toggle it from y My Settings "personalization"-section, or from the Dark Mode toggle that can bee seen below the (old) Toolbar.

D&D 5E by Roll20
Character   Sheet
also got a dark mode, while other official sheet will get that later. Community-created character sheets needs to be updated separately to support this.

[edit] Character Sheets

As the Dark Mode is still somewhat recent, it will take time for Character Sheets creators(both Roll20, publisher & community-maintained) to adapt them to be Dark Mode compatible.

Sheets with Dark Mode:

  • As of March 24th 2022, around a dozen character sheets supports the native Dark Mode ( observation: Andreas J.)
  • There exists a larger number of sheets that had built-in their own "Dark Mode" or color-schemes into the sheets, but those needs to be turned on manually.
    • These are usually available in some form of "Options" tab or menu, commonly with a y or x icon.
  • Sheets that already had a dark color-scheme(Unknown number)
    • these probably works quite nicely with Dark Mode even if they don't explicitly support it, but might have minor artifacts that need to be adjusted.

See Character Sheet Development/Dark Mode for help with updating sheet to Dark Mode. Alternatively, you could create a Stylus snippet to fix a sheet for yourself. These Stylus-snippets can later be used by Sheet Authors when implementing Dark Mode for the sheet.

[edit] Main Site

To turn on Dark Mode for the main site/forums/marketplace go to My Account and under "Preferences" change the "Color Mode".

The Help Center, the Main Site, Forums, Marketplace, Compendium has dark mode, while the Community Wiki doesn't.

Community option for wiki dark mode using Stylus: Install | Roll20 Wiki Dark Mode by Andreas J.


[edit] Other

[edit] Community-made Dark Modes

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.


[edit] Beta(Old)

A Dark Mode for Roll20 is a popular Feature Request, and from Feb 4, 2022 to March 2022 was available on the Dev Server for testing.

[edit] See Also