Skip to content

Instantly share code, notes, and snippets.

@fireflysemantics
Last active October 11, 2022 03:28

Revisions

  1. fireflysemantics revised this gist Oct 11, 2022. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion theme.scss
    Original file line number Diff line number Diff line change
    @@ -182,7 +182,7 @@ color: (
    background: (
    status-bar: #e0e0e0,
    app-bar: #f5f5f5,
    background: #fafafa,
    background: red, ,
    hover: rgba(0, 0, 0, 0.04),
    card: white,
    dialog: white,
  2. fireflysemantics revised this gist Aug 24, 2022. 1 changed file with 1 addition and 197 deletions.
    198 changes: 1 addition & 197 deletions theme.scss
    Original file line number Diff line number Diff line change
    @@ -195,200 +195,4 @@ color: (
    unselected-chip: #e0e0e0,
    disabled-list-option: #eeeeee,
    tooltip: #616161,
    ),
    ),
    primary: (
    50: #e8eaf6,
    100: #c5cae9,
    200: #9fa8da,
    300: #7986cb,
    400: #5c6bc0,
    500: #3f51b5,
    600: #3949ab,
    700: #303f9f,
    800: #283593,
    900: #1a237e,
    A100: #8c9eff,
    A200: #536dfe,
    A400: #3d5afe,
    A700: #304ffe,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: white,
    A400: white,
    A700: white,
    ),
    default: #3f51b5,
    lighter: #c5cae9,
    darker: #303f9f,
    text: #3f51b5,
    default-contrast: white,
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: white,
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: white,
    400-contrast: white,
    500-contrast: white,
    600-contrast: white,
    700-contrast: white,
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: white,
    A400-contrast: white,
    A700-contrast: white,
    contrast-contrast: ,
    ),
    accent: (
    50: #e8eaf6,
    100: #c5cae9,
    200: #9fa8da,
    300: #7986cb,
    400: #5c6bc0,
    500: #3f51b5,
    600: #3949ab,
    700: #303f9f,
    800: #283593,
    900: #1a237e,
    A100: #8c9eff,
    A200: #536dfe,
    A400: #3d5afe,
    A700: #304ffe,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: white,
    A400: white,
    A700: white,
    ),
    default: #3f51b5,
    lighter: #c5cae9,
    darker: #303f9f,
    text: #3f51b5,
    default-contrast: white,
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: white,
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: white,
    400-contrast: white,
    500-contrast: white,
    600-contrast: white,
    700-contrast: white,
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: white,
    A400-contrast: white,
    A700-contrast: white,
    contrast-contrast: ,
    ),
    warn: (
    50: #fff3e0,
    100: #ffe0b2,
    200: #ffcc80,
    300: #ffb74d,
    400: #ffa726,
    500: #ff9800,
    600: #fb8c00,
    700: #f57c00,
    800: #ef6c00,
    900: #e65100,
    A100: #ffd180,
    A200: #ffab40,
    A400: #ff9100,
    A700: #ff6d00,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: rgba(0, 0, 0, 0.87),
    400: rgba(0, 0, 0, 0.87),
    500: rgba(0, 0, 0, 0.87),
    600: rgba(0, 0, 0, 0.87),
    700: rgba(0, 0, 0, 0.87),
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: rgba(0, 0, 0, 0.87),
    A400: rgba(0, 0, 0, 0.87),
    A700: black,
    ),
    default: #ff9800,
    lighter: #ffe0b2,
    darker: #f57c00,
    text: #ff9800,
    default-contrast: rgba(0, 0, 0, 0.87),
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: rgba(0, 0, 0, 0.87),
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: rgba(0, 0, 0, 0.87),
    400-contrast: rgba(0, 0, 0, 0.87),
    500-contrast: rgba(0, 0, 0, 0.87),
    600-contrast: rgba(0, 0, 0, 0.87),
    700-contrast: rgba(0, 0, 0, 0.87),
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: rgba(0, 0, 0, 0.87),
    A400-contrast: rgba(0, 0, 0, 0.87),
    A700-contrast: black,
    contrast-contrast: ,
    ),
    is-dark: false,
    foreground: (
    base: black,
    divider: rgba(0, 0, 0, 0.12),
    dividers: rgba(0, 0, 0, 0.12),
    disabled: rgba(0, 0, 0, 0.38),
    disabled-button: rgba(0, 0, 0, 0.26),
    disabled-text: rgba(0, 0, 0, 0.38),
    elevation: black,
    hint-text: rgba(0, 0, 0, 0.38),
    secondary-text: rgba(0, 0, 0, 0.54),
    icon: rgba(0, 0, 0, 0.54),
    icons: rgba(0, 0, 0, 0.54),
    text: rgba(0, 0, 0, 0.87),
    slider-min: rgba(0, 0, 0, 0.87),
    slider-off: rgba(0, 0, 0, 0.26),
    slider-off-active: rgba(0, 0, 0, 0.38),
    ),
    background: red,
    status-bar: #e0e0e0,
    app-bar: #f5f5f5,
    hover: rgba(0, 0, 0, 0.04),
    card: white,
    dialog: white,
    disabled-button: rgba(0, 0, 0, 0.12),
    raised-button: white,
    focused-button: rgba(0, 0, 0, 0.12),
    selected-button: #e0e0e0,
    selected-disabled-button: #bdbdbd,
    disabled-button-toggle: #eeeeee,
    unselected-chip: #e0e0e0,
    disabled-list-option: #eeeeee,
    tooltip: #616161,
    )
  3. fireflysemantics revised this gist Aug 23, 2022. 1 changed file with 0 additions and 8 deletions.
    8 changes: 0 additions & 8 deletions theme.scss
    Original file line number Diff line number Diff line change
    @@ -392,11 +392,3 @@ color: (
    unselected-chip: #e0e0e0,
    disabled-list-option: #eeeeee,
    tooltip: #616161,
    ✔ Browser application bundle generation complete.

    5 unchanged chunks

    Build at: 2022-08-23T20:06:53.238Z - Hash: 5373cf27eecae470 - Time: 560ms

    ✔ Compiled successfully.

  4. fireflysemantics created this gist Aug 23, 2022.
    402 changes: 402 additions & 0 deletions theme.scss
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,402 @@
    color: (
    primary: (
    50: #e8eaf6,
    100: #c5cae9,
    200: #9fa8da,
    300: #7986cb,
    400: #5c6bc0,
    500: #3f51b5,
    600: #3949ab,
    700: #303f9f,
    800: #283593,
    900: #1a237e,
    A100: #8c9eff,
    A200: #536dfe,
    A400: #3d5afe,
    A700: #304ffe,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: white,
    A400: white,
    A700: white,
    ),
    default: #3f51b5,
    lighter: #c5cae9,
    darker: #303f9f,
    text: #3f51b5,
    default-contrast: white,
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: white,
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: white,
    400-contrast: white,
    500-contrast: white,
    600-contrast: white,
    700-contrast: white,
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: white,
    A400-contrast: white,
    A700-contrast: white,
    contrast-contrast: ,
    ),
    accent: (
    50: #e8eaf6,
    100: #c5cae9,
    200: #9fa8da,
    300: #7986cb,
    400: #5c6bc0,
    500: #3f51b5,
    600: #3949ab,
    700: #303f9f,
    800: #283593,
    900: #1a237e,
    A100: #8c9eff,
    A200: #536dfe,
    A400: #3d5afe,
    A700: #304ffe,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: white,
    A400: white,
    A700: white,
    ),
    default: #3f51b5,
    lighter: #c5cae9,
    darker: #303f9f,
    text: #3f51b5,
    default-contrast: white,
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: white,
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: white,
    400-contrast: white,
    500-contrast: white,
    600-contrast: white,
    700-contrast: white,
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: white,
    A400-contrast: white,
    A700-contrast: white,
    contrast-contrast: ,
    ),
    warn: (
    50: #fff3e0,
    100: #ffe0b2,
    200: #ffcc80,
    300: #ffb74d,
    400: #ffa726,
    500: #ff9800,
    600: #fb8c00,
    700: #f57c00,
    800: #ef6c00,
    900: #e65100,
    A100: #ffd180,
    A200: #ffab40,
    A400: #ff9100,
    A700: #ff6d00,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: rgba(0, 0, 0, 0.87),
    400: rgba(0, 0, 0, 0.87),
    500: rgba(0, 0, 0, 0.87),
    600: rgba(0, 0, 0, 0.87),
    700: rgba(0, 0, 0, 0.87),
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: rgba(0, 0, 0, 0.87),
    A400: rgba(0, 0, 0, 0.87),
    A700: black,
    ),
    default: #ff9800,
    lighter: #ffe0b2,
    darker: #f57c00,
    text: #ff9800,
    default-contrast: rgba(0, 0, 0, 0.87),
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: rgba(0, 0, 0, 0.87),
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: rgba(0, 0, 0, 0.87),
    400-contrast: rgba(0, 0, 0, 0.87),
    500-contrast: rgba(0, 0, 0, 0.87),
    600-contrast: rgba(0, 0, 0, 0.87),
    700-contrast: rgba(0, 0, 0, 0.87),
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: rgba(0, 0, 0, 0.87),
    A400-contrast: rgba(0, 0, 0, 0.87),
    A700-contrast: black,
    contrast-contrast: ,
    ),
    is-dark: false,
    foreground: (
    base: black,
    divider: rgba(0, 0, 0, 0.12),
    dividers: rgba(0, 0, 0, 0.12),
    disabled: rgba(0, 0, 0, 0.38),
    disabled-button: rgba(0, 0, 0, 0.26),
    disabled-text: rgba(0, 0, 0, 0.38),
    elevation: black,
    hint-text: rgba(0, 0, 0, 0.38),
    secondary-text: rgba(0, 0, 0, 0.54),
    icon: rgba(0, 0, 0, 0.54),
    icons: rgba(0, 0, 0, 0.54),
    text: rgba(0, 0, 0, 0.87),
    slider-min: rgba(0, 0, 0, 0.87),
    slider-off: rgba(0, 0, 0, 0.26),
    slider-off-active: rgba(0, 0, 0, 0.38),
    ),
    background: (
    status-bar: #e0e0e0,
    app-bar: #f5f5f5,
    background: #fafafa,
    hover: rgba(0, 0, 0, 0.04),
    card: white,
    dialog: white,
    disabled-button: rgba(0, 0, 0, 0.12),
    raised-button: white,
    focused-button: rgba(0, 0, 0, 0.12),
    selected-button: #e0e0e0,
    selected-disabled-button: #bdbdbd,
    disabled-button-toggle: #eeeeee,
    unselected-chip: #e0e0e0,
    disabled-list-option: #eeeeee,
    tooltip: #616161,
    ),
    ),
    primary: (
    50: #e8eaf6,
    100: #c5cae9,
    200: #9fa8da,
    300: #7986cb,
    400: #5c6bc0,
    500: #3f51b5,
    600: #3949ab,
    700: #303f9f,
    800: #283593,
    900: #1a237e,
    A100: #8c9eff,
    A200: #536dfe,
    A400: #3d5afe,
    A700: #304ffe,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: white,
    A400: white,
    A700: white,
    ),
    default: #3f51b5,
    lighter: #c5cae9,
    darker: #303f9f,
    text: #3f51b5,
    default-contrast: white,
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: white,
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: white,
    400-contrast: white,
    500-contrast: white,
    600-contrast: white,
    700-contrast: white,
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: white,
    A400-contrast: white,
    A700-contrast: white,
    contrast-contrast: ,
    ),
    accent: (
    50: #e8eaf6,
    100: #c5cae9,
    200: #9fa8da,
    300: #7986cb,
    400: #5c6bc0,
    500: #3f51b5,
    600: #3949ab,
    700: #303f9f,
    800: #283593,
    900: #1a237e,
    A100: #8c9eff,
    A200: #536dfe,
    A400: #3d5afe,
    A700: #304ffe,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: white,
    A400: white,
    A700: white,
    ),
    default: #3f51b5,
    lighter: #c5cae9,
    darker: #303f9f,
    text: #3f51b5,
    default-contrast: white,
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: white,
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: white,
    400-contrast: white,
    500-contrast: white,
    600-contrast: white,
    700-contrast: white,
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: white,
    A400-contrast: white,
    A700-contrast: white,
    contrast-contrast: ,
    ),
    warn: (
    50: #fff3e0,
    100: #ffe0b2,
    200: #ffcc80,
    300: #ffb74d,
    400: #ffa726,
    500: #ff9800,
    600: #fb8c00,
    700: #f57c00,
    800: #ef6c00,
    900: #e65100,
    A100: #ffd180,
    A200: #ffab40,
    A400: #ff9100,
    A700: #ff6d00,
    contrast: (
    50: rgba(0, 0, 0, 0.87),
    100: rgba(0, 0, 0, 0.87),
    200: rgba(0, 0, 0, 0.87),
    300: rgba(0, 0, 0, 0.87),
    400: rgba(0, 0, 0, 0.87),
    500: rgba(0, 0, 0, 0.87),
    600: rgba(0, 0, 0, 0.87),
    700: rgba(0, 0, 0, 0.87),
    800: white,
    900: white,
    A100: rgba(0, 0, 0, 0.87),
    A200: rgba(0, 0, 0, 0.87),
    A400: rgba(0, 0, 0, 0.87),
    A700: black,
    ),
    default: #ff9800,
    lighter: #ffe0b2,
    darker: #f57c00,
    text: #ff9800,
    default-contrast: rgba(0, 0, 0, 0.87),
    lighter-contrast: rgba(0, 0, 0, 0.87),
    darker-contrast: rgba(0, 0, 0, 0.87),
    50-contrast: rgba(0, 0, 0, 0.87),
    100-contrast: rgba(0, 0, 0, 0.87),
    200-contrast: rgba(0, 0, 0, 0.87),
    300-contrast: rgba(0, 0, 0, 0.87),
    400-contrast: rgba(0, 0, 0, 0.87),
    500-contrast: rgba(0, 0, 0, 0.87),
    600-contrast: rgba(0, 0, 0, 0.87),
    700-contrast: rgba(0, 0, 0, 0.87),
    800-contrast: white,
    900-contrast: white,
    A100-contrast: rgba(0, 0, 0, 0.87),
    A200-contrast: rgba(0, 0, 0, 0.87),
    A400-contrast: rgba(0, 0, 0, 0.87),
    A700-contrast: black,
    contrast-contrast: ,
    ),
    is-dark: false,
    foreground: (
    base: black,
    divider: rgba(0, 0, 0, 0.12),
    dividers: rgba(0, 0, 0, 0.12),
    disabled: rgba(0, 0, 0, 0.38),
    disabled-button: rgba(0, 0, 0, 0.26),
    disabled-text: rgba(0, 0, 0, 0.38),
    elevation: black,
    hint-text: rgba(0, 0, 0, 0.38),
    secondary-text: rgba(0, 0, 0, 0.54),
    icon: rgba(0, 0, 0, 0.54),
    icons: rgba(0, 0, 0, 0.54),
    text: rgba(0, 0, 0, 0.87),
    slider-min: rgba(0, 0, 0, 0.87),
    slider-off: rgba(0, 0, 0, 0.26),
    slider-off-active: rgba(0, 0, 0, 0.38),
    ),
    background: red,
    status-bar: #e0e0e0,
    app-bar: #f5f5f5,
    hover: rgba(0, 0, 0, 0.04),
    card: white,
    dialog: white,
    disabled-button: rgba(0, 0, 0, 0.12),
    raised-button: white,
    focused-button: rgba(0, 0, 0, 0.12),
    selected-button: #e0e0e0,
    selected-disabled-button: #bdbdbd,
    disabled-button-toggle: #eeeeee,
    unselected-chip: #e0e0e0,
    disabled-list-option: #eeeeee,
    tooltip: #616161,
    ✔ Browser application bundle generation complete.

    5 unchanged chunks

    Build at: 2022-08-23T20:06:53.238Z - Hash: 5373cf27eecae470 - Time: 560ms

    ✔ Compiled successfully.