From 010d08907c8e82687e964fa8ca6a6ce6fbcc38a9 Mon Sep 17 00:00:00 2001 From: MrTipson Date: Sat, 5 Oct 2024 14:26:17 +0200 Subject: [PATCH] Update examples to include new custom property --- examples/example-base.css | 2 ++ examples/example-candyland.css | 2 ++ examples/night-mode.css | 2 ++ 3 files changed, 6 insertions(+) diff --git a/examples/example-base.css b/examples/example-base.css index 55cc457..0832dcb 100644 --- a/examples/example-base.css +++ b/examples/example-base.css @@ -35,6 +35,7 @@ --scrollbar-thin-track: transparent /* thin scrollbar track */; --scrollbar-auto-thumb: rgba(83, 83, 83, 0.657) /* thick scrollbar (such as active friends)*/; --scrollbar-auto-track: rgba(85, 85, 85, 0.342) /* thick scrollbar */; + --bg-base-primary: var(--background-primary); /* Custom variables - Theme */ --color-main: rgb(255, 123, 0) /* main color theme */; --background-primary-extra: rgba(255, 255, 255, 0.746); @@ -83,6 +84,7 @@ --scrollbar-thin-track: transparent /* thin scrollbar track */; --scrollbar-auto-thumb: rgb(189, 189, 189) /* thick scrollbar (such as active friends)*/; --scrollbar-auto-track: rgba(17, 17, 17, 0.315) /* thick scrollbar */; + --bg-base-primary: var(--background-primary); /* Custom variables - Theme */ --color-main: rgb(31, 149, 153) /* main color theme */; --background-primary-extra: rgba(0, 0, 0, 0.466); diff --git a/examples/example-candyland.css b/examples/example-candyland.css index 6e1af0b..9582d6c 100644 --- a/examples/example-candyland.css +++ b/examples/example-candyland.css @@ -36,6 +36,7 @@ --scrollbar-auto-thumb: rgba(109, 109, 109, 0.657) /* thick scrollbar (such as active friends) */; --scrollbar-auto-track: rgba(85, 85, 85, 0.342) /* thick scrollbar */; --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05); + --bg-base-primary: var(--background-primary); /* Custom variables - Theme */ --color-main: rgb(255, 109, 248) /* main color theme */; --background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23ffe282' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23e5cb75' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23ffcb7c' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23ecb16c' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23ffb382' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23ed976e' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23ff9d93' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23e57f76' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23ff8ca9' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23d46c81' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23ff82c1' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23ba5f8c' points='943 900 1210 900 971 687'/%3E%3C/svg%3E"); @@ -89,6 +90,7 @@ --radio-bar-accent-color: white /* border around radio buttons in settings */; --radio-group-dot-foreground: white /* dot color for radio buttons in settings */; --elevation-low: 0 1px 0 rgba(251,251,250,0.2),0 1.5px 0 rgba(249,249,248,0.05),0 2px 0 rgba(251,251,250,0.05); + --bg-base-primary: var(--background-primary); /* Custom variables - Theme */ --color-main: rgb(58, 176, 255) /* main color theme */; --background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%233c74b5' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%2379a2d3' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23447ab9' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%2380abd2' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%234b80bc' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%238bb3d1' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%235387c0' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%2398bbcf' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%235a8dc3' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%23a7c2ce' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%236293c7' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23b7c8ce' points='943 900 1210 900 971 687'/%3E%3C/svg%3E"); diff --git a/examples/night-mode.css b/examples/night-mode.css index 1d5eaff..2ed72c6 100644 --- a/examples/night-mode.css +++ b/examples/night-mode.css @@ -40,6 +40,7 @@ --scrollbar-auto-thumb: rgba(83, 83, 83, 0.657) /* thick scrollbar (such as active friends)*/; --scrollbar-auto-track: rgba(85, 85, 85, 0.342) /* thick scrollbar */; --radio-group-dot-foreground: var(--interactive-active) /* radio button inner */; + --bg-base-primary: var(--background-primary); /* Custom variables - Theme */ --color-main: rgb(255, 100, 234) /* main color theme */; --background-primary-extra: rgba(255, 255, 255, 0.746); @@ -89,6 +90,7 @@ --scrollbar-thin-track: transparent /* thin scrollbar track */; --scrollbar-auto-thumb: rgb(189, 189, 189) /* thick scrollbar (such as active friends)*/; --scrollbar-auto-track: rgba(17, 17, 17, 0.315) /* thick scrollbar */; + --bg-base-primary: var(--background-primary); /* Custom variables - Theme */ --color-main: #55c1ff /* main color theme */; --background-primary-extra: rgba(0, 0, 0, 0.466);