io.github.palexdev.mfxresources.sass.themes.material.md-indigo-light.scss Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of materialfx-all Show documentation
Show all versions of materialfx-all Show documentation
Material Design/Modern components for JavaFX, now packed as a single Jar
The newest version!
$scheme-variant: 'light' !default;
$indigo-palette: (
'-md-source': #4355B9,
// Primary
'-md-ref-palette-primary0': #000000,
'-md-ref-palette-primary10': #00105C,
'-md-ref-palette-primary20': #08218A,
'-md-ref-palette-primary30': #293CA0,
'-md-ref-palette-primary40': #4355B9,
'-md-ref-palette-primary50': #5D6FD4,
'-md-ref-palette-primary60': #7789F0,
'-md-ref-palette-primary70': #97A5FF,
'-md-ref-palette-primary80': #BAC3FF,
'-md-ref-palette-primary90': #DEE0FF,
'-md-ref-palette-primary95': #F0EFFF,
'-md-ref-palette-primary99': #FEFBFF,
'-md-ref-palette-primary100': #FFFFFF,
// Secondary
'-md-ref-palette-secondary0': #000000,
'-md-ref-palette-secondary10': #181A2C,
'-md-ref-palette-secondary20': #2D2F42,
'-md-ref-palette-secondary30': #434659,
'-md-ref-palette-secondary40': #5B5D72,
'-md-ref-palette-secondary50': #73768B,
'-md-ref-palette-secondary60': #8D8FA6,
'-md-ref-palette-secondary70': #A8AAC1,
'-md-ref-palette-secondary80': #C3C5DD,
'-md-ref-palette-secondary90': #E0E1F9,
'-md-ref-palette-secondary95': #F0EFFF,
'-md-ref-palette-secondary99': #FEFBFF,
'-md-ref-palette-secondary100': #FFFFFF,
// Tertiary
'-md-ref-palette-tertiary0': #000000,
'-md-ref-palette-tertiary10': #2D1228,
'-md-ref-palette-tertiary20': #44263D,
'-md-ref-palette-tertiary30': #5D3C55,
'-md-ref-palette-tertiary40': #77536D,
'-md-ref-palette-tertiary50': #916C86,
'-md-ref-palette-tertiary60': #AC85A1,
'-md-ref-palette-tertiary70': #C99FBC,
'-md-ref-palette-tertiary80': #E6BAD7,
'-md-ref-palette-tertiary90': #FFD7F1,
'-md-ref-palette-tertiary95': #FFECF6,
'-md-ref-palette-tertiary99': #FFFBFF,
'-md-ref-palette-tertiary100': #FFFFFF,
// Error
'-md-ref-palette-error0': #000000,
'-md-ref-palette-error10': #410002,
'-md-ref-palette-error20': #690005,
'-md-ref-palette-error30': #93000A,
'-md-ref-palette-error40': #BA1A1A,
'-md-ref-palette-error50': #DE3730,
'-md-ref-palette-error60': #FF5449,
'-md-ref-palette-error70': #FF897D,
'-md-ref-palette-error80': #FFB4AB,
'-md-ref-palette-error90': #FFDAD6,
'-md-ref-palette-error95': #FFEDEA,
'-md-ref-palette-error99': #FFFBFF,
'-md-ref-palette-error100': #FFFFFF,
// Neutral
'-md-ref-palette-neutral0': #000000,
'-md-ref-palette-neutral4': #0E0E11,
'-md-ref-palette-neutral6': #131316,
'-md-ref-palette-neutral10': #1B1B1F,
'-md-ref-palette-neutral12': #1F1F23,
'-md-ref-palette-neutral17': #2A2A2D,
'-md-ref-palette-neutral20': #303034,
'-md-ref-palette-neutral22': #353438,
'-md-ref-palette-neutral24': #39393C,
'-md-ref-palette-neutral30': #47464A,
'-md-ref-palette-neutral40': #5F5E62,
'-md-ref-palette-neutral50': #78767A,
'-md-ref-palette-neutral60': #929094,
'-md-ref-palette-neutral70': #ACAAAF,
'-md-ref-palette-neutral80': #C8C5CA,
'-md-ref-palette-neutral87': #DCD9DE,
'-md-ref-palette-neutral90': #E4E1E6,
'-md-ref-palette-neutral92': #EAE7EC,
'-md-ref-palette-neutral94': #F0EDF1,
'-md-ref-palette-neutral95': #F3F0F4,
'-md-ref-palette-neutral96': #F6F2F7,
'-md-ref-palette-neutral98': #FBF8FD,
'-md-ref-palette-neutral99': #FEFBFF,
'-md-ref-palette-neutral100': #FFFFFF,
// Neutral Variant
'-md-ref-palette-neutral-variant0': #000000,
'-md-ref-palette-neutral-variant10': #1A1B23,
'-md-ref-palette-neutral-variant20': #2F3038,
'-md-ref-palette-neutral-variant30': #46464F,
'-md-ref-palette-neutral-variant40': #5D5E67,
'-md-ref-palette-neutral-variant50': #767680,
'-md-ref-palette-neutral-variant60': #90909A,
'-md-ref-palette-neutral-variant70': #ABAAB4,
'-md-ref-palette-neutral-variant80': #C7C5D0,
'-md-ref-palette-neutral-variant90': #E3E1EC,
'-md-ref-palette-neutral-variant95': #F1EFFA,
'-md-ref-palette-neutral-variant99': #FEFBFF,
'-md-ref-palette-neutral-variant100': #FFFFFF,
) !default;
@use 'md-theme' as *;
@use '../../abstracts/variables' with (
$variant: $scheme-variant,
$palette-prefix: '-md-ref-palette-',
$palette: $indigo-palette,
$scheme-prefix: '-md-sys-color-',
$scheme: GenerateScheme($indigo-palette, $scheme-variant),
);
@use '../theme' as *;
@include ExposeTokens();
@import 'md-components';
© 2015 - 2024 Weber Informatics LLC | Privacy Policy