diff options
author | Allan Wang <me@allanwang.ca> | 2021-01-10 21:18:54 -0800 |
---|---|---|
committer | Allan Wang <me@allanwang.ca> | 2021-01-10 21:18:54 -0800 |
commit | b01d23bdaa03b7feb23c17d2af63926b1f5bb592 (patch) | |
tree | 4f5e58397143696fe4ab28c00d80275cb171e883 /app/src/web/scss/palette | |
parent | fb122b7af6e230e9458ab7d892d5d20f551b98ed (diff) | |
download | frost-b01d23bdaa03b7feb23c17d2af63926b1f5bb592.tar.gz frost-b01d23bdaa03b7feb23c17d2af63926b1f5bb592.tar.bz2 frost-b01d23bdaa03b7feb23c17d2af63926b1f5bb592.zip |
Remap theme structure
Diffstat (limited to 'app/src/web/scss/palette')
-rw-r--r-- | app/src/web/scss/palette/_custom.scss | 12 | ||||
-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, 50 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..b35bdfa1 --- /dev/null +++ b/app/src/web/scss/palette/_custom.scss @@ -0,0 +1,12 @@ +$bg_transparent: unquote('$BT$'); +$text: unquote('$T$'); +$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 |