fix(docs): layoutColor.overlay (#5782)

This commit is contained in:
WK 2025-11-15 22:00:58 +08:00 committed by GitHub
parent 0344123c13
commit 0bf225abf5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 14 additions and 22 deletions

View File

@ -39,7 +39,7 @@ export const initialLightTheme: ConfigColors = {
foreground: colors.black, foreground: colors.black,
background: colors.white, background: colors.white,
focus: colors.blue[500], focus: colors.blue[500],
overlay: colors.black, overlay: colors.white,
}, },
contentColor: { contentColor: {
content1: colors.white, content1: colors.white,
@ -64,7 +64,7 @@ export const initialDarkTheme: ConfigColors = {
foreground: colors.white, foreground: colors.white,
background: colors.black, background: colors.black,
focus: colors.blue[500], focus: colors.blue[500],
overlay: colors.white, overlay: colors.black,
}, },
contentColor: { contentColor: {
content1: colors.zinc[900], content1: colors.zinc[900],

View File

@ -1,8 +1,6 @@
import type {Config} from "../types"; import type {Config} from "../types";
import {colors} from "@heroui/theme"; import {initialDarkTheme, initialLayout, initialLightTheme} from "../constants";
import {initialLayout} from "../constants";
export const coffee: Config = { export const coffee: Config = {
name: "coffee", name: "coffee",
@ -20,7 +18,7 @@ export const coffee: Config = {
layoutColor: { layoutColor: {
foreground: "#a27225", foreground: "#a27225",
background: "#fffbf6", background: "#fffbf6",
overlay: colors.black, overlay: initialLightTheme.layoutColor.overlay,
focus: "#db924b", focus: "#db924b",
}, },
contentColor: { contentColor: {
@ -45,7 +43,7 @@ export const coffee: Config = {
foreground: "#c59f60", foreground: "#c59f60",
background: "#20161F", background: "#20161F",
focus: "#db924b", focus: "#db924b",
overlay: colors.white, overlay: initialDarkTheme.layoutColor.overlay,
}, },
contentColor: { contentColor: {
content1: "#2c1f2b", content1: "#2c1f2b",

View File

@ -1,8 +1,6 @@
import type {Config} from "../types"; import type {Config} from "../types";
import {colors} from "@heroui/theme"; import {initialDarkTheme, initialLayout, initialLightTheme} from "../constants";
import {initialLayout} from "../constants";
export const elegant: Config = { export const elegant: Config = {
name: "elegant", name: "elegant",
@ -20,7 +18,7 @@ export const elegant: Config = {
layoutColor: { layoutColor: {
foreground: "#4a4a4a", foreground: "#4a4a4a",
background: "#ffffff", background: "#ffffff",
overlay: colors.black, overlay: initialLightTheme.layoutColor.overlay,
focus: "#db924b", focus: "#db924b",
}, },
contentColor: { contentColor: {
@ -44,7 +42,7 @@ export const elegant: Config = {
layoutColor: { layoutColor: {
foreground: "#b0b0b0", foreground: "#b0b0b0",
background: "#000000", background: "#000000",
overlay: colors.white, overlay: initialDarkTheme.layoutColor.overlay,
focus: "#000000", focus: "#000000",
}, },
contentColor: { contentColor: {

View File

@ -1,8 +1,6 @@
import type {Config} from "../types"; import type {Config} from "../types";
import {colors} from "@heroui/theme"; import {initialDarkTheme, initialLayout, initialLightTheme} from "../constants";
import {initialLayout} from "../constants";
export const modern: Config = { export const modern: Config = {
name: "modern", name: "modern",
@ -20,7 +18,7 @@ export const modern: Config = {
layoutColor: { layoutColor: {
foreground: "#4a3d77", foreground: "#4a3d77",
background: "#f9f7fd", background: "#f9f7fd",
overlay: colors.black, overlay: initialLightTheme.layoutColor.overlay,
focus: "#7828c8", focus: "#7828c8",
}, },
contentColor: { contentColor: {
@ -44,7 +42,7 @@ export const modern: Config = {
layoutColor: { layoutColor: {
foreground: "#d0aaff", foreground: "#d0aaff",
background: "#1b1526", background: "#1b1526",
overlay: colors.white, overlay: initialDarkTheme.layoutColor.overlay,
focus: "#9353d3", focus: "#9353d3",
}, },
contentColor: { contentColor: {

View File

@ -1,8 +1,6 @@
import type {Config} from "../types"; import type {Config} from "../types";
import {colors} from "@heroui/theme"; import {initialDarkTheme, initialLayout, initialLightTheme} from "../constants";
import {initialLayout} from "../constants";
export const retro: Config = { export const retro: Config = {
name: "retro", name: "retro",
@ -20,7 +18,7 @@ export const retro: Config = {
layoutColor: { layoutColor: {
foreground: "#5A4A42", foreground: "#5A4A42",
background: "#F4E8D1", background: "#F4E8D1",
overlay: colors.black, overlay: initialLightTheme.layoutColor.overlay,
focus: "#FFD34E", focus: "#FFD34E",
}, },
contentColor: { contentColor: {
@ -44,7 +42,7 @@ export const retro: Config = {
layoutColor: { layoutColor: {
foreground: "#000000", foreground: "#000000",
background: "#E1CA9E", background: "#E1CA9E",
overlay: colors.white, overlay: initialDarkTheme.layoutColor.overlay,
focus: "#FFD34E", focus: "#FFD34E",
}, },
contentColor: { contentColor: {