emma/tabletop-commander
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 3 Releases Wiki Activity

Lightmode

Browse Source
This commit is contained in:
Emmaline Autumn 2024-02-25 10:30:17 -07:00
parent faad896f7e
commit e1ed37d733
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/globals.css
View File

@ -7,10 +7,11 @@
@apply text-white @apply text-white
} }
body { body {
@apply bg-mixed-100 @apply dark:bg-mixed-100 bg-primary-600
/* background: linear-gradient(47deg, black, #620072, #120072); */
} }
input { input {
@apply py-2 px-4 rounded-full bg-mixed-200 placeholder:text-dark-500 @apply py-2 px-4 rounded-full dark:bg-mixed-200 dark:bg-mixed-600 placeholder:text-dark-500
} }
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
@apply font-bold @apply font-bold
@ -22,11 +23,13 @@
@layer components { @layer components {
.strapline { .strapline {
@apply text-primary-500 uppercase font-bold mb-2 text-lg @apply dark:text-primary-500 text-primary-100 uppercase font-bold mb-2 text-lg
} }
.card { .card {
@apply bg-mixed-200 rounded-3xl p-6 shadow-2xl @apply dark:bg-mixed-200 bg-primary-500 rounded-3xl p-6 shadow-2xl
/* mix-blend-luminosity */
/* @apply bg-mixed-200 rounded-3xl p-6 shadow-2xl */
} }
.btn-primary { .btn-primary {

4
app/layout.tsx
View File

@ -23,8 +23,8 @@ export default function RootLayout({
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className + " flex min-h-[100vh]"}> <body className={inter.className + " flex min-h-[100vh]"}>
<nav className="h-[100vh] p-8 rounded-r-3xl bg-mixed-300 w-max shadow-2xl"> <nav className="h-[100vh] p-8 rounded-r-3xl dark:bg-mixed-300 bg-primary-400 w-max shadow-2xl">
<h1 className="text-lg font-bold pb-6 border-b border-dark-500"> <h1 className="text-lg font-bold pb-6 border-b dark:border-dark-500 border-primary-600">
Tabletop Commander Tabletop Commander
</h1> </h1>
<ul className="my-6 flex flex-col gap-6"> <ul className="my-6 flex flex-col gap-6">