Files
gitea-themes/styles/primitives/index.ts
T
2026-05-16 02:09:59 +08:00

52 lines
1.1 KiB
TypeScript

export const primitives = `
body {
color: var(--gt-color-text);
background:
radial-gradient(circle at 12% 8%, rgb(29 111 95 / 0.12), transparent 28rem),
linear-gradient(180deg, var(--gt-color-canvas), #efe6d4);
font-family: var(--gt-font-sans);
}
a {
color: var(--gt-color-accent);
}
.ui.button,
button.ui.button {
border-radius: var(--gt-radius-md);
border-color: var(--gt-color-border);
box-shadow: var(--gt-shadow-sm);
transition:
background-color var(--gt-motion-fast) ease,
border-color var(--gt-motion-fast) ease,
box-shadow var(--gt-motion-fast) ease;
}
.ui.primary.button,
.ui.green.button {
background: var(--gt-color-accent);
color: #ffffff;
}
.ui.primary.button:hover,
.ui.green.button:hover {
background: var(--gt-color-accent-hover);
}
.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form textarea {
border-radius: var(--gt-radius-md);
border-color: var(--gt-color-border);
background: var(--gt-color-surface-raised);
}
.ui.dropdown,
.tippy-box {
border-radius: var(--gt-radius-md);
}
`;