☰

Luxury Figma

Recolors Figma's surrounding UI to a luxurious gold.

/* ==UserStyle==
@name           Luxury Figma
@author         BP33
@description    Recolors Figma's surrounding UI to a luxurious gold.
@version        20210529.2.31
@namespace      greasyfork.org
==/UserStyle== */

@-moz-document domain("figma.com") {
#react-page [class*="userIconAvatar"] {
    background-color: var(--bg-overlay-active) !important;
}

#react-page [class*="object_row--instance"],
#react-page [class*="object_row--symbol"],
#react-page [class*="object_row--instance"] [class*="object_row--layerIcon"],
#react-page [class*="object_row--symbol"] [class*="object_row--layerIcon"],
#none {
    color: var(--bg-overlay-active);
    fill: var(--bg-overlay-active);
    stroke: var(--bg-overlay-active);
}

#react-page [class*="object_row--hovered"]::after {
    border-color: var(--bg-overlay-active);
}

#react-page [data-tooltip="Missing fonts"] path {
    fill: var(--bg-overlay-active);
}

#react-page [class*="checkbox"]:checked:after {
    border-color: var(--bg-overlay-active);
    background-color: var(--bg-overlay-active);
}

body[data-theme=design] {
    --bg-primary-btn: #CEB06B;
    --bg-toolbar: #2c2c2c;
    --bg-toolbar-hover: #000;
    --bg-toolbar-active: #CEB06B;
    --bg-toolbar-selection: #CEB06B;
    --fg-toolbar: hsla(0,0%,100%,0.8);
    --fg-toolbar-hover: #fff;
    --fg-toolbar-active: #fff;
    --fg-toolbar-disabled: hsla(0,0%,100%,0.5);
    --fg-toolbar-filename: #fff;
    --fg-toolbar-foldername: #aaa;
    --fg-toolbar-chevron: #fff;
    --fg-toolbar-unsavedicon: hsla(0,0%,100%,0.4);
    --fg-toolbar-login-button: #fff;
    --fg-toolbar-login-button-border: hsla(0,0%,100%,0.8);
    --fg-toolbar-login-button-active: hsla(0,0%,100%,0.4);
    --fg-toolbar-community-icon: hsla(0,0%,100%,0.4);
    --fg-toolbar-community-icon-active: hsla(0,0%,100%,0.8);
    --fg-toolbar-placeholder: hsla(0,0%,100%,0.4);
    --toolbar-height: 48px;
    --toolbar-unread-dot-top: 8px;
    --fg-keyboard-shortcuts: #aaa;
    --bg-keyboard-shortcuts: #2c2c2c;
    --fg-keyboard-shortcuts-tab: #aaa;
    --fg-keyboard-shortcuts-tab-hover: #d4d4d4;
    --fg-keyboard-shortcuts-divider: transparent;
    --fg-keyboard-shortcuts-tab-border: #444;
    --bg-overlay: #222;
    --bg-overlay-active: #CEB06B;
    --bg-overlay-outline: rgba(0,0,0,0.1);
    --bg-overlay-inner-outline: #000;
    --fg-overlay: #fff;
    --fg-overlay-active: #fff;
    --fg-overlay-secondary: hsla(0,0%,100%,0.4);
    --fg-overlay-sep: hsla(0,0%,100%,0.2);
    --fg-overlay-right: #fff;
    --fg-focus: #CEB06B;
    --fg-select-chevron: #b3b3b3;
    --fg-select-chevron-hover: #333;
    --bg-progress-bar: #CEB06B;
    --bg-slider-track: #050505;
    --fg-slider-thumb: #050505;
    --bg-pointer-modal: #CEB06B;
    --fg-survey-active: #CEB06B;
    --fg-voice-ghost-button: hsla(0,0%,100%,0.8);
    --fg-voice-ghost-button-hover: hsla(0,0%,100%,0.8);
    --fg-voice-ghost-button-disabled: hsla(0,0%,100%,0.2);
    --voice-text-light: hsla(0,0%,100%,0.4);
    --voice-text-dark: hsla(0,0%,100%,0.8);
    --voice-text-dark-hover: hsla(0,0%,100%,0.8);
}
}