Difference between revisions of "Dark Mode"
From Roll20 Wiki
Andreas J. (Talk | contribs) (Explain Dark Mode & Sheets) |
Andreas J. (Talk | contribs) 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]]. | ||
| − | {{ | + | You can toggle it from {{My Settings}} "personalization"-section, or from the Dark Mode toggle that can bee seen below the (old) [[Toolbar]]. |
| − | + | {{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 | + | 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]] | + | * 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
 | Page Updated: 2023-10-14 |
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 Roll20Character 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.
- Dark Mode(In-Game)
- Install | Roll20 Dark Cobalt(Forum) by Kirill S.
- Emoh's Darkness
- Roll20 Glass Theme - Firefox Extension | sourcecode
- Dark Mode(rest of Website)
[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.
- Release Note - Feb 4, 2022: Dark Mode & Token Locking on Dev(Forum)
- Dark Mode Suggestion Discussion(Forum) - You can go and vote & comment on the suggestion, and follow it for updates.
- On Roll20Con 2021 it was hinted that dark mode was getting closer, when they revealed their "updated color palette". Designing for Accessibility at Roll20 - Nov 10, 2021
