151 lines
4.0 KiB
CSS
151 lines
4.0 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "proper";
|
|
default: true;
|
|
prefersdark: false;
|
|
color-scheme: "light";
|
|
--color-base-50: oklch(96% 0.001 286.375);
|
|
--color-base-100: oklch(96% 0.001 286.375);
|
|
--color-base-200: oklch(92% 0.004 286.32);
|
|
--color-base-300: oklch(87% 0.006 286.286);
|
|
--color-base-content: oklch(44% 0.017 285.786);
|
|
--color-primary: oklch(71% 0.143 215.221);
|
|
--color-primary-content: oklch(98% 0.019 200.873);
|
|
--color-secondary: oklch(67% 0.182 276.935);
|
|
--color-secondary-content: oklch(93% 0.034 272.788);
|
|
--color-accent: oklch(93% 0.032 255.585);
|
|
--color-accent-content: oklch(38% 0.063 188.416);
|
|
--color-neutral: oklch(96% 0.001 286.375);
|
|
--color-neutral-content: oklch(0% 0 0);
|
|
--color-info: oklch(58% 0.158 241.966);
|
|
--color-info-content: oklch(100% 0 0);
|
|
--color-success: oklch(76% 0.233 130.85);
|
|
--color-success-content: oklch(98% 0.031 120.757);
|
|
--color-warning: oklch(66% 0.179 58.318);
|
|
--color-warning-content: oklch(100% 0 0);
|
|
--color-error: oklch(70% 0.191 22.216);
|
|
--color-error-content: oklch(100% 0 0);
|
|
--radius-selector: 0rem;
|
|
--radius-field: 0rem;
|
|
--radius-box: 0rem;
|
|
--size-selector: 0.1875rem;
|
|
--size-field: 0.1875rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 1;
|
|
}
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "properdark";
|
|
default: false;
|
|
prefersdark: true;
|
|
color-scheme: "dark";
|
|
--color-base-50: oklch(14% 0 0);
|
|
--color-base-100: oklch(26% 0 0);
|
|
--color-base-200: oklch(37% 0 0);
|
|
--color-base-300: oklch(43% 0 0);
|
|
--color-base-content: oklch(100% 0 0);
|
|
--color-primary: oklch(86% 0.127 207.078);
|
|
--color-primary-content: oklch(39% 0.07 227.392);
|
|
--color-secondary: oklch(87% 0.065 274.039);
|
|
--color-secondary-content: oklch(35% 0.144 278.697);
|
|
--color-accent: oklch(36.2% 0.076 265.6);
|
|
--color-accent-content: oklch(97% 0.014 254.604);
|
|
--color-neutral: oklch(37% 0.01 67.558);
|
|
--color-neutral-content: oklch(100% 0 0);
|
|
--color-info: oklch(64.4% 0.12 237.3);
|
|
--color-info-content: oklch(100% 0 0);
|
|
--color-success: oklch(76% 0.233 130.85);
|
|
--color-success-content: oklch(0% 0 0);
|
|
--color-warning: oklch(87% 0.169 91.605);
|
|
--color-warning-content: oklch(0% 0 0);
|
|
--color-error: oklch(63% 0.237 25.331);
|
|
--color-error-content: oklch(100% 0 0);
|
|
--radius-selector: 0rem;
|
|
--radius-field: 0rem;
|
|
--radius-box: 0rem;
|
|
--size-selector: 0.1875rem;
|
|
--size-field: 0.1875rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 1;
|
|
}
|
|
|
|
:root {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.scene-hitbox {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
button,
|
|
input {
|
|
@apply btn-sm;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "w95f";
|
|
src: url("/w95f.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "ark-pixel-12px-proportional-zh_cn";
|
|
src: url("/ark-pixel-12px-proportional-zh_cn.ttf.woff2") format("woff2");
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@theme {
|
|
--font-en: "w95f", "Cascadia Code";
|
|
--font-zh-cn:
|
|
"w95f", "ark-pixel-12px-proportional-zh_cn", "PingFang SC",
|
|
"Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
|
|
}
|
|
|
|
* {
|
|
-webkit-touch-callout: none; /* iOS Safari */
|
|
-webkit-user-select: none; /* Safari */
|
|
-khtml-user-select: none; /* Konqueror HTML */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
|
user-select: none; /* Standard property */
|
|
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
.bg-gridded {
|
|
background-image:
|
|
linear-gradient(
|
|
0deg,
|
|
transparent 24%,
|
|
var(--color-primary) 25%,
|
|
var(--color-primary) 26%,
|
|
transparent 27%,
|
|
transparent 74%,
|
|
var(--color-primary) 75%,
|
|
var(--color-primary) 76%,
|
|
transparent 77%,
|
|
transparent
|
|
),
|
|
linear-gradient(
|
|
90deg,
|
|
transparent 24%,
|
|
var(--color-primary) 25%,
|
|
var(--color-primary) 26%,
|
|
transparent 27%,
|
|
transparent 74%,
|
|
var(--color-primary) 75%,
|
|
var(--color-primary) 76%,
|
|
transparent 77%,
|
|
transparent
|
|
);
|
|
background-size: 32px 32px;
|
|
}
|