From 59f533424b11107bb163ab9c2c38c699a56427d5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=95=94=EB=83=A5=20=28imnyang=29?= Date: Mon, 9 Mar 2026 17:21:14 +0900 Subject: [PATCH] Create vencordd.theme.css --- vencordd.theme.css | 91 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 vencordd.theme.css diff --git a/vencordd.theme.css b/vencordd.theme.css new file mode 100644 index 0000000..b32116d --- /dev/null +++ b/vencordd.theme.css @@ -0,0 +1,91 @@ +/** + * @name Midnight-Ash-Light + * @description Midnight theme customized with a soft light palette. + * @author Ash1421 & Gemini + * @version 1.0.0 +*/ + +/* 기존 기능 플러그인 유지 */ +@import url("https://refact0r.github.io/midnight-discord/build/midnight.css"); +@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/SettingsModal/SettingsModal.css); +@import url("https://discordstyles.github.io/RadialStatus/RadialStatus.css"); +@import url("https://discordstyles.github.io/HorizontalServerList/HorizontalServerList.css"); +@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css); + +body { + --font: "figtree"; + --gap: 12px; + --animations: on; + --list-item-transition: 0.2s ease; + --small-user-panel: on; + --custom-chatbar: aligned; +} + +:root { + /* --- 핵심 라이트 모드 색상 적용 --- */ + --text-0: hsl(315 21% 8%); /* 주요 텍스트 */ + --text-1: hsl(315 21% 15%); + --text-2: hsl(340 10% 40%); /* 부가 텍스트 */ + --text-3: hsl(340 10% 50%); + --text-4: hsl(340 10% 60%); /* 비활성/플레이스홀더 */ + --text-5: hsl(340 10% 70%); + + --bg-1: hsl(340 40% 98%); /* 전체 배경 */ + --bg-2: hsl(340 25% 95%); /* 사이드바/리스트 배경 */ + --bg-3: hsl(340 25% 93%); /* 패널 배경 */ + --bg-4: hsl(340 25% 90%); /* 입력창/경계선 */ + + /* 디스코드를 위한 기본 배경 매핑 */ + --background-primary: var(--bg-1); + --background-secondary: var(--bg-2); + --background-secondary-alt: hsl(340 25% 94%); + --background-tertiary: var(--bg-3); + --background-accent: var(--bg-4); + --background-floating: var(--bg-1); + + /* 강조색 (Primary 기반) */ + --accent-1: hsl(340 25% 30%); + --accent-2: hsl(340 25% 15%); /* 메인 포인트 */ + --accent-3: hsl(340 25% 10%); + --accent-new: var(--accent-2); + + /* 상호작용 (Hover/Active) */ + --hover: hsla(340, 25%, 90%, 0.5); + --active: hsla(340, 25%, 85%, 0.7); + --message-hover: hsla(340, 25%, 95%, 0.4); + + /* 경계선 및 스크롤바 */ + --border: hsl(340 25% 90%); + --border-hover: hsl(340 25% 80%); + --scrollbar-auto-thumb: var(--text-5); + --scrollbar-thin-thumb: var(--text-5); + + /* Radial Status & 기타 UI 설정 */ + --rs-online-color: #43b581; + --rs-idle-color: #faa61a; + --rs-dnd-color: #f04747; + --rs-offline-color: var(--text-4); + + /* Settings Modal 가시성 조절 */ + --settingswidth: 960; + --settingsheight: 80; + --settingsbackground: var(--bg-1); +} + +/* 테마 강제 라이트 모드 보정 */ +.theme-dark, .theme-light, .theme-midnight { + --background-primary: var(--bg-1) !important; + --background-secondary: var(--bg-2) !important; + --background-tertiary: var(--bg-3) !important; + --channel-text-area-background: var(--bg-4) !important; + --modal-background: var(--bg-1) !important; + --modal-footer-background: var(--bg-2) !important; + --card-primary-bg: var(--bg-1) !important; + --input-background: var(--bg-4) !important; +} + +/* 멘션 및 리플라이 색상 조정 (라이트 모드 가독성) */ +:root { + --mention: hsla(340, 25%, 15%, 0.1); + --mention-hover: hsla(340, 25%, 15%, 0.15); +}