diff options
Diffstat (limited to 'app/src/web/scss/palette')
-rw-r--r-- | app/src/web/scss/palette/_custom.scss | 13 | ||||
-rw-r--r-- | app/src/web/scss/palette/_material_amoled.scss | 9 | ||||
-rw-r--r-- | app/src/web/scss/palette/_material_dark.scss | 8 | ||||
-rw-r--r-- | app/src/web/scss/palette/_material_glass.scss | 8 | ||||
-rw-r--r-- | app/src/web/scss/palette/_material_light.scss | 13 |
5 files changed, 51 insertions, 0 deletions
diff --git a/app/src/web/scss/palette/_custom.scss b/app/src/web/scss/palette/_custom.scss new file mode 100644 index 00000000..0adb7768 --- /dev/null +++ b/app/src/web/scss/palette/_custom.scss @@ -0,0 +1,13 @@ +$bg_transparent: unquote('$BT$'); +$text: unquote('$T$'); +$text_disabled: unquote('$TD$'); +$link: unquote('$TT$'); +$accent: unquote('$A$'); +$accent_text: unquote('$AT$'); +$background: unquote('$B$'); +$background2: unquote('$BBT$'); +$bg_opaque: unquote('$O$'); +$bg_opaque2: unquote('$OO$'); +$divider: unquote('$D$'); +$card: unquote('$C$'); +$tint: unquote('$TI$'); diff --git a/app/src/web/scss/palette/_material_amoled.scss b/app/src/web/scss/palette/_material_amoled.scss new file mode 100644 index 00000000..3eca36bc --- /dev/null +++ b/app/src/web/scss/palette/_material_amoled.scss @@ -0,0 +1,9 @@ +$text: #fff; +$accent_text: #fff; +$link: #5d86dd; +$accent: #5d86dd; +$background: #000; +$background2: rgba($background, 0.35); +$bg_transparent: $background; +$card: $background2; +$tint: rgba(#fff, 0.2); diff --git a/app/src/web/scss/palette/_material_dark.scss b/app/src/web/scss/palette/_material_dark.scss new file mode 100644 index 00000000..a27627c0 --- /dev/null +++ b/app/src/web/scss/palette/_material_dark.scss @@ -0,0 +1,8 @@ +$text: #fff; +$accent_text: #fff; +$link: #5d86dd; +$accent: #5d86dd; +$background: #303030; +$bg_transparent: $background; +$card: #353535; +$tint: rgba(#fff, 0.2); diff --git a/app/src/web/scss/palette/_material_glass.scss b/app/src/web/scss/palette/_material_glass.scss new file mode 100644 index 00000000..c9e399e7 --- /dev/null +++ b/app/src/web/scss/palette/_material_glass.scss @@ -0,0 +1,8 @@ +$text: #fff; +$accent_text: #fff; +$link: #5d86dd; +$accent: #5d86dd; +$background: rgba(#000, 0.1); +$bg_transparent: transparent; +$card: rgba(#000, 0.25); +$tint: rgba(#fff, 0.15);
\ No newline at end of file diff --git a/app/src/web/scss/palette/_material_light.scss b/app/src/web/scss/palette/_material_light.scss new file mode 100644 index 00000000..2a799180 --- /dev/null +++ b/app/src/web/scss/palette/_material_light.scss @@ -0,0 +1,13 @@ +$text: #000; +$accent_text: #fff; +$link: #3b5998; +$accent: #3b5998; +$background: #fafafa; +// this is actually the inverse of material light (bg should be gray, cards should be white), +// but it looks better than the alternative +$background2: rgba(darken($background, 8%), 0.35); + +$bg_transparent: $background; + +$card: #fff; +$tint: #ddd;
\ No newline at end of file |