Makes Figjam not burn out your eyes in a dark room or in the late hours.
FigJam Darkmode by gizmostudios
Details
Authorgizmostudios
LicenseNo License
Categorywww.figma.com
Created
Updated
Code size1.4 kB
Code checksum680e8f1a
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name FigJam Darkmode
@version 20250422.11.53
@namespace ?
@description Turns whites into black while maintaining original colors, and boosts color brightness for a better dark screen experience.
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.figma.com/board") {
[data-preferred-theme=light][data-editor-theme=whiteboard], :where([data-preferred-theme=light] [data-editor-theme=whiteboard]),
[data-preferred-theme=dark][data-editor-theme=whiteboard], :where([data-preferred-theme=dark] [data-editor-theme=whiteboard]){
--color-bg: #333;
--color-bg-secondary: #444;
--color-bg-hover: #444;
--color-bg-figjam-tertiary: #222;
--color-text: white;
--color-text-secondary: #bbb;
--color-icon: white;
--color-icon-secondary: #bbb;
--color-border: #222;
--color-bg-info: #07f;
--color-text-brand: #c6f;
}
input::placeholder {
color: var(--color-text-secondary) !important;
}
.toolbar--delightfulToolbar--JtN2y {
background: var(--color-bg);
}
.toolbar--verticalButton--fiWjW,
.svg-container {
fill: var(--color-text-secondary);
}
.community_cards--subtextDetails--2-EUq {
color: var(--color-text-secondary);
}
canvas {
filter: invert(1) hue-rotate(180deg) brightness(1.5);
}
}