Skip to content

Instantly share code, notes, and snippets.

@montybytes
Last active March 2, 2023 18:06
Show Gist options
  • Save montybytes/bfa956e6fb75e3e3726c481473dd7456 to your computer and use it in GitHub Desktop.
Save montybytes/bfa956e6fb75e3e3726c481473dd7456 to your computer and use it in GitHub Desktop.
Figma Yaru Dark Theme
{
"name": "Yaru Dark",
"author": "Monty",
"palette": {
"text": "#f5f5f5",
"textActive": "#ffffff",
"textDisabled": "#b3b3b3",
"borders": "#404040",
"bgPanel": "#343434",
"bgPanelHover": "#3a3a3a",
"bgToolbar": "#343434",
"bgToolbarHover": "#000000",
"bgToolbarActive": "#e95420",
"fgToolbar": "#ffffff",
"fgToolbarHover": "#ffffff",
"fgToolbarActive": "#ffffff",
"fgToolbarDisabled": "#b3b3b3",
"fgToolbarFilename": "#ffffff",
"fgToolbarFoldername": "#aaaaaa",
"fgToolbarChevron": "#ffffff",
"fgToolbarUnsavedicon": "#a1a1a1",
"fgToolbarLoginButton": "#ffffff",
"fgToolbarLoginButtonBorder": "#d3d3d3",
"fgToolbarLoginButtonActive": "#808080",
"bgOverlay": "#1d1d1d",
"fgOverlay": "#ffffff",
"bgOverlayOutline": "#292828",
"bgOverlayInnerOutline": "#000000",
"bgTab": "#222222",
"bgTabHover": "#2c2c2c",
"bgTabActive": "#2c2c2c",
"fgTab": "#ffffff",
"fgTabHover": "#ffffff",
"fgTabActive": "#ffffff",
"bgHeader": "#222222",
"fgHeader": "#ffffff",
"bgHeaderControl": "#222222",
"bgHeaderControlHover": "#2c2c2c",
"bgHeaderControlActive": "#2c2c2c",
"fgHeaderControl": "#ffffff",
"fgHeaderControlHover": "#ffffff",
"fgHeaderControlActive": "#ffffff",
"fgComponent": "#e95420",
"fgComponentDisabled": "#a6401c",
"fgComponentDisabledRowActive": "#995640",
"bgWindowClose": "#222222",
"bgBetaLabel": "#1bc47d"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment