Skip to content

Luxury Figma by bpartridge

Details

Authorbpartridge

LicensePublic Domain

Categoryfigma

Created

Updated

Size3.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Recolors Figma's surrounding UI to a luxurious gold.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Luxury Figma
@namespace      USO Archive
@author         btown
@description    `Recolors Figma's surrounding UI to a luxurious gold.`
@version        20210529.2.31
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("figma.com") {
disabled #react-page [class*="userIconAvatar"] {
    background-color: var(--bg-overlay-active) !important;
}

#react-page .raw_components--iconButtonSelected--2l7Qs {
    background-color: var(--bg-overlay-active);
}

#react-page .raw_components--iconButtonEnabled--1oUUU:focus {
    border-color: var(--bg-overlay-active);
    box-shadow: inset 0 0 0 1px var(--bg-overlay-active);
}

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

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

:root, [data-editor-theme=design]:not([data-preferred-theme="debug"]) {
    --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);
}
}

Reviews

No reviews yet.