Recolors Figma's surrounding UI to a luxurious gold.
Luxury Figma by bpartridge
Details
Authorbpartridge
LicensePublic Domain
Categoryfigma
Created
Updated
Code size3.3 kB
Code checksum64693516
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);
}
}