Recolors Figma's surrounding UI to a luxurious gold.
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
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);
}
}