Skip to content

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

Makes Figjam not burn out your eyes in a dark room or in the late hours.

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);
}
}

Reviews

No reviews yet.