Initial commit with 🏗️ Scaffold-ETH 2 @ 1.0.5
This commit is contained in:
185
packages/nextjs/styles/globals.css
Normal file
185
packages/nextjs/styles/globals.css
Normal file
@@ -0,0 +1,185 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
|
||||
|
||||
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
|
||||
|
||||
@theme {
|
||||
--shadow-center: 0 0 12px -2px rgb(0 0 0 / 0.05);
|
||||
--animate-pulse-fast: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
||||
@plugin "daisyui" {
|
||||
themes:
|
||||
light,
|
||||
dark --prefersdark;
|
||||
}
|
||||
|
||||
@plugin "daisyui/theme" {
|
||||
name: "light";
|
||||
|
||||
--color-primary: #93bbfb;
|
||||
--color-primary-content: #212638;
|
||||
--color-secondary: #dae8ff;
|
||||
--color-secondary-content: #212638;
|
||||
--color-accent: #93bbfb;
|
||||
--color-accent-content: #212638;
|
||||
--color-neutral: #212638;
|
||||
--color-neutral-content: #ffffff;
|
||||
--color-base-100: #ffffff;
|
||||
--color-base-200: #f4f8ff;
|
||||
--color-base-300: #dae8ff;
|
||||
--color-base-content: #212638;
|
||||
--color-info: #93bbfb;
|
||||
--color-success: #34eeb6;
|
||||
--color-warning: #ffcf72;
|
||||
--color-error: #ff8863;
|
||||
|
||||
--radius-field: 9999rem;
|
||||
--radius-box: 1rem;
|
||||
--tt-tailw: 6px;
|
||||
}
|
||||
|
||||
@plugin "daisyui/theme" {
|
||||
name: "dark";
|
||||
|
||||
--color-primary: #212638;
|
||||
--color-primary-content: #f9fbff;
|
||||
--color-secondary: #323f61;
|
||||
--color-secondary-content: #f9fbff;
|
||||
--color-accent: #4969a6;
|
||||
--color-accent-content: #f9fbff;
|
||||
--color-neutral: #f9fbff;
|
||||
--color-neutral-content: #385183;
|
||||
--color-base-100: #385183;
|
||||
--color-base-200: #2a3655;
|
||||
--color-base-300: #212638;
|
||||
--color-base-content: #f9fbff;
|
||||
--color-info: #385183;
|
||||
--color-success: #34eeb6;
|
||||
--color-warning: #ffcf72;
|
||||
--color-error: #ff8863;
|
||||
|
||||
--radius-field: 9999rem;
|
||||
--radius-box: 1rem;
|
||||
|
||||
--tt-tailw: 6px;
|
||||
--tt-bg: var(--color-primary);
|
||||
}
|
||||
|
||||
/*
|
||||
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
||||
so we've added these compatibility styles to make sure everything still
|
||||
looks the same as it did with Tailwind CSS v3.
|
||||
|
||||
If we ever want to remove these styles, we need to add an explicit border
|
||||
color utility to any element that depends on these defaults.
|
||||
*/
|
||||
@layer base {
|
||||
*,
|
||||
::after,
|
||||
::before,
|
||||
::backdrop,
|
||||
::file-selector-button {
|
||||
border-color: var(--color-gray-200, currentColor);
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
:root,
|
||||
[data-theme] {
|
||||
background: var(--color-base-200);
|
||||
}
|
||||
|
||||
.btn {
|
||||
@apply shadow-md;
|
||||
}
|
||||
|
||||
.btn.btn-ghost {
|
||||
@apply shadow-none;
|
||||
}
|
||||
|
||||
.link {
|
||||
text-underline-offset: 2px;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
opacity: 80%;
|
||||
}
|
||||
|
||||
/* -- EXTENSION OVERRIDES -- */
|
||||
|
||||
@plugin "daisyui/theme" {
|
||||
name: "light";
|
||||
|
||||
--color-primary: #c8f5ff;
|
||||
--color-primary-content: #026262;
|
||||
--color-secondary: #89d7e9;
|
||||
--color-secondary-content: #088484;
|
||||
--color-accent: #026262;
|
||||
--color-accent-content: #e9fbff;
|
||||
--color-neutral: #088484;
|
||||
--color-neutral-content: #f0fcff;
|
||||
--color-base-100: #f0fcff;
|
||||
--color-base-200: #e1faff;
|
||||
--color-base-300: #c8f5ff;
|
||||
--color-base-content: #088484;
|
||||
--color-info: #026262;
|
||||
--color-success: #34eeb6;
|
||||
--color-warning: #ffcf72;
|
||||
--color-error: #ff8863;
|
||||
|
||||
/* radius / button rounding */
|
||||
--radius-field: 9999rem;
|
||||
--radius-box: 1rem;
|
||||
|
||||
/* tooltip tail width */
|
||||
--tt-tailw: 6px;
|
||||
}
|
||||
|
||||
/* —— DARK THEME —— */
|
||||
@plugin "daisyui/theme" {
|
||||
name: "dark";
|
||||
|
||||
--color-primary: #026262;
|
||||
--color-primary-content: #c8f5ff;
|
||||
--color-secondary: #107575;
|
||||
--color-secondary-content: #e9fbff;
|
||||
--color-accent: #c8f5ff;
|
||||
--color-accent-content: #088484;
|
||||
--color-neutral: #e9fbff;
|
||||
--color-neutral-content: #11acac;
|
||||
--color-base-100: #11acac;
|
||||
--color-base-200: #088484;
|
||||
--color-base-300: #026262;
|
||||
--color-base-content: #e9fbff;
|
||||
--color-info: #c8f5ff;
|
||||
--color-success: #34eeb6;
|
||||
--color-warning: #ffcf72;
|
||||
--color-error: #ff8863;
|
||||
|
||||
--radius-field: 9999rem;
|
||||
--radius-box: 1rem;
|
||||
|
||||
--tt-tailw: 6px;
|
||||
--tt-bg: var(--color-primary); /* if you need a tooltip bg override */
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
--font-space-grotesk: var(--font-space-grotesk);
|
||||
}
|
||||
Reference in New Issue
Block a user