generated from Seekra/repository-template
Update color variables stylesheet
This commit is contained in:
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
:root {
|
||||
#app-wrapper {
|
||||
--primary-color-l-8: oklch(0.897 0.202 260);
|
||||
--primary-color-l-7: oklch(0.847 0.202 260);
|
||||
--primary-color-l-6: oklch(0.797 0.202 260);
|
||||
@@ -74,20 +74,30 @@ limitations under the License.
|
||||
--light-d-8: var(--white-d-8);
|
||||
|
||||
--dark-bg: var(--black-l-2);
|
||||
--light-bg: oklch(1 0 0);
|
||||
--light-bg: var(--white);
|
||||
}
|
||||
.dark {
|
||||
color-scheme: dark;
|
||||
background-color: var(--dark-bg);
|
||||
color: var(--white-d-1);
|
||||
|
||||
--light: var(--black-l-8);
|
||||
--light-d-1: var(--black-l-7);
|
||||
--light-d-2: var(--black-l-6);
|
||||
--light-d-3: var(--black-l-5);
|
||||
--light-d-4: var(--black-l-4);
|
||||
--light-d-5: var(--black-l-3);
|
||||
--light-d-6: var(--black-l-2);
|
||||
--light-d-7: var(--black-l-1);
|
||||
--light-d-8: var(--black);
|
||||
#app-wrapper.dark {
|
||||
--dark-l-8: var(--white-d-8);
|
||||
--dark-l-7: var(--white-d-7);
|
||||
--dark-l-6: var(--white-d-6);
|
||||
--dark-l-5: var(--white-d-5);
|
||||
--dark-l-4: var(--white-d-4);
|
||||
--dark-l-3: var(--white-d-3);
|
||||
--dark-l-2: var(--white-d-2);
|
||||
--dark-l-1: var(--white-d-1);
|
||||
--dark: var(--white);
|
||||
|
||||
--light: var(--black);
|
||||
--light-d-1: var(--black-l-1);
|
||||
--light-d-2: var(--black-l-2);
|
||||
--light-d-3: var(--black-l-3);
|
||||
--light-d-4: var(--black-l-4);
|
||||
--light-d-5: var(--black-l-5);
|
||||
--light-d-6: var(--black-l-6);
|
||||
--light-d-7: var(--black-l-7);
|
||||
--light-d-8: var(--black-l-8);
|
||||
|
||||
--dark-bg: var(--white);
|
||||
--light-bg: var(--black);
|
||||
}
|
||||
Reference in New Issue
Block a user