mirror of
https://github.com/ksyasuda/SubMiner.git
synced 2026-09-22 17:16:19 -07:00
sudacode
d9fdc7ef6d
- Add backend selection, setup gating, Anki integration, and external host support - Add launcher flags, documentation, packaging, and focused tests - Open on-demand overlay modals on the first attempt
2842 lines
92 KiB
CSS
2842 lines
92 KiB
CSS
/*
|
|
* Hoshidicts popup styling.
|
|
*
|
|
* Copied from GameSentenceMiner PR #549
|
|
* (GSM_Overlay/features/hoshidicts/reader.css). Layout is adapted from Hoshi
|
|
* Reader's pinned popup design. Theme palettes mirror GSM's desktop catalogue
|
|
* and feed one shared set of reader semantics.
|
|
*
|
|
* Copyright (C) 2026 Manhhao
|
|
* Copyright (C) 2023-2026 Yomitan Authors
|
|
* Copyright (C) 2021-2022 Yomichan Authors
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*/
|
|
|
|
html.gsm-hoshidicts-enabled iframe.yomitan-popup {
|
|
display: none !important;
|
|
visibility: hidden !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
html.gsm-hoshidicts-enabled #btn-yomitan {
|
|
display: none !important;
|
|
}
|
|
|
|
/*
|
|
* Theme palette sources mirror GSM's renderer catalogue. Catalogue values use
|
|
* the daisyUI 5 palettes, while Hachidori's branded default is tuned for its
|
|
* own reader. Extension pages can select them on html, while the page-isolated
|
|
* popup selects them on its shadow host. Hoshidicts semantics below are
|
|
* derived once so every consumer stays in sync.
|
|
*/
|
|
html,
|
|
/*
|
|
* The popup lives in a shadow root, where no `html` element exists to match, so
|
|
* its selected palette hangs off the extension-owned host, never the page html.
|
|
*/
|
|
:host,
|
|
:host([data-hoshidicts-theme="default"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: #272630;
|
|
--hoshidicts-palette-base-200: #302f3b;
|
|
--hoshidicts-palette-base-300: #3b3b49;
|
|
--hoshidicts-palette-base-content: #e8e5eb;
|
|
--hoshidicts-palette-primary: #a89ce4;
|
|
--hoshidicts-palette-primary-content: #211d30;
|
|
--hoshidicts-palette-secondary: #af8fa7;
|
|
--hoshidicts-palette-secondary-content: #271d25;
|
|
--hoshidicts-palette-accent: #84a99e;
|
|
--hoshidicts-palette-accent-content: #14231f;
|
|
--hoshidicts-palette-neutral: #3a3946;
|
|
--hoshidicts-palette-neutral-content: #dfdbe4;
|
|
--hoshidicts-palette-info: #86a6be;
|
|
--hoshidicts-palette-info-content: #14202a;
|
|
--hoshidicts-palette-success: #7fa58d;
|
|
--hoshidicts-palette-warning: #c29a65;
|
|
--hoshidicts-palette-error: #c67d80;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="miku"],
|
|
:host([data-hoshidicts-theme="miku"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: #1c2529;
|
|
--hoshidicts-palette-base-200: #233034;
|
|
--hoshidicts-palette-base-300: #2e3d43;
|
|
--hoshidicts-palette-base-content: #e6f4f2;
|
|
--hoshidicts-palette-primary: #39c5bb;
|
|
--hoshidicts-palette-primary-content: #062421;
|
|
--hoshidicts-palette-secondary: #e56aa0;
|
|
--hoshidicts-palette-secondary-content: #2a0d1b;
|
|
--hoshidicts-palette-accent: #5ce0d6;
|
|
--hoshidicts-palette-accent-content: #052421;
|
|
--hoshidicts-palette-neutral: #2e3d43;
|
|
--hoshidicts-palette-neutral-content: #e6f4f2;
|
|
--hoshidicts-palette-info: #4fb8d8;
|
|
--hoshidicts-palette-info-content: #04171e;
|
|
--hoshidicts-palette-success: #5fc98d;
|
|
--hoshidicts-palette-warning: #e0b23c;
|
|
--hoshidicts-palette-error: #e5695f;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="catppuccin-mocha"],
|
|
:host([data-hoshidicts-theme="catppuccin-mocha"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: #181825;
|
|
--hoshidicts-palette-base-200: #1e1e2e;
|
|
--hoshidicts-palette-base-300: #313244;
|
|
--hoshidicts-palette-base-content: #cdd6f4;
|
|
--hoshidicts-palette-primary: #89b4fa;
|
|
--hoshidicts-palette-primary-content: #11111b;
|
|
--hoshidicts-palette-secondary: #cba6f7;
|
|
--hoshidicts-palette-secondary-content: #11111b;
|
|
--hoshidicts-palette-accent: #94e2d5;
|
|
--hoshidicts-palette-accent-content: #11111b;
|
|
--hoshidicts-palette-neutral: #313244;
|
|
--hoshidicts-palette-neutral-content: #cdd6f4;
|
|
--hoshidicts-palette-info: #89dceb;
|
|
--hoshidicts-palette-info-content: #11111b;
|
|
--hoshidicts-palette-success: #a6e3a1;
|
|
--hoshidicts-palette-warning: #f9e2af;
|
|
--hoshidicts-palette-error: #f38ba8;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="solarized-dark"],
|
|
:host([data-hoshidicts-theme="solarized-dark"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: #002b36;
|
|
--hoshidicts-palette-base-200: #073642;
|
|
--hoshidicts-palette-base-300: #0a4a5a;
|
|
--hoshidicts-palette-base-content: #93a1a1;
|
|
--hoshidicts-palette-primary: #268bd2;
|
|
--hoshidicts-palette-primary-content: #002b36;
|
|
--hoshidicts-palette-secondary: #2aa198;
|
|
--hoshidicts-palette-secondary-content: #002b36;
|
|
--hoshidicts-palette-accent: #859900;
|
|
--hoshidicts-palette-accent-content: #002b36;
|
|
--hoshidicts-palette-neutral: #073642;
|
|
--hoshidicts-palette-neutral-content: #93a1a1;
|
|
--hoshidicts-palette-info: #268bd2;
|
|
--hoshidicts-palette-info-content: #002b36;
|
|
--hoshidicts-palette-success: #859900;
|
|
--hoshidicts-palette-warning: #b58900;
|
|
--hoshidicts-palette-error: #dc322f;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="solarized-light"],
|
|
:host([data-hoshidicts-theme="solarized-light"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: #fdf6e3;
|
|
--hoshidicts-palette-base-200: #eee8d5;
|
|
--hoshidicts-palette-base-300: #ded8c3;
|
|
--hoshidicts-palette-base-content: #586e75;
|
|
--hoshidicts-palette-primary: #268bd2;
|
|
--hoshidicts-palette-primary-content: #fdf6e3;
|
|
--hoshidicts-palette-secondary: #2aa198;
|
|
--hoshidicts-palette-secondary-content: #fdf6e3;
|
|
--hoshidicts-palette-accent: #859900;
|
|
--hoshidicts-palette-accent-content: #fdf6e3;
|
|
--hoshidicts-palette-neutral: #eee8d5;
|
|
--hoshidicts-palette-neutral-content: #586e75;
|
|
--hoshidicts-palette-info: #268bd2;
|
|
--hoshidicts-palette-info-content: #fdf6e3;
|
|
--hoshidicts-palette-success: #859900;
|
|
--hoshidicts-palette-warning: #b58900;
|
|
--hoshidicts-palette-error: #dc322f;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="high-contrast"],
|
|
:host([data-hoshidicts-theme="high-contrast"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: #000000;
|
|
--hoshidicts-palette-base-200: #141414;
|
|
--hoshidicts-palette-base-300: #2a2a2a;
|
|
--hoshidicts-palette-base-content: #ffffff;
|
|
--hoshidicts-palette-primary: #ffe000;
|
|
--hoshidicts-palette-primary-content: #000000;
|
|
--hoshidicts-palette-secondary: #00e5ff;
|
|
--hoshidicts-palette-secondary-content: #000000;
|
|
--hoshidicts-palette-accent: #5bff9d;
|
|
--hoshidicts-palette-accent-content: #000000;
|
|
--hoshidicts-palette-neutral: #2a2a2a;
|
|
--hoshidicts-palette-neutral-content: #ffffff;
|
|
--hoshidicts-palette-info: #5bc8ff;
|
|
--hoshidicts-palette-info-content: #000000;
|
|
--hoshidicts-palette-success: #51ff8f;
|
|
--hoshidicts-palette-warning: #ffd400;
|
|
--hoshidicts-palette-error: #ff5b5b;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="dark"],
|
|
:host([data-hoshidicts-theme="dark"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(25.33% 0.016 252.42);
|
|
--hoshidicts-palette-base-200: oklch(23.26% 0.014 253.1);
|
|
--hoshidicts-palette-base-300: oklch(21.15% 0.012 254.09);
|
|
--hoshidicts-palette-base-content: oklch(97.807% 0.029 256.847);
|
|
--hoshidicts-palette-primary: oklch(58% 0.233 277.117);
|
|
--hoshidicts-palette-primary-content: oklch(96% 0.018 272.314);
|
|
--hoshidicts-palette-secondary: oklch(65% 0.241 354.308);
|
|
--hoshidicts-palette-secondary-content: oklch(94% 0.028 342.258);
|
|
--hoshidicts-palette-accent: oklch(77% 0.152 181.912);
|
|
--hoshidicts-palette-accent-content: oklch(38% 0.063 188.416);
|
|
--hoshidicts-palette-neutral: oklch(14% 0.005 285.823);
|
|
--hoshidicts-palette-neutral-content: oklch(92% 0.004 286.32);
|
|
--hoshidicts-palette-info: oklch(74% 0.16 232.661);
|
|
--hoshidicts-palette-info-content: oklch(29% 0.066 243.157);
|
|
--hoshidicts-palette-success: oklch(76% 0.177 163.223);
|
|
--hoshidicts-palette-warning: oklch(82% 0.189 84.429);
|
|
--hoshidicts-palette-error: oklch(71% 0.194 13.428);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="synthwave"],
|
|
:host([data-hoshidicts-theme="synthwave"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(15% 0.09 281.288);
|
|
--hoshidicts-palette-base-200: oklch(20% 0.09 281.288);
|
|
--hoshidicts-palette-base-300: oklch(25% 0.09 281.288);
|
|
--hoshidicts-palette-base-content: oklch(78% 0.115 274.713);
|
|
--hoshidicts-palette-primary: oklch(71% 0.202 349.761);
|
|
--hoshidicts-palette-primary-content: oklch(28% 0.109 3.907);
|
|
--hoshidicts-palette-secondary: oklch(82% 0.111 230.318);
|
|
--hoshidicts-palette-secondary-content: oklch(29% 0.066 243.157);
|
|
--hoshidicts-palette-accent: oklch(75% 0.183 55.934);
|
|
--hoshidicts-palette-accent-content: oklch(26% 0.079 36.259);
|
|
--hoshidicts-palette-neutral: oklch(45% 0.24 277.023);
|
|
--hoshidicts-palette-neutral-content: oklch(87% 0.065 274.039);
|
|
--hoshidicts-palette-info: oklch(74% 0.16 232.661);
|
|
--hoshidicts-palette-info-content: oklch(29% 0.066 243.157);
|
|
--hoshidicts-palette-success: oklch(77% 0.152 181.912);
|
|
--hoshidicts-palette-warning: oklch(90% 0.182 98.111);
|
|
--hoshidicts-palette-error: oklch(73.7% 0.121 32.639);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="halloween"],
|
|
:host([data-hoshidicts-theme="halloween"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(21% 0.006 56.043);
|
|
--hoshidicts-palette-base-200: oklch(14% 0.004 49.25);
|
|
--hoshidicts-palette-base-300: oklch(0% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(84.955% 0 0);
|
|
--hoshidicts-palette-primary: oklch(77.48% 0.204 60.62);
|
|
--hoshidicts-palette-primary-content: oklch(19.693% 0.004 196.779);
|
|
--hoshidicts-palette-secondary: oklch(45.98% 0.248 305.03);
|
|
--hoshidicts-palette-secondary-content: oklch(89.196% 0.049 305.03);
|
|
--hoshidicts-palette-accent: oklch(64.8% 0.223 136.073);
|
|
--hoshidicts-palette-accent-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(24.371% 0.046 65.681);
|
|
--hoshidicts-palette-neutral-content: oklch(84.874% 0.009 65.681);
|
|
--hoshidicts-palette-info: oklch(54.615% 0.215 262.88);
|
|
--hoshidicts-palette-info-content: oklch(90.923% 0.043 262.88);
|
|
--hoshidicts-palette-success: oklch(62.705% 0.169 149.213);
|
|
--hoshidicts-palette-warning: oklch(66.584% 0.157 58.318);
|
|
--hoshidicts-palette-error: oklch(65.72% 0.199 27.33);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="forest"],
|
|
:host([data-hoshidicts-theme="forest"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(20.84% 0.008 17.911);
|
|
--hoshidicts-palette-base-200: oklch(18.522% 0.007 17.911);
|
|
--hoshidicts-palette-base-300: oklch(16.203% 0.007 17.911);
|
|
--hoshidicts-palette-base-content: oklch(83.768% 0.001 17.911);
|
|
--hoshidicts-palette-primary: oklch(68.628% 0.185 148.958);
|
|
--hoshidicts-palette-primary-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(69.776% 0.135 168.327);
|
|
--hoshidicts-palette-secondary-content: oklch(13.955% 0.027 168.327);
|
|
--hoshidicts-palette-accent: oklch(70.628% 0.119 185.713);
|
|
--hoshidicts-palette-accent-content: oklch(14.125% 0.023 185.713);
|
|
--hoshidicts-palette-neutral: oklch(30.698% 0.039 171.364);
|
|
--hoshidicts-palette-neutral-content: oklch(86.139% 0.007 171.364);
|
|
--hoshidicts-palette-info: oklch(72.06% 0.191 231.6);
|
|
--hoshidicts-palette-info-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-success: oklch(64.8% 0.15 160);
|
|
--hoshidicts-palette-warning: oklch(84.71% 0.199 83.87);
|
|
--hoshidicts-palette-error: oklch(71.76% 0.221 22.18);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="aqua"],
|
|
:host([data-hoshidicts-theme="aqua"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(37% 0.146 265.522);
|
|
--hoshidicts-palette-base-200: oklch(28% 0.091 267.935);
|
|
--hoshidicts-palette-base-300: oklch(22% 0.091 267.935);
|
|
--hoshidicts-palette-base-content: oklch(90% 0.058 230.902);
|
|
--hoshidicts-palette-primary: oklch(85.661% 0.144 198.645);
|
|
--hoshidicts-palette-primary-content: oklch(40.124% 0.068 197.603);
|
|
--hoshidicts-palette-secondary: oklch(60.682% 0.108 309.782);
|
|
--hoshidicts-palette-secondary-content: oklch(96% 0.016 293.756);
|
|
--hoshidicts-palette-accent: oklch(93.426% 0.102 94.555);
|
|
--hoshidicts-palette-accent-content: oklch(18.685% 0.02 94.555);
|
|
--hoshidicts-palette-neutral: oklch(27% 0.146 265.522);
|
|
--hoshidicts-palette-neutral-content: oklch(80% 0.146 265.522);
|
|
--hoshidicts-palette-info: oklch(54.615% 0.215 262.88);
|
|
--hoshidicts-palette-info-content: oklch(90.923% 0.043 262.88);
|
|
--hoshidicts-palette-success: oklch(62.705% 0.169 149.213);
|
|
--hoshidicts-palette-warning: oklch(66.584% 0.157 58.318);
|
|
--hoshidicts-palette-error: oklch(73.95% 0.19 27.33);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="black"],
|
|
:host([data-hoshidicts-theme="black"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(0% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(19% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(22% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(87.609% 0 0);
|
|
--hoshidicts-palette-primary: oklch(35% 0 0);
|
|
--hoshidicts-palette-primary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(35% 0 0);
|
|
--hoshidicts-palette-secondary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-accent: oklch(35% 0 0);
|
|
--hoshidicts-palette-accent-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(35% 0 0);
|
|
--hoshidicts-palette-neutral-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-info: oklch(45.201% 0.313 264.052);
|
|
--hoshidicts-palette-info-content: oklch(89.04% 0.062 264.052);
|
|
--hoshidicts-palette-success: oklch(51.975% 0.176 142.495);
|
|
--hoshidicts-palette-warning: oklch(96.798% 0.211 109.769);
|
|
--hoshidicts-palette-error: oklch(62.795% 0.257 29.233);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="luxury"],
|
|
:host([data-hoshidicts-theme="luxury"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(14.076% 0.004 285.822);
|
|
--hoshidicts-palette-base-200: oklch(20.219% 0.004 308.229);
|
|
--hoshidicts-palette-base-300: oklch(23.219% 0.004 308.229);
|
|
--hoshidicts-palette-base-content: oklch(75.687% 0.123 76.89);
|
|
--hoshidicts-palette-primary: oklch(100% 0 0);
|
|
--hoshidicts-palette-primary-content: oklch(20% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(27.581% 0.064 261.069);
|
|
--hoshidicts-palette-secondary-content: oklch(85.516% 0.012 261.069);
|
|
--hoshidicts-palette-accent: oklch(36.674% 0.051 338.825);
|
|
--hoshidicts-palette-accent-content: oklch(87.334% 0.01 338.825);
|
|
--hoshidicts-palette-neutral: oklch(24.27% 0.057 59.825);
|
|
--hoshidicts-palette-neutral-content: oklch(93.203% 0.089 90.861);
|
|
--hoshidicts-palette-info: oklch(79.061% 0.121 237.133);
|
|
--hoshidicts-palette-info-content: oklch(15.812% 0.024 237.133);
|
|
--hoshidicts-palette-success: oklch(78.119% 0.192 132.154);
|
|
--hoshidicts-palette-warning: oklch(86.127% 0.136 102.891);
|
|
--hoshidicts-palette-error: oklch(71.753% 0.176 22.568);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="dracula"],
|
|
:host([data-hoshidicts-theme="dracula"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(28.822% 0.022 277.508);
|
|
--hoshidicts-palette-base-200: oklch(26.805% 0.02 277.508);
|
|
--hoshidicts-palette-base-300: oklch(24.787% 0.019 277.508);
|
|
--hoshidicts-palette-base-content: oklch(97.747% 0.007 106.545);
|
|
--hoshidicts-palette-primary: oklch(75.461% 0.183 346.812);
|
|
--hoshidicts-palette-primary-content: oklch(15.092% 0.036 346.812);
|
|
--hoshidicts-palette-secondary: oklch(74.202% 0.148 301.883);
|
|
--hoshidicts-palette-secondary-content: oklch(14.84% 0.029 301.883);
|
|
--hoshidicts-palette-accent: oklch(83.392% 0.124 66.558);
|
|
--hoshidicts-palette-accent-content: oklch(16.678% 0.024 66.558);
|
|
--hoshidicts-palette-neutral: oklch(39.445% 0.032 275.524);
|
|
--hoshidicts-palette-neutral-content: oklch(87.889% 0.006 275.524);
|
|
--hoshidicts-palette-info: oklch(88.263% 0.093 212.846);
|
|
--hoshidicts-palette-info-content: oklch(17.652% 0.018 212.846);
|
|
--hoshidicts-palette-success: oklch(87.099% 0.219 148.024);
|
|
--hoshidicts-palette-warning: oklch(95.533% 0.134 112.757);
|
|
--hoshidicts-palette-error: oklch(68.22% 0.206 24.43);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="business"],
|
|
:host([data-hoshidicts-theme="business"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(24.353% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(22.648% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(20.944% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(84.87% 0 0);
|
|
--hoshidicts-palette-primary: oklch(41.703% 0.099 251.473);
|
|
--hoshidicts-palette-primary-content: oklch(88.34% 0.019 251.473);
|
|
--hoshidicts-palette-secondary: oklch(64.092% 0.027 229.389);
|
|
--hoshidicts-palette-secondary-content: oklch(12.818% 0.005 229.389);
|
|
--hoshidicts-palette-accent: oklch(67.271% 0.167 35.791);
|
|
--hoshidicts-palette-accent-content: oklch(13.454% 0.033 35.791);
|
|
--hoshidicts-palette-neutral: oklch(27.441% 0.013 253.041);
|
|
--hoshidicts-palette-neutral-content: oklch(85.488% 0.002 253.041);
|
|
--hoshidicts-palette-info: oklch(62.616% 0.143 240.033);
|
|
--hoshidicts-palette-info-content: oklch(12.523% 0.028 240.033);
|
|
--hoshidicts-palette-success: oklch(70.226% 0.094 156.596);
|
|
--hoshidicts-palette-warning: oklch(77.482% 0.115 81.519);
|
|
--hoshidicts-palette-error: oklch(51.61% 0.146 29.674);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="night"],
|
|
:host([data-hoshidicts-theme="night"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(20.768% 0.039 265.754);
|
|
--hoshidicts-palette-base-200: oklch(19.314% 0.037 265.754);
|
|
--hoshidicts-palette-base-300: oklch(17.86% 0.034 265.754);
|
|
--hoshidicts-palette-base-content: oklch(84.153% 0.007 265.754);
|
|
--hoshidicts-palette-primary: oklch(75.351% 0.138 232.661);
|
|
--hoshidicts-palette-primary-content: oklch(15.07% 0.027 232.661);
|
|
--hoshidicts-palette-secondary: oklch(68.011% 0.158 276.934);
|
|
--hoshidicts-palette-secondary-content: oklch(13.602% 0.031 276.934);
|
|
--hoshidicts-palette-accent: oklch(72.36% 0.176 350.048);
|
|
--hoshidicts-palette-accent-content: oklch(14.472% 0.035 350.048);
|
|
--hoshidicts-palette-neutral: oklch(27.949% 0.036 260.03);
|
|
--hoshidicts-palette-neutral-content: oklch(85.589% 0.007 260.03);
|
|
--hoshidicts-palette-info: oklch(68.455% 0.148 237.251);
|
|
--hoshidicts-palette-info-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-success: oklch(78.452% 0.132 181.911);
|
|
--hoshidicts-palette-warning: oklch(83.242% 0.139 82.95);
|
|
--hoshidicts-palette-error: oklch(71.785% 0.17 13.118);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="coffee"],
|
|
:host([data-hoshidicts-theme="coffee"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(24% 0.023 329.708);
|
|
--hoshidicts-palette-base-200: oklch(21% 0.021 329.708);
|
|
--hoshidicts-palette-base-300: oklch(16% 0.019 329.708);
|
|
--hoshidicts-palette-base-content: oklch(72.354% 0.092 79.129);
|
|
--hoshidicts-palette-primary: oklch(71.996% 0.123 62.756);
|
|
--hoshidicts-palette-primary-content: oklch(14.399% 0.024 62.756);
|
|
--hoshidicts-palette-secondary: oklch(34.465% 0.029 199.194);
|
|
--hoshidicts-palette-secondary-content: oklch(86.893% 0.005 199.194);
|
|
--hoshidicts-palette-accent: oklch(42.621% 0.074 224.389);
|
|
--hoshidicts-palette-accent-content: oklch(88.524% 0.014 224.389);
|
|
--hoshidicts-palette-neutral: oklch(16.51% 0.015 326.261);
|
|
--hoshidicts-palette-neutral-content: oklch(83.302% 0.003 326.261);
|
|
--hoshidicts-palette-info: oklch(79.49% 0.063 184.558);
|
|
--hoshidicts-palette-info-content: oklch(15.898% 0.012 184.558);
|
|
--hoshidicts-palette-success: oklch(74.722% 0.072 131.116);
|
|
--hoshidicts-palette-warning: oklch(88.15% 0.14 87.722);
|
|
--hoshidicts-palette-error: oklch(77.318% 0.128 31.871);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="dim"],
|
|
:host([data-hoshidicts-theme="dim"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(30.857% 0.023 264.149);
|
|
--hoshidicts-palette-base-200: oklch(28.036% 0.019 264.182);
|
|
--hoshidicts-palette-base-300: oklch(26.346% 0.018 262.177);
|
|
--hoshidicts-palette-base-content: oklch(82.901% 0.031 222.959);
|
|
--hoshidicts-palette-primary: oklch(86.133% 0.141 139.549);
|
|
--hoshidicts-palette-primary-content: oklch(17.226% 0.028 139.549);
|
|
--hoshidicts-palette-secondary: oklch(73.375% 0.165 35.353);
|
|
--hoshidicts-palette-secondary-content: oklch(14.675% 0.033 35.353);
|
|
--hoshidicts-palette-accent: oklch(74.229% 0.133 311.379);
|
|
--hoshidicts-palette-accent-content: oklch(14.845% 0.026 311.379);
|
|
--hoshidicts-palette-neutral: oklch(24.731% 0.02 264.094);
|
|
--hoshidicts-palette-neutral-content: oklch(82.901% 0.031 222.959);
|
|
--hoshidicts-palette-info: oklch(86.078% 0.142 206.182);
|
|
--hoshidicts-palette-info-content: oklch(17.215% 0.028 206.182);
|
|
--hoshidicts-palette-success: oklch(86.171% 0.142 166.534);
|
|
--hoshidicts-palette-warning: oklch(86.163% 0.142 94.818);
|
|
--hoshidicts-palette-error: oklch(82.418% 0.099 33.756);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="sunset"],
|
|
:host([data-hoshidicts-theme="sunset"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(22% 0.019 237.69);
|
|
--hoshidicts-palette-base-200: oklch(20% 0.019 237.69);
|
|
--hoshidicts-palette-base-300: oklch(18% 0.019 237.69);
|
|
--hoshidicts-palette-base-content: oklch(77.383% 0.043 245.096);
|
|
--hoshidicts-palette-primary: oklch(74.703% 0.158 39.947);
|
|
--hoshidicts-palette-primary-content: oklch(14.94% 0.031 39.947);
|
|
--hoshidicts-palette-secondary: oklch(72.537% 0.177 2.72);
|
|
--hoshidicts-palette-secondary-content: oklch(14.507% 0.035 2.72);
|
|
--hoshidicts-palette-accent: oklch(71.294% 0.166 299.844);
|
|
--hoshidicts-palette-accent-content: oklch(14.258% 0.033 299.844);
|
|
--hoshidicts-palette-neutral: oklch(26% 0.019 237.69);
|
|
--hoshidicts-palette-neutral-content: oklch(70% 0.019 237.69);
|
|
--hoshidicts-palette-info: oklch(85.559% 0.085 206.015);
|
|
--hoshidicts-palette-info-content: oklch(17.111% 0.017 206.015);
|
|
--hoshidicts-palette-success: oklch(85.56% 0.085 144.778);
|
|
--hoshidicts-palette-warning: oklch(85.569% 0.084 74.427);
|
|
--hoshidicts-palette-error: oklch(85.511% 0.078 16.886);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="abyss"],
|
|
:host([data-hoshidicts-theme="abyss"]) {
|
|
--hoshidicts-palette-color-scheme: dark;
|
|
--hoshidicts-palette-base-100: oklch(20% 0.08 209);
|
|
--hoshidicts-palette-base-200: oklch(15% 0.08 209);
|
|
--hoshidicts-palette-base-300: oklch(10% 0.08 209);
|
|
--hoshidicts-palette-base-content: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-primary: oklch(92% 0.2653 125);
|
|
--hoshidicts-palette-primary-content: oklch(50% 0.2653 125);
|
|
--hoshidicts-palette-secondary: oklch(83.27% 0.0764 298.3);
|
|
--hoshidicts-palette-secondary-content: oklch(43.27% 0.0764 298.3);
|
|
--hoshidicts-palette-accent: oklch(43% 0 0);
|
|
--hoshidicts-palette-accent-content: oklch(98% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(30% 0.08 209);
|
|
--hoshidicts-palette-neutral-content: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-info: oklch(74% 0.16 232.661);
|
|
--hoshidicts-palette-info-content: oklch(29% 0.066 243.157);
|
|
--hoshidicts-palette-success: oklch(79% 0.209 151.711);
|
|
--hoshidicts-palette-warning: oklch(84.8% 0.1962 84.62);
|
|
--hoshidicts-palette-error: oklch(65% 0.1985 24.22);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="light"],
|
|
:host([data-hoshidicts-theme="light"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(98% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(95% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(21% 0.006 285.885);
|
|
--hoshidicts-palette-primary: oklch(45% 0.24 277.023);
|
|
--hoshidicts-palette-primary-content: oklch(93% 0.034 272.788);
|
|
--hoshidicts-palette-secondary: oklch(65% 0.241 354.308);
|
|
--hoshidicts-palette-secondary-content: oklch(94% 0.028 342.258);
|
|
--hoshidicts-palette-accent: oklch(77% 0.152 181.912);
|
|
--hoshidicts-palette-accent-content: oklch(38% 0.063 188.416);
|
|
--hoshidicts-palette-neutral: oklch(14% 0.005 285.823);
|
|
--hoshidicts-palette-neutral-content: oklch(92% 0.004 286.32);
|
|
--hoshidicts-palette-info: oklch(74% 0.16 232.661);
|
|
--hoshidicts-palette-info-content: oklch(29% 0.066 243.157);
|
|
--hoshidicts-palette-success: oklch(76% 0.177 163.223);
|
|
--hoshidicts-palette-warning: oklch(82% 0.189 84.429);
|
|
--hoshidicts-palette-error: oklch(71% 0.194 13.428);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="cupcake"],
|
|
:host([data-hoshidicts-theme="cupcake"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(97.788% 0.004 56.375);
|
|
--hoshidicts-palette-base-200: oklch(93.982% 0.007 61.449);
|
|
--hoshidicts-palette-base-300: oklch(91.586% 0.006 53.44);
|
|
--hoshidicts-palette-base-content: oklch(23.574% 0.066 313.189);
|
|
--hoshidicts-palette-primary: oklch(85% 0.138 181.071);
|
|
--hoshidicts-palette-primary-content: oklch(43% 0.078 188.216);
|
|
--hoshidicts-palette-secondary: oklch(89% 0.061 343.231);
|
|
--hoshidicts-palette-secondary-content: oklch(45% 0.187 3.815);
|
|
--hoshidicts-palette-accent: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-accent-content: oklch(47% 0.157 37.304);
|
|
--hoshidicts-palette-neutral: oklch(27% 0.006 286.033);
|
|
--hoshidicts-palette-neutral-content: oklch(92% 0.004 286.32);
|
|
--hoshidicts-palette-info: oklch(68% 0.169 237.323);
|
|
--hoshidicts-palette-info-content: oklch(29% 0.066 243.157);
|
|
--hoshidicts-palette-success: oklch(69% 0.17 162.48);
|
|
--hoshidicts-palette-warning: oklch(79% 0.184 86.047);
|
|
--hoshidicts-palette-error: oklch(64% 0.246 16.439);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="bumblebee"],
|
|
:host([data-hoshidicts-theme="bumblebee"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(97% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(92% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(20% 0 0);
|
|
--hoshidicts-palette-primary: oklch(85% 0.199 91.936);
|
|
--hoshidicts-palette-primary-content: oklch(42% 0.095 57.708);
|
|
--hoshidicts-palette-secondary: oklch(75% 0.183 55.934);
|
|
--hoshidicts-palette-secondary-content: oklch(40% 0.123 38.172);
|
|
--hoshidicts-palette-accent: oklch(0% 0 0);
|
|
--hoshidicts-palette-accent-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(37% 0.01 67.558);
|
|
--hoshidicts-palette-neutral-content: oklch(92% 0.003 48.717);
|
|
--hoshidicts-palette-info: oklch(74% 0.16 232.661);
|
|
--hoshidicts-palette-info-content: oklch(39% 0.09 240.876);
|
|
--hoshidicts-palette-success: oklch(76% 0.177 163.223);
|
|
--hoshidicts-palette-warning: oklch(82% 0.189 84.429);
|
|
--hoshidicts-palette-error: oklch(70% 0.191 22.216);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="emerald"],
|
|
:host([data-hoshidicts-theme="emerald"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(93% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(86% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(35.519% 0.032 262.988);
|
|
--hoshidicts-palette-primary: oklch(76.662% 0.135 153.45);
|
|
--hoshidicts-palette-primary-content: oklch(33.387% 0.04 162.24);
|
|
--hoshidicts-palette-secondary: oklch(61.302% 0.202 261.294);
|
|
--hoshidicts-palette-secondary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-accent: oklch(72.772% 0.149 33.2);
|
|
--hoshidicts-palette-accent-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(35.519% 0.032 262.988);
|
|
--hoshidicts-palette-neutral-content: oklch(98.462% 0.001 247.838);
|
|
--hoshidicts-palette-info: oklch(72.06% 0.191 231.6);
|
|
--hoshidicts-palette-info-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-success: oklch(64.8% 0.15 160);
|
|
--hoshidicts-palette-warning: oklch(84.71% 0.199 83.87);
|
|
--hoshidicts-palette-error: oklch(71.76% 0.221 22.18);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="corporate"],
|
|
:host([data-hoshidicts-theme="corporate"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(93% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(86% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(22.389% 0.031 278.072);
|
|
--hoshidicts-palette-primary: oklch(58% 0.158 241.966);
|
|
--hoshidicts-palette-primary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(55% 0.046 257.417);
|
|
--hoshidicts-palette-secondary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-accent: oklch(60% 0.118 184.704);
|
|
--hoshidicts-palette-accent-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(0% 0 0);
|
|
--hoshidicts-palette-neutral-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-info: oklch(60% 0.126 221.723);
|
|
--hoshidicts-palette-info-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-success: oklch(62% 0.194 149.214);
|
|
--hoshidicts-palette-warning: oklch(85% 0.199 91.936);
|
|
--hoshidicts-palette-error: oklch(70% 0.191 22.216);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="retro"],
|
|
:host([data-hoshidicts-theme="retro"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(91.637% 0.034 90.515);
|
|
--hoshidicts-palette-base-200: oklch(88.272% 0.049 91.774);
|
|
--hoshidicts-palette-base-300: oklch(84.133% 0.065 90.856);
|
|
--hoshidicts-palette-base-content: oklch(41% 0.112 45.904);
|
|
--hoshidicts-palette-primary: oklch(80% 0.114 19.571);
|
|
--hoshidicts-palette-primary-content: oklch(39% 0.141 25.723);
|
|
--hoshidicts-palette-secondary: oklch(92% 0.084 155.995);
|
|
--hoshidicts-palette-secondary-content: oklch(44% 0.119 151.328);
|
|
--hoshidicts-palette-accent: oklch(68% 0.162 75.834);
|
|
--hoshidicts-palette-accent-content: oklch(41% 0.112 45.904);
|
|
--hoshidicts-palette-neutral: oklch(44% 0.011 73.639);
|
|
--hoshidicts-palette-neutral-content: oklch(86% 0.005 56.366);
|
|
--hoshidicts-palette-info: oklch(58% 0.158 241.966);
|
|
--hoshidicts-palette-info-content: oklch(96% 0.059 95.617);
|
|
--hoshidicts-palette-success: oklch(51% 0.096 186.391);
|
|
--hoshidicts-palette-warning: oklch(64% 0.222 41.116);
|
|
--hoshidicts-palette-error: oklch(70% 0.191 22.216);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="cyberpunk"],
|
|
:host([data-hoshidicts-theme="cyberpunk"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(94.51% 0.179 104.32);
|
|
--hoshidicts-palette-base-200: oklch(91.51% 0.179 104.32);
|
|
--hoshidicts-palette-base-300: oklch(85.51% 0.179 104.32);
|
|
--hoshidicts-palette-base-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-primary: oklch(74.22% 0.209 6.35);
|
|
--hoshidicts-palette-primary-content: oklch(14.844% 0.041 6.35);
|
|
--hoshidicts-palette-secondary: oklch(83.33% 0.184 204.72);
|
|
--hoshidicts-palette-secondary-content: oklch(16.666% 0.036 204.72);
|
|
--hoshidicts-palette-accent: oklch(71.86% 0.217 310.43);
|
|
--hoshidicts-palette-accent-content: oklch(14.372% 0.043 310.43);
|
|
--hoshidicts-palette-neutral: oklch(23.04% 0.065 269.31);
|
|
--hoshidicts-palette-neutral-content: oklch(94.51% 0.179 104.32);
|
|
--hoshidicts-palette-info: oklch(72.06% 0.191 231.6);
|
|
--hoshidicts-palette-info-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-success: oklch(64.8% 0.15 160);
|
|
--hoshidicts-palette-warning: oklch(84.71% 0.199 83.87);
|
|
--hoshidicts-palette-error: oklch(71.76% 0.221 22.18);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="valentine"],
|
|
:host([data-hoshidicts-theme="valentine"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(97% 0.014 343.198);
|
|
--hoshidicts-palette-base-200: oklch(94% 0.028 342.258);
|
|
--hoshidicts-palette-base-300: oklch(89% 0.061 343.231);
|
|
--hoshidicts-palette-base-content: oklch(52% 0.223 3.958);
|
|
--hoshidicts-palette-primary: oklch(65% 0.241 354.308);
|
|
--hoshidicts-palette-primary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(62% 0.265 303.9);
|
|
--hoshidicts-palette-secondary-content: oklch(97% 0.014 308.299);
|
|
--hoshidicts-palette-accent: oklch(82% 0.111 230.318);
|
|
--hoshidicts-palette-accent-content: oklch(39% 0.09 240.876);
|
|
--hoshidicts-palette-neutral: oklch(40% 0.153 2.432);
|
|
--hoshidicts-palette-neutral-content: oklch(89% 0.061 343.231);
|
|
--hoshidicts-palette-info: oklch(86% 0.127 207.078);
|
|
--hoshidicts-palette-info-content: oklch(44% 0.11 240.79);
|
|
--hoshidicts-palette-success: oklch(84% 0.143 164.978);
|
|
--hoshidicts-palette-warning: oklch(75% 0.183 55.934);
|
|
--hoshidicts-palette-error: oklch(63% 0.237 25.331);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="garden"],
|
|
:host([data-hoshidicts-theme="garden"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(92.951% 0.002 17.197);
|
|
--hoshidicts-palette-base-200: oklch(86.445% 0.002 17.197);
|
|
--hoshidicts-palette-base-300: oklch(79.938% 0.001 17.197);
|
|
--hoshidicts-palette-base-content: oklch(16.961% 0.001 17.32);
|
|
--hoshidicts-palette-primary: oklch(62.45% 0.278 3.836);
|
|
--hoshidicts-palette-primary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(48.495% 0.11 355.095);
|
|
--hoshidicts-palette-secondary-content: oklch(89.699% 0.022 355.095);
|
|
--hoshidicts-palette-accent: oklch(56.273% 0.054 154.39);
|
|
--hoshidicts-palette-accent-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(24.155% 0.049 89.07);
|
|
--hoshidicts-palette-neutral-content: oklch(92.951% 0.002 17.197);
|
|
--hoshidicts-palette-info: oklch(72.06% 0.191 231.6);
|
|
--hoshidicts-palette-info-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-success: oklch(64.8% 0.15 160);
|
|
--hoshidicts-palette-warning: oklch(84.71% 0.199 83.87);
|
|
--hoshidicts-palette-error: oklch(71.76% 0.221 22.18);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="lofi"],
|
|
:host([data-hoshidicts-theme="lofi"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(97% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(94% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-primary: oklch(15.906% 0 0);
|
|
--hoshidicts-palette-primary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(21.455% 0.001 17.278);
|
|
--hoshidicts-palette-secondary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-accent: oklch(26.861% 0 0);
|
|
--hoshidicts-palette-accent-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(0% 0 0);
|
|
--hoshidicts-palette-neutral-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-info: oklch(79.54% 0.103 205.9);
|
|
--hoshidicts-palette-info-content: oklch(15.908% 0.02 205.9);
|
|
--hoshidicts-palette-success: oklch(90.13% 0.153 164.14);
|
|
--hoshidicts-palette-warning: oklch(88.37% 0.135 79.94);
|
|
--hoshidicts-palette-error: oklch(78.66% 0.15 28.47);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="pastel"],
|
|
:host([data-hoshidicts-theme="pastel"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(98.462% 0.001 247.838);
|
|
--hoshidicts-palette-base-300: oklch(92.462% 0.001 247.838);
|
|
--hoshidicts-palette-base-content: oklch(20% 0 0);
|
|
--hoshidicts-palette-primary: oklch(90% 0.063 306.703);
|
|
--hoshidicts-palette-primary-content: oklch(49% 0.265 301.924);
|
|
--hoshidicts-palette-secondary: oklch(89% 0.058 10.001);
|
|
--hoshidicts-palette-secondary-content: oklch(51% 0.222 16.935);
|
|
--hoshidicts-palette-accent: oklch(90% 0.093 164.15);
|
|
--hoshidicts-palette-accent-content: oklch(50% 0.118 165.612);
|
|
--hoshidicts-palette-neutral: oklch(55% 0.046 257.417);
|
|
--hoshidicts-palette-neutral-content: oklch(92% 0.013 255.508);
|
|
--hoshidicts-palette-info: oklch(86% 0.127 207.078);
|
|
--hoshidicts-palette-info-content: oklch(52% 0.105 223.128);
|
|
--hoshidicts-palette-success: oklch(87% 0.15 154.449);
|
|
--hoshidicts-palette-warning: oklch(83% 0.128 66.29);
|
|
--hoshidicts-palette-error: oklch(80% 0.114 19.571);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="fantasy"],
|
|
:host([data-hoshidicts-theme="fantasy"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(93% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(86% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(27.807% 0.029 256.847);
|
|
--hoshidicts-palette-primary: oklch(37.45% 0.189 325.02);
|
|
--hoshidicts-palette-primary-content: oklch(87.49% 0.037 325.02);
|
|
--hoshidicts-palette-secondary: oklch(53.92% 0.162 241.36);
|
|
--hoshidicts-palette-secondary-content: oklch(90.784% 0.032 241.36);
|
|
--hoshidicts-palette-accent: oklch(75.98% 0.204 56.72);
|
|
--hoshidicts-palette-accent-content: oklch(15.196% 0.04 56.72);
|
|
--hoshidicts-palette-neutral: oklch(27.807% 0.029 256.847);
|
|
--hoshidicts-palette-neutral-content: oklch(85.561% 0.005 256.847);
|
|
--hoshidicts-palette-info: oklch(72.06% 0.191 231.6);
|
|
--hoshidicts-palette-info-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-success: oklch(64.8% 0.15 160);
|
|
--hoshidicts-palette-warning: oklch(84.71% 0.199 83.87);
|
|
--hoshidicts-palette-error: oklch(71.76% 0.221 22.18);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="wireframe"],
|
|
:host([data-hoshidicts-theme="wireframe"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(97% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(94% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(20% 0 0);
|
|
--hoshidicts-palette-primary: oklch(87% 0 0);
|
|
--hoshidicts-palette-primary-content: oklch(26% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(87% 0 0);
|
|
--hoshidicts-palette-secondary-content: oklch(26% 0 0);
|
|
--hoshidicts-palette-accent: oklch(87% 0 0);
|
|
--hoshidicts-palette-accent-content: oklch(26% 0 0);
|
|
--hoshidicts-palette-neutral: oklch(87% 0 0);
|
|
--hoshidicts-palette-neutral-content: oklch(26% 0 0);
|
|
--hoshidicts-palette-info: oklch(44% 0.11 240.79);
|
|
--hoshidicts-palette-info-content: oklch(90% 0.058 230.902);
|
|
--hoshidicts-palette-success: oklch(43% 0.095 166.913);
|
|
--hoshidicts-palette-warning: oklch(47% 0.137 46.201);
|
|
--hoshidicts-palette-error: oklch(44% 0.177 26.899);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="cmyk"],
|
|
:host([data-hoshidicts-theme="cmyk"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(95% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(90% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(20% 0 0);
|
|
--hoshidicts-palette-primary: oklch(71.772% 0.133 239.443);
|
|
--hoshidicts-palette-primary-content: oklch(14.354% 0.026 239.443);
|
|
--hoshidicts-palette-secondary: oklch(64.476% 0.202 359.339);
|
|
--hoshidicts-palette-secondary-content: oklch(12.895% 0.04 359.339);
|
|
--hoshidicts-palette-accent: oklch(94.228% 0.189 105.306);
|
|
--hoshidicts-palette-accent-content: oklch(18.845% 0.037 105.306);
|
|
--hoshidicts-palette-neutral: oklch(21.778% 0 0);
|
|
--hoshidicts-palette-neutral-content: oklch(84.355% 0 0);
|
|
--hoshidicts-palette-info: oklch(68.475% 0.094 217.284);
|
|
--hoshidicts-palette-info-content: oklch(13.695% 0.018 217.284);
|
|
--hoshidicts-palette-success: oklch(46.949% 0.162 321.406);
|
|
--hoshidicts-palette-warning: oklch(71.236% 0.159 52.023);
|
|
--hoshidicts-palette-error: oklch(62.013% 0.208 28.717);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="autumn"],
|
|
:host([data-hoshidicts-theme="autumn"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: #fbf6e9;
|
|
--hoshidicts-palette-base-200: #f0e4cd;
|
|
--hoshidicts-palette-base-300: #ddc9a8;
|
|
--hoshidicts-palette-base-content: #2f3127;
|
|
--hoshidicts-palette-primary: #596b3b;
|
|
--hoshidicts-palette-primary-content: #fffdf7;
|
|
--hoshidicts-palette-secondary: #9a5136;
|
|
--hoshidicts-palette-secondary-content: #fffaf2;
|
|
--hoshidicts-palette-accent: #d09a46;
|
|
--hoshidicts-palette-accent-content: #302416;
|
|
--hoshidicts-palette-neutral: #675746;
|
|
--hoshidicts-palette-neutral-content: #fffaf2;
|
|
--hoshidicts-palette-info: #426879;
|
|
--hoshidicts-palette-info-content: #f8fcfb;
|
|
--hoshidicts-palette-success: #326b54;
|
|
--hoshidicts-palette-warning: #85520d;
|
|
--hoshidicts-palette-error: #983f35;
|
|
}
|
|
|
|
html[data-hoshidicts-theme="acid"],
|
|
:host([data-hoshidicts-theme="acid"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(98% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(95% 0 0);
|
|
--hoshidicts-palette-base-300: oklch(91% 0 0);
|
|
--hoshidicts-palette-base-content: oklch(0% 0 0);
|
|
--hoshidicts-palette-primary: oklch(71.9% 0.357 330.759);
|
|
--hoshidicts-palette-primary-content: oklch(14.38% 0.071 330.759);
|
|
--hoshidicts-palette-secondary: oklch(73.37% 0.224 48.25);
|
|
--hoshidicts-palette-secondary-content: oklch(14.674% 0.044 48.25);
|
|
--hoshidicts-palette-accent: oklch(92.78% 0.264 122.962);
|
|
--hoshidicts-palette-accent-content: oklch(18.556% 0.052 122.962);
|
|
--hoshidicts-palette-neutral: oklch(21.31% 0.128 278.68);
|
|
--hoshidicts-palette-neutral-content: oklch(84.262% 0.025 278.68);
|
|
--hoshidicts-palette-info: oklch(60.72% 0.227 252.05);
|
|
--hoshidicts-palette-info-content: oklch(12.144% 0.045 252.05);
|
|
--hoshidicts-palette-success: oklch(85.72% 0.266 158.53);
|
|
--hoshidicts-palette-warning: oklch(91.01% 0.212 100.5);
|
|
--hoshidicts-palette-error: oklch(64.84% 0.293 29.349);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="lemonade"],
|
|
:host([data-hoshidicts-theme="lemonade"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(98.71% 0.02 123.72);
|
|
--hoshidicts-palette-base-200: oklch(91.8% 0.018 123.72);
|
|
--hoshidicts-palette-base-300: oklch(84.89% 0.017 123.72);
|
|
--hoshidicts-palette-base-content: oklch(19.742% 0.004 123.72);
|
|
--hoshidicts-palette-primary: oklch(58.92% 0.199 134.6);
|
|
--hoshidicts-palette-primary-content: oklch(11.784% 0.039 134.6);
|
|
--hoshidicts-palette-secondary: oklch(77.75% 0.196 111.09);
|
|
--hoshidicts-palette-secondary-content: oklch(15.55% 0.039 111.09);
|
|
--hoshidicts-palette-accent: oklch(85.39% 0.201 100.73);
|
|
--hoshidicts-palette-accent-content: oklch(17.078% 0.04 100.73);
|
|
--hoshidicts-palette-neutral: oklch(30.98% 0.075 108.6);
|
|
--hoshidicts-palette-neutral-content: oklch(86.196% 0.015 108.6);
|
|
--hoshidicts-palette-info: oklch(86.19% 0.047 224.14);
|
|
--hoshidicts-palette-info-content: oklch(17.238% 0.009 224.14);
|
|
--hoshidicts-palette-success: oklch(86.19% 0.047 157.85);
|
|
--hoshidicts-palette-warning: oklch(86.19% 0.047 102.15);
|
|
--hoshidicts-palette-error: oklch(86.19% 0.047 25.85);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="winter"],
|
|
:host([data-hoshidicts-theme="winter"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(100% 0 0);
|
|
--hoshidicts-palette-base-200: oklch(97.466% 0.011 259.822);
|
|
--hoshidicts-palette-base-300: oklch(93.268% 0.016 262.751);
|
|
--hoshidicts-palette-base-content: oklch(41.886% 0.053 255.824);
|
|
--hoshidicts-palette-primary: oklch(56.86% 0.255 257.57);
|
|
--hoshidicts-palette-primary-content: oklch(91.372% 0.051 257.57);
|
|
--hoshidicts-palette-secondary: oklch(42.551% 0.161 282.339);
|
|
--hoshidicts-palette-secondary-content: oklch(88.51% 0.032 282.339);
|
|
--hoshidicts-palette-accent: oklch(59.939% 0.191 335.171);
|
|
--hoshidicts-palette-accent-content: oklch(11.988% 0.038 335.171);
|
|
--hoshidicts-palette-neutral: oklch(19.616% 0.063 257.651);
|
|
--hoshidicts-palette-neutral-content: oklch(83.923% 0.012 257.651);
|
|
--hoshidicts-palette-info: oklch(88.127% 0.085 214.515);
|
|
--hoshidicts-palette-info-content: oklch(17.625% 0.017 214.515);
|
|
--hoshidicts-palette-success: oklch(80.494% 0.077 197.823);
|
|
--hoshidicts-palette-warning: oklch(89.172% 0.045 71.47);
|
|
--hoshidicts-palette-error: oklch(73.092% 0.11 20.076);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="nord"],
|
|
:host([data-hoshidicts-theme="nord"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(95.127% 0.007 260.731);
|
|
--hoshidicts-palette-base-200: oklch(93.299% 0.01 261.788);
|
|
--hoshidicts-palette-base-300: oklch(89.925% 0.016 262.749);
|
|
--hoshidicts-palette-base-content: oklch(32.437% 0.022 264.182);
|
|
--hoshidicts-palette-primary: oklch(59.435% 0.077 254.027);
|
|
--hoshidicts-palette-primary-content: oklch(11.887% 0.015 254.027);
|
|
--hoshidicts-palette-secondary: oklch(69.651% 0.059 248.687);
|
|
--hoshidicts-palette-secondary-content: oklch(13.93% 0.011 248.687);
|
|
--hoshidicts-palette-accent: oklch(77.464% 0.062 217.469);
|
|
--hoshidicts-palette-accent-content: oklch(15.492% 0.012 217.469);
|
|
--hoshidicts-palette-neutral: oklch(45.229% 0.035 264.131);
|
|
--hoshidicts-palette-neutral-content: oklch(89.925% 0.016 262.749);
|
|
--hoshidicts-palette-info: oklch(69.207% 0.062 332.664);
|
|
--hoshidicts-palette-info-content: oklch(13.841% 0.012 332.664);
|
|
--hoshidicts-palette-success: oklch(76.827% 0.074 131.063);
|
|
--hoshidicts-palette-warning: oklch(85.486% 0.089 84.093);
|
|
--hoshidicts-palette-error: oklch(60.61% 0.12 15.341);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="caramellatte"],
|
|
:host([data-hoshidicts-theme="caramellatte"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(98% 0.016 73.684);
|
|
--hoshidicts-palette-base-200: oklch(95% 0.038 75.164);
|
|
--hoshidicts-palette-base-300: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-base-content: oklch(40% 0.123 38.172);
|
|
--hoshidicts-palette-primary: oklch(0% 0 0);
|
|
--hoshidicts-palette-primary-content: oklch(100% 0 0);
|
|
--hoshidicts-palette-secondary: oklch(22.45% 0.075 37.85);
|
|
--hoshidicts-palette-secondary-content: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-accent: oklch(46.44% 0.111 37.85);
|
|
--hoshidicts-palette-accent-content: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-neutral: oklch(55% 0.195 38.402);
|
|
--hoshidicts-palette-neutral-content: oklch(98% 0.016 73.684);
|
|
--hoshidicts-palette-info: oklch(42% 0.199 265.638);
|
|
--hoshidicts-palette-info-content: oklch(90% 0.076 70.697);
|
|
--hoshidicts-palette-success: oklch(43% 0.095 166.913);
|
|
--hoshidicts-palette-warning: oklch(82% 0.189 84.429);
|
|
--hoshidicts-palette-error: oklch(70% 0.191 22.216);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="silk"],
|
|
:host([data-hoshidicts-theme="silk"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: oklch(97% 0.0035 67.78);
|
|
--hoshidicts-palette-base-200: oklch(95% 0.0081 61.42);
|
|
--hoshidicts-palette-base-300: oklch(90% 0.0081 61.42);
|
|
--hoshidicts-palette-base-content: oklch(40% 0.0081 61.42);
|
|
--hoshidicts-palette-primary: oklch(23.27% 0.0249 284.3);
|
|
--hoshidicts-palette-primary-content: oklch(94.22% 0.2505 117.44);
|
|
--hoshidicts-palette-secondary: oklch(23.27% 0.0249 284.3);
|
|
--hoshidicts-palette-secondary-content: oklch(73.92% 0.2135 50.94);
|
|
--hoshidicts-palette-accent: oklch(23.27% 0.0249 284.3);
|
|
--hoshidicts-palette-accent-content: oklch(88.92% 0.2061 189.9);
|
|
--hoshidicts-palette-neutral: oklch(20% 0 0);
|
|
--hoshidicts-palette-neutral-content: oklch(80% 0.0081 61.42);
|
|
--hoshidicts-palette-info: oklch(80.39% 0.1148 241.68);
|
|
--hoshidicts-palette-info-content: oklch(30.39% 0.1148 241.68);
|
|
--hoshidicts-palette-success: oklch(83.92% 0.0901 136.87);
|
|
--hoshidicts-palette-warning: oklch(83.92% 0.1085 80);
|
|
--hoshidicts-palette-error: oklch(75.1% 0.1814 22.37);
|
|
}
|
|
|
|
html[data-hoshidicts-theme="girlypop"],
|
|
:host([data-hoshidicts-theme="girlypop"]) {
|
|
--hoshidicts-palette-color-scheme: light;
|
|
--hoshidicts-palette-base-100: #fff7fc;
|
|
--hoshidicts-palette-base-200: #fbe9f5;
|
|
--hoshidicts-palette-base-300: #f2d6ec;
|
|
--hoshidicts-palette-base-content: #4a2442;
|
|
--hoshidicts-palette-primary: #c43b8c;
|
|
--hoshidicts-palette-primary-content: #fff7fc;
|
|
--hoshidicts-palette-secondary: #7651c9;
|
|
--hoshidicts-palette-secondary-content: #ffffff;
|
|
--hoshidicts-palette-accent: #ef8fc4;
|
|
--hoshidicts-palette-accent-content: #421631;
|
|
--hoshidicts-palette-neutral: #665064;
|
|
--hoshidicts-palette-neutral-content: #fff7fc;
|
|
--hoshidicts-palette-info: #4d7fc4;
|
|
--hoshidicts-palette-info-content: #f8fbff;
|
|
--hoshidicts-palette-success: #3c8d70;
|
|
--hoshidicts-palette-warning: #b36b10;
|
|
--hoshidicts-palette-error: #c43f68;
|
|
}
|
|
|
|
::highlight(gsm-hoshidicts-match) {
|
|
color: inherit;
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 34%,
|
|
transparent
|
|
);
|
|
}
|
|
|
|
.gsm-hoshidicts-source-highlight-layer {
|
|
position: fixed;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
z-index: 2147483646;
|
|
}
|
|
|
|
.gsm-hoshidicts-source-highlight-layer .gsm-hoshidicts-source-match {
|
|
position: fixed;
|
|
pointer-events: none;
|
|
border-radius: 2px;
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 34%,
|
|
transparent
|
|
) !important;
|
|
}
|
|
|
|
:host([data-hoshidicts-theme="high-contrast"]) ::highlight(gsm-hoshidicts-match),
|
|
:host([data-hoshidicts-theme="high-contrast"]) .gsm-hoshidicts-source-highlight-layer .gsm-hoshidicts-source-match {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 56%,
|
|
transparent
|
|
) !important;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup {
|
|
--hoshidicts-background-opacity: var(
|
|
--gsm-hoshidicts-popup-opacity,
|
|
85%
|
|
);
|
|
--hoshidicts-popup-background: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-100) var(--hoshidicts-background-opacity),
|
|
transparent
|
|
);
|
|
--hoshidicts-chrome-background: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-200) var(--hoshidicts-background-opacity),
|
|
transparent
|
|
);
|
|
--hoshidicts-surface: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-200) var(--hoshidicts-background-opacity),
|
|
transparent
|
|
);
|
|
--hoshidicts-surface-raised: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-300) var(--hoshidicts-background-opacity),
|
|
transparent
|
|
);
|
|
--hoshidicts-card-base: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-100) 72%,
|
|
var(--hoshidicts-palette-base-200)
|
|
);
|
|
--hoshidicts-card-background: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-card-base) var(--hoshidicts-background-opacity),
|
|
transparent
|
|
);
|
|
--hoshidicts-text: var(--hoshidicts-palette-base-content);
|
|
--hoshidicts-text-muted: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 76%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-text-faint: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 56%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-border: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 16%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-border-strong: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 30%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-accent: var(--hoshidicts-palette-primary);
|
|
--hoshidicts-accent-contrast: var(--hoshidicts-palette-primary-content);
|
|
--hoshidicts-accent-soft: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 16%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-success: var(--hoshidicts-palette-success);
|
|
--hoshidicts-warning: var(--hoshidicts-palette-warning);
|
|
--hoshidicts-danger: var(--hoshidicts-palette-error);
|
|
--hoshidicts-link: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 72%,
|
|
var(--hoshidicts-palette-base-content)
|
|
);
|
|
--hoshidicts-link-hover: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 52%,
|
|
var(--hoshidicts-palette-base-content)
|
|
);
|
|
--hoshidicts-scrollbar: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 45%,
|
|
var(--hoshidicts-palette-base-200)
|
|
);
|
|
--hoshidicts-frequency: var(--hoshidicts-palette-info);
|
|
--hoshidicts-frequency-text: var(--hoshidicts-palette-info-content);
|
|
--hoshidicts-pitch: var(--hoshidicts-palette-accent);
|
|
--hoshidicts-tag-text: var(--hoshidicts-palette-neutral-content);
|
|
--hoshidicts-tag-expression-text: var(--hoshidicts-palette-secondary-content);
|
|
--hoshidicts-tag-part-of-speech-text: var(--hoshidicts-palette-accent-content);
|
|
--background-color: var(--hoshidicts-popup-background);
|
|
--background-color-light: var(--hoshidicts-card-background);
|
|
--background-color-dark1: var(--hoshidicts-surface-raised);
|
|
--text-color: var(--hoshidicts-text);
|
|
--text-color-light1: var(--hoshidicts-text-muted);
|
|
--text-color-light2: var(--hoshidicts-text-faint);
|
|
--accent-color: var(--hoshidicts-accent);
|
|
--tag-default-background-color: var(--hoshidicts-palette-neutral);
|
|
--tag-expression-background-color: var(--hoshidicts-palette-secondary);
|
|
--tag-part-of-speech-background-color: var(--hoshidicts-palette-accent);
|
|
position: fixed;
|
|
z-index: 2147483646;
|
|
zoom: calc(var(--gsm-hoshidicts-page-zoom, 1) * var(--gsm-hoshidicts-popup-scale, 100%));
|
|
width: var(--gsm-hoshidicts-popup-width, 560px);
|
|
height: var(--gsm-hoshidicts-popup-height, 420px);
|
|
max-width: none;
|
|
max-height: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
border: 1px solid var(--hoshidicts-border-strong);
|
|
border-radius: 14px;
|
|
background: var(--hoshidicts-popup-background);
|
|
-webkit-backdrop-filter: blur(16px) saturate(1.08);
|
|
backdrop-filter: blur(16px) saturate(1.08);
|
|
-webkit-backdrop-filter: var(
|
|
--gsm-hoshidicts-popup-backdrop-filter,
|
|
blur(16px) saturate(1.08)
|
|
);
|
|
backdrop-filter: var(
|
|
--gsm-hoshidicts-popup-backdrop-filter,
|
|
blur(16px) saturate(1.08)
|
|
);
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.07),
|
|
0 18px 48px rgba(0, 0, 0, 0.6),
|
|
0 2px 8px rgba(0, 0, 0, 0.36);
|
|
color: var(--text-color);
|
|
color-scheme: var(--hoshidicts-palette-color-scheme);
|
|
font-family: "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
overscroll-behavior: contain;
|
|
pointer-events: auto;
|
|
user-select: text;
|
|
}
|
|
|
|
.gsm-hoshidicts-resize-handle {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 18px;
|
|
height: 18px;
|
|
z-index: 10;
|
|
cursor: nwse-resize;
|
|
touch-action: none;
|
|
user-select: none;
|
|
background: repeating-linear-gradient(135deg, transparent 0 3px, var(--hoshidicts-border-strong) 3px 4px);
|
|
clip-path: polygon(100% 0, 100% 100%, 0 100%);
|
|
}
|
|
|
|
:host([data-hoshidicts-theme="high-contrast"]) .gsm-hoshidicts-popup {
|
|
--hoshidicts-card-base: #080808;
|
|
--hoshidicts-text-muted: #f0f0f0;
|
|
--hoshidicts-text-faint: #cfcfcf;
|
|
--hoshidicts-border: #777777;
|
|
--hoshidicts-border-strong: #ffffff;
|
|
--hoshidicts-accent-soft: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 22%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-link: var(--hoshidicts-palette-secondary);
|
|
--hoshidicts-link-hover: #ffffff;
|
|
--hoshidicts-scrollbar: #ffffff;
|
|
-webkit-backdrop-filter: none;
|
|
backdrop-filter: none;
|
|
box-shadow: 0 0 0 2px #000000, 0 0 0 4px #ffffff;
|
|
}
|
|
|
|
:host([data-hoshidicts-theme="autumn"]) .gsm-hoshidicts-popup {
|
|
--hoshidicts-text-faint: #68685d;
|
|
--hoshidicts-border: #96866b;
|
|
--hoshidicts-border-strong: #71634e;
|
|
--hoshidicts-accent-soft: #e1e6d2;
|
|
--hoshidicts-link: #46602f;
|
|
--hoshidicts-link-hover: #793f2f;
|
|
--hoshidicts-scrollbar: #71634e;
|
|
--hoshidicts-pitch: #945b17;
|
|
background:
|
|
radial-gradient(
|
|
circle at 100% 0,
|
|
color-mix(in srgb, var(--hoshidicts-palette-accent) calc(var(--hoshidicts-background-opacity) * 0.15), transparent),
|
|
transparent 42%
|
|
),
|
|
radial-gradient(
|
|
circle at 0 100%,
|
|
color-mix(in srgb, var(--hoshidicts-palette-primary) calc(var(--hoshidicts-background-opacity) * 0.1), transparent),
|
|
transparent 48%
|
|
),
|
|
var(--hoshidicts-popup-background);
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 253, 247, 0.8),
|
|
0 18px 48px rgba(72, 49, 25, 0.24),
|
|
0 2px 8px rgba(72, 49, 25, 0.18);
|
|
}
|
|
|
|
:host([data-hoshidicts-theme="girlypop"]) .gsm-hoshidicts-popup {
|
|
background:
|
|
radial-gradient(
|
|
circle at 100% 0,
|
|
color-mix(in srgb, var(--hoshidicts-palette-accent) calc(var(--hoshidicts-background-opacity) * 0.22), transparent),
|
|
transparent 42%
|
|
),
|
|
radial-gradient(
|
|
circle at 0 100%,
|
|
color-mix(in srgb, var(--hoshidicts-palette-secondary) calc(var(--hoshidicts-background-opacity) * 0.12), transparent),
|
|
transparent 46%
|
|
),
|
|
var(--hoshidicts-popup-background);
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.72),
|
|
0 18px 48px rgba(111, 44, 93, 0.22),
|
|
0 2px 8px rgba(111, 44, 93, 0.16);
|
|
}
|
|
|
|
:host([data-hoshidicts-theme="miku"]) .gsm-hoshidicts-popup {
|
|
background:
|
|
radial-gradient(
|
|
circle at 100% 0,
|
|
color-mix(in srgb, var(--hoshidicts-palette-primary) calc(var(--hoshidicts-background-opacity) * 0.18), transparent),
|
|
transparent 44%
|
|
),
|
|
radial-gradient(
|
|
circle at 0 100%,
|
|
color-mix(in srgb, var(--hoshidicts-palette-secondary) calc(var(--hoshidicts-background-opacity) * 0.12), transparent),
|
|
transparent 48%
|
|
),
|
|
var(--hoshidicts-popup-background);
|
|
box-shadow:
|
|
inset 0 1px 0 rgba(255, 255, 255, 0.08),
|
|
0 18px 48px rgba(3, 24, 22, 0.62),
|
|
0 0 0 1px color-mix(in srgb, var(--hoshidicts-palette-primary) 24%, transparent);
|
|
}
|
|
|
|
.gsm-hoshidicts-content-scroll,
|
|
.gsm-hoshidicts-result-chrome,
|
|
.gsm-hoshidicts-note-form {
|
|
box-sizing: border-box;
|
|
scrollbar-color: var(--hoshidicts-scrollbar) transparent;
|
|
scrollbar-width: thin;
|
|
overscroll-behavior: contain;
|
|
}
|
|
|
|
.gsm-hoshidicts-content-scroll {
|
|
flex: 1 1 0;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
padding: 9px 11px 11px;
|
|
}
|
|
|
|
.gsm-hoshidicts-content-scroll::-webkit-scrollbar,
|
|
.gsm-hoshidicts-result-chrome::-webkit-scrollbar,
|
|
.gsm-hoshidicts-note-form::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
.gsm-hoshidicts-content-scroll::-webkit-scrollbar-thumb,
|
|
.gsm-hoshidicts-result-chrome::-webkit-scrollbar-thumb,
|
|
.gsm-hoshidicts-note-form::-webkit-scrollbar-thumb {
|
|
border: 2px solid transparent;
|
|
border-radius: 999px;
|
|
background: var(--hoshidicts-scrollbar);
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.gsm-hoshidicts-content-scroll::-webkit-scrollbar-track,
|
|
.gsm-hoshidicts-result-chrome::-webkit-scrollbar-track,
|
|
.gsm-hoshidicts-note-form::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-result-chrome {
|
|
flex: 0 1 auto;
|
|
min-height: 0;
|
|
max-height: 50%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
border-bottom: 1px solid var(--hoshidicts-border);
|
|
background: var(--hoshidicts-chrome-background);
|
|
}
|
|
|
|
.gsm-hoshidicts-result-chrome > * {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup[data-toolbar-position="bottom"] .gsm-hoshidicts-result-chrome {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-top: 1px solid var(--hoshidicts-border);
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup[data-toolbar-position="bottom"] .gsm-hoshidicts-primary-header {
|
|
order: 1;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup[data-toolbar-position="bottom"] .gsm-hoshidicts-metadata-strip {
|
|
border-top: 0;
|
|
border-bottom: 1px solid var(--hoshidicts-border);
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-header {
|
|
min-height: 42px;
|
|
padding: 11px;
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-header > .gsm-hoshidicts-entry-actions:only-child {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-button:focus-visible,
|
|
.gsm-hoshidicts-note-form input:focus-visible,
|
|
.gsm-hoshidicts-note-form textarea:focus-visible,
|
|
.gsm-hoshidicts-note-actions button:focus-visible {
|
|
outline: 2px solid var(--accent-color);
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-metadata-strip {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
width: 100%;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 8px 11px 9px;
|
|
border-top: 1px solid var(--hoshidicts-border);
|
|
}
|
|
|
|
.gsm-hoshidicts-metadata-strip[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab-list {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-wrap: nowrap;
|
|
gap: 6px;
|
|
width: auto;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
overscroll-behavior-x: contain;
|
|
scroll-behavior: smooth;
|
|
scrollbar-color: var(--hoshidicts-scrollbar) transparent;
|
|
scrollbar-width: thin;
|
|
touch-action: pan-x pan-y;
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-metadata-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
column-gap: 6px;
|
|
}
|
|
|
|
/* Starts at zero and grows to its natural width, so it stays beside the
|
|
lookup count and wraps its own tags; only a tag too wide for that space
|
|
moves it below. */
|
|
.gsm-hoshidicts-primary-metadata-capsule {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
max-width: max-content;
|
|
margin: 7px 0 0;
|
|
color: var(--text-color-light1);
|
|
font-size: 12px;
|
|
line-height: 1.45;
|
|
white-space: normal;
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-metadata-capsule[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-frequencies,
|
|
.gsm-hoshidicts-primary-grammar {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
min-width: 0;
|
|
align-items: baseline;
|
|
}
|
|
|
|
/* The same Yomitan-like tags as the later entries' metadata rows. */
|
|
.gsm-hoshidicts-primary-frequencies {
|
|
gap: 4px;
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-frequencies > .gsm-hoshidicts-tag-frequency {
|
|
flex: 0 1 auto;
|
|
min-width: max-content;
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-frequencies +
|
|
.gsm-hoshidicts-primary-grammar::before,
|
|
.gsm-hoshidicts-primary-grammar-tag +
|
|
.gsm-hoshidicts-primary-grammar-tag::before {
|
|
margin: 0 7px;
|
|
color: var(--text-color-light2);
|
|
content: "•";
|
|
}
|
|
|
|
.gsm-hoshidicts-primary-grammar {
|
|
color: var(--text-color-light1);
|
|
}
|
|
|
|
.gsm-hoshidicts-tab-list::-webkit-scrollbar {
|
|
height: 5px;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab-list::-webkit-scrollbar-thumb {
|
|
border-radius: 999px;
|
|
background: var(--hoshidicts-scrollbar);
|
|
}
|
|
|
|
.gsm-hoshidicts-tab-list::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab {
|
|
flex: 0 0 auto;
|
|
max-width: min(150px, 58vw);
|
|
min-height: 34px;
|
|
padding: 6px 13px;
|
|
overflow: hidden;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 7px;
|
|
background: var(--hoshidicts-surface);
|
|
color: var(--text-color-light1);
|
|
font-family: inherit;
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
line-height: 18px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab:hover:not(:disabled):not([aria-selected="true"]) {
|
|
border-color: var(--hoshidicts-border-strong);
|
|
background: var(--hoshidicts-surface-raised);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-tab[aria-selected="true"] {
|
|
border-color: var(--accent-color);
|
|
background: var(--accent-color);
|
|
color: var(--hoshidicts-accent-contrast);
|
|
}
|
|
|
|
.gsm-hoshidicts-tab:focus-visible {
|
|
outline: 2px solid var(--accent-color);
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-form {
|
|
flex: 0 0 auto;
|
|
min-height: 0;
|
|
max-height: 80%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
display: grid;
|
|
gap: 7px;
|
|
margin: 8px 11px;
|
|
padding: 8px;
|
|
border: 1px solid var(--hoshidicts-border-strong);
|
|
border-radius: 8px;
|
|
background: var(--hoshidicts-surface);
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-control { display: flex; align-items: flex-start; justify-content: end; gap: 6px; }
|
|
.gsm-hoshidicts-audio-control[hidden],
|
|
:host([data-hoshidicts-audio-button="hidden"]) .gsm-hoshidicts-audio-control { display: none; }
|
|
.gsm-hoshidicts-audio-control > button { flex-shrink: 0; }
|
|
.gsm-hoshidicts-audio-status { max-width: 160px; padding-top: 4px; color: var(--text-color-light1); font-size: 11px; overflow-wrap: anywhere; }
|
|
.gsm-hoshidicts-audio-status:empty { display: none; }
|
|
.gsm-hoshidicts-anki-control { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 7px; }
|
|
.gsm-hoshidicts-anki-control[hidden] { display: none; }
|
|
.gsm-hoshidicts-capture-badge {
|
|
max-width: 150px;
|
|
padding: 2px 6px;
|
|
border: 1px solid color-mix(in srgb, var(--accent-color) 45%, transparent);
|
|
border-radius: 999px;
|
|
color: var(--text-color-light1);
|
|
font-size: 10px;
|
|
line-height: 1.25;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
.gsm-hoshidicts-capture-badge[hidden] { display: none; }
|
|
.gsm-hoshidicts-anki-status { min-width: 0; font: inherit; color: inherit; overflow-wrap: anywhere; }
|
|
.gsm-hoshidicts-anki-status:empty { display: none; }
|
|
|
|
.gsm-hoshidicts-note-form[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-field {
|
|
display: grid;
|
|
gap: 3px;
|
|
color: var(--text-color-light1);
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-form input,
|
|
.gsm-hoshidicts-note-form textarea {
|
|
width: 100%;
|
|
min-width: 0;
|
|
box-sizing: border-box;
|
|
padding: 5px 7px;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 4px;
|
|
background: var(--hoshidicts-card-background);
|
|
color: var(--text-color);
|
|
font: 400 15px/1.45 "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic UI", "Hiragino Sans", sans-serif;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-form textarea {
|
|
min-height: 64px;
|
|
resize: vertical;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-error {
|
|
padding: 5px 7px;
|
|
border: 1px solid color-mix(in srgb, var(--hoshidicts-danger) 55%, transparent);
|
|
border-radius: 4px;
|
|
background: color-mix(in srgb, var(--hoshidicts-danger) 12%, transparent);
|
|
color: var(--hoshidicts-danger);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-error[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 6px;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-actions button {
|
|
min-width: 64px;
|
|
padding: 5px 9px;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 4px;
|
|
background: var(--hoshidicts-surface);
|
|
color: var(--text-color);
|
|
font: 600 12px/1.2 "Segoe UI", sans-serif;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-actions .gsm-hoshidicts-note-save {
|
|
border-color: var(--accent-color);
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-note-actions button:hover:not(:disabled) {
|
|
background: var(--hoshidicts-accent-soft);
|
|
}
|
|
|
|
.gsm-hoshidicts-note-actions button:disabled {
|
|
opacity: 0.65;
|
|
cursor: default;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab:disabled {
|
|
opacity: 0.55;
|
|
cursor: default;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab-panel {
|
|
min-width: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-tab-panel[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry + .gsm-hoshidicts-entry {
|
|
margin-top: 9px;
|
|
padding-top: 9px;
|
|
border-top: 1px solid var(--hoshidicts-border);
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-header {
|
|
display: flex;
|
|
flex-wrap: wrap-reverse;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
min-height: 42px;
|
|
gap: 10px;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-header > .gsm-hoshidicts-headword,
|
|
.gsm-hoshidicts-entry-header > .gsm-hoshidicts-kanji-navigation {
|
|
flex: 1 1 12em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.gsm-hoshidicts-headword {
|
|
display: flex;
|
|
min-width: 0;
|
|
flex: 1 1 auto;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
gap: 4px 12px;
|
|
}
|
|
|
|
.gsm-hoshidicts-expression {
|
|
min-width: 0;
|
|
flex: 0 1 auto;
|
|
overflow-wrap: anywhere;
|
|
font-size: 32px;
|
|
line-height: 1.22;
|
|
ruby-align: center;
|
|
ruby-position: over;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection {
|
|
flex: 1 1 100%;
|
|
min-width: 0;
|
|
margin-top: 2px;
|
|
color: var(--text-color-light1);
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-header:has(.gsm-hoshidicts-deinflection),
|
|
.gsm-hoshidicts-kanji-navigation:has(.gsm-hoshidicts-deinflection) {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection > summary {
|
|
padding: 1px 2px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
list-style-position: inside;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection > summary:focus-visible {
|
|
outline: 2px solid currentColor;
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection-endpoint,
|
|
.gsm-hoshidicts-deinflection-step-name,
|
|
.gsm-hoshidicts-deinflection-step-description {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection-steps {
|
|
margin: 2px 0 0;
|
|
padding-inline-start: 1.5em;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection-steps > li {
|
|
margin-block: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-deinflection-step-description {
|
|
margin-inline-start: 6px;
|
|
}
|
|
|
|
.gsm-hoshidicts-expression rt {
|
|
color: var(--text-color-light1);
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1;
|
|
user-select: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-ruby {
|
|
display: inline-flex;
|
|
flex-direction: column-reverse;
|
|
align-items: stretch;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-base {
|
|
text-align: center;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-reading {
|
|
display: block;
|
|
overflow: visible;
|
|
padding: 1px 0 2px;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-contour {
|
|
display: flex;
|
|
align-items: stretch;
|
|
color: var(--text-color-light1);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-mora {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
margin-right: -1px;
|
|
padding: 2px 1px;
|
|
text-align: center;
|
|
border-top: 2px solid transparent;
|
|
border-bottom: 2px solid transparent;
|
|
line-height: 1;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-mora[data-pitch-level="high"] {
|
|
border-top-color: var(--hoshidicts-pitch);
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-mora[data-pitch-level="low"] {
|
|
border-bottom-color: var(--hoshidicts-pitch);
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-mora[data-pitch-transition]::after {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: -1px;
|
|
bottom: 0;
|
|
border-right: 2px solid var(--hoshidicts-pitch);
|
|
content: "";
|
|
}
|
|
|
|
.gsm-hoshidicts-popup[data-definition-blur-state="pending"] .gsm-hoshidicts-expression rt,
|
|
.gsm-hoshidicts-popup[data-definition-blur-state="blurred"] .gsm-hoshidicts-expression rt {
|
|
filter: blur(5px);
|
|
user-select: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-summary {
|
|
min-width: min(180px, 100%);
|
|
max-width: 100%;
|
|
min-height: 36px;
|
|
margin: 2px 0 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex: 1 1 180px;
|
|
align-self: center;
|
|
align-items: center;
|
|
gap: 6px;
|
|
color: var(--text-color-light1);
|
|
font-size: 13px;
|
|
line-height: 1.35;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-image {
|
|
flex: 0 0 36px;
|
|
width: 36px;
|
|
height: 36px;
|
|
overflow: hidden;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-image .gloss-image-link,
|
|
.gsm-hoshidicts-compact-definition-image .gloss-image-container {
|
|
width: 36px;
|
|
height: 36px;
|
|
margin: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-image .gloss-image {
|
|
object-fit: contain;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-image .gloss-image-link-text {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-items {
|
|
min-width: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-items > li {
|
|
display: inline;
|
|
}
|
|
|
|
.gsm-hoshidicts-compact-definition-items > li + li::before {
|
|
content: " · ";
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup[data-definition-blur-state="pending"]
|
|
.gsm-hoshidicts-compact-definition-summary,
|
|
.gsm-hoshidicts-popup[data-definition-blur-state="blurred"]
|
|
.gsm-hoshidicts-compact-definition-summary {
|
|
filter: blur(5px);
|
|
user-select: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-actions {
|
|
display: flex;
|
|
flex: 1 1 270px;
|
|
flex-wrap: nowrap;
|
|
min-width: 0;
|
|
width: auto;
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
margin: -2px -2px -2px auto;
|
|
padding: 2px;
|
|
align-self: end;
|
|
align-items: center;
|
|
justify-content: safe flex-end;
|
|
gap: 5px;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
overscroll-behavior-x: contain;
|
|
scroll-padding-inline: 2px;
|
|
scrollbar-color: var(--hoshidicts-scrollbar) transparent;
|
|
scrollbar-width: thin;
|
|
touch-action: pan-x pan-y;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-actions > .gsm-hoshidicts-external-link-button,
|
|
.gsm-hoshidicts-entry-actions > .gsm-hoshidicts-custom-anki-button {
|
|
/* Natural width, but still able to shrink so the row never overflows. */
|
|
flex: 0 1 auto;
|
|
min-width: 36px;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-actions::-webkit-scrollbar {
|
|
height: 5px;
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-actions::-webkit-scrollbar-thumb {
|
|
border-radius: 999px;
|
|
background: var(--hoshidicts-scrollbar);
|
|
}
|
|
|
|
.gsm-hoshidicts-entry-actions::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button,
|
|
.gsm-hoshidicts-mine-button,
|
|
.gsm-hoshidicts-note-button {
|
|
display: inline-flex;
|
|
flex: 0 0 36px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 36px;
|
|
height: 36px;
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
padding: 0;
|
|
border-radius: 6px;
|
|
background: transparent;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button {
|
|
border: 1px solid var(--hoshidicts-border-strong);
|
|
color: var(--text-color);
|
|
font-family: inherit;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button:hover:not(:disabled),
|
|
.gsm-hoshidicts-audio-button:focus-visible {
|
|
border-color: var(--hoshidicts-border-strong);
|
|
background: var(--hoshidicts-accent-soft);
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button:focus-visible,
|
|
.gsm-hoshidicts-mine-button:focus-visible,
|
|
.gsm-hoshidicts-note-button:focus-visible {
|
|
outline: 2px solid var(--accent-color);
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button:disabled,
|
|
.gsm-hoshidicts-mine-button:disabled {
|
|
color: var(--hoshidicts-text-faint);
|
|
cursor: default;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button[data-state="playing"] {
|
|
border-color: var(--hoshidicts-success);
|
|
color: var(--hoshidicts-success);
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-button[data-state="error"] {
|
|
border-color: var(--hoshidicts-danger);
|
|
color: var(--hoshidicts-danger);
|
|
}
|
|
|
|
.gsm-hoshidicts-mine-button {
|
|
border: 1px solid var(--accent-color);
|
|
color: var(--accent-color);
|
|
font: 700 20px/1 "Segoe UI", sans-serif;
|
|
}
|
|
|
|
.gsm-hoshidicts-mine-button:hover:not(:disabled) {
|
|
background: var(--hoshidicts-accent-soft);
|
|
}
|
|
|
|
.gsm-hoshidicts-mine-button[data-state="view-existing"],
|
|
.gsm-hoshidicts-mine-button[data-state="success"] {
|
|
border-color: var(--hoshidicts-success);
|
|
color: var(--hoshidicts-success);
|
|
}
|
|
|
|
.gsm-hoshidicts-mine-button[data-state="checking"] .hd-icon,
|
|
.gsm-hoshidicts-mine-button[data-state="mining"] .hd-icon {
|
|
animation: gsm-hoshidicts-spin 0.8s linear infinite;
|
|
}
|
|
|
|
.gsm-hoshidicts-note-button {
|
|
border: 1px solid var(--hoshidicts-border-strong);
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-note-button:hover,
|
|
.gsm-hoshidicts-note-button:focus-visible,
|
|
.gsm-hoshidicts-note-button[aria-expanded="true"] {
|
|
border-color: var(--accent-color);
|
|
background: var(--hoshidicts-accent-soft);
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-text-action-button {
|
|
display: inline-flex;
|
|
flex: 0 1 auto;
|
|
align-items: center;
|
|
justify-content: center;
|
|
max-width: 160px;
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
overflow: hidden;
|
|
padding: 4px 8px;
|
|
border: 1px solid var(--hoshidicts-border-strong);
|
|
border-radius: 6px;
|
|
background: transparent;
|
|
color: var(--text-color);
|
|
font-family: inherit;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 1.2;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-text-action-button:hover:not(:disabled),
|
|
.gsm-hoshidicts-text-action-button:focus-visible {
|
|
border-color: var(--accent-color);
|
|
background: var(--hoshidicts-accent-soft);
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-text-action-button:focus-visible {
|
|
outline: 2px solid var(--accent-color);
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-text-action-button:disabled {
|
|
color: var(--hoshidicts-text-faint);
|
|
cursor: default;
|
|
}
|
|
|
|
.gsm-hoshidicts-custom-anki-button[data-state="ready"],
|
|
.gsm-hoshidicts-custom-anki-button[data-state="add-duplicate"],
|
|
.gsm-hoshidicts-custom-anki-button[data-state="overwrite"] {
|
|
border-color: var(--accent-color);
|
|
color: var(--accent-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-custom-anki-button[data-state="view-existing"],
|
|
.gsm-hoshidicts-custom-anki-button[data-state="success"] {
|
|
border-color: var(--hoshidicts-success);
|
|
color: var(--hoshidicts-success);
|
|
}
|
|
|
|
.gsm-hoshidicts-custom-anki-button[data-state="error"] {
|
|
border-color: var(--hoshidicts-danger);
|
|
color: var(--hoshidicts-danger);
|
|
}
|
|
|
|
.gsm-hoshidicts-custom-anki-button[data-state="checking"]::before,
|
|
.gsm-hoshidicts-custom-anki-button[data-state="mining"]::before {
|
|
width: 10px;
|
|
height: 10px;
|
|
flex: 0 0 10px;
|
|
box-sizing: border-box;
|
|
border: 2px solid currentColor;
|
|
border-right-color: transparent;
|
|
border-radius: 50%;
|
|
content: "";
|
|
animation: gsm-hoshidicts-spin 0.8s linear infinite;
|
|
}
|
|
|
|
.gsm-hoshidicts-text-action-label {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-menu {
|
|
--hoshidicts-menu-background: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-100) 82%,
|
|
var(--hoshidicts-palette-base-200)
|
|
);
|
|
--hoshidicts-menu-border: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 30%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-menu-text: var(--hoshidicts-palette-base-content);
|
|
--hoshidicts-menu-muted: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 72%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
--hoshidicts-menu-hover: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 18%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
z-index: 5;
|
|
flex: 0 1 auto;
|
|
min-height: 0;
|
|
width: 100%;
|
|
max-height: 70%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
box-sizing: border-box;
|
|
padding: 6px;
|
|
border: 1px solid var(--hoshidicts-menu-border);
|
|
border-radius: 8px;
|
|
background: var(--hoshidicts-menu-background);
|
|
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.68);
|
|
color: var(--hoshidicts-menu-text);
|
|
color-scheme: var(--hoshidicts-palette-color-scheme);
|
|
font-family: "Yu Gothic UI", "Hiragino Sans", sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.35;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
:host([data-hoshidicts-theme="high-contrast"]) .gsm-hoshidicts-audio-menu {
|
|
--hoshidicts-menu-background: #000000;
|
|
--hoshidicts-menu-border: #ffffff;
|
|
--hoshidicts-menu-text: #ffffff;
|
|
--hoshidicts-menu-muted: #f0f0f0;
|
|
--hoshidicts-menu-hover: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-primary) 24%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-menu-heading {
|
|
margin: 6px 0 0;
|
|
padding: 5px 6px 2px;
|
|
color: var(--hoshidicts-menu-muted);
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
letter-spacing: 0.03em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-menu-item {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 6px 8px;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
background: transparent;
|
|
color: inherit;
|
|
font: inherit;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-menu-item:hover,
|
|
.gsm-hoshidicts-audio-menu-item:focus-visible {
|
|
outline: none;
|
|
background: var(--hoshidicts-menu-hover);
|
|
}
|
|
|
|
.gsm-hoshidicts-audio-menu-close { float: right; width: auto; }
|
|
|
|
.gsm-hoshidicts-audio-menu-status {
|
|
margin: 6px 0;
|
|
padding: 7px 8px;
|
|
color: var(--hoshidicts-menu-muted);
|
|
}
|
|
|
|
@keyframes gsm-hoshidicts-spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.gsm-hoshidicts-tab-list {
|
|
scroll-behavior: auto;
|
|
}
|
|
|
|
.gsm-hoshidicts-mine-button[data-state="checking"] .hd-icon,
|
|
.gsm-hoshidicts-mine-button[data-state="mining"] .hd-icon,
|
|
.gsm-hoshidicts-custom-anki-button[data-state="checking"]::before,
|
|
.gsm-hoshidicts-custom-anki-button[data-state="mining"]::before {
|
|
animation: none;
|
|
}
|
|
}
|
|
|
|
.gsm-hoshidicts-mining-feedback,
|
|
.gsm-hoshidicts-lookup-notice {
|
|
padding: 6px 8px;
|
|
border: 1px solid var(--hoshidicts-border-strong);
|
|
border-radius: 6px;
|
|
background: var(--hoshidicts-accent-soft);
|
|
color: var(--text-color-light1);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.gsm-hoshidicts-mining-feedback {
|
|
flex: 0 0 auto;
|
|
margin: 8px 11px;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-notice {
|
|
margin: 1px 0 7px;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-failure {
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin: 7px 11px;
|
|
padding: 7px 8px;
|
|
border: 1px solid var(--hoshidicts-warning);
|
|
border-radius: 7px;
|
|
background: color-mix(in srgb, var(--hoshidicts-warning) 12%, var(--hoshidicts-surface));
|
|
color: var(--text-color);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-failure-copy {
|
|
min-width: 0;
|
|
display: grid;
|
|
flex: 1 1 auto;
|
|
gap: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-failure-title,
|
|
.gsm-hoshidicts-lookup-failure-detail {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-failure-detail {
|
|
color: var(--text-color-light1);
|
|
font-size: 11px;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-failure-action {
|
|
flex: 0 0 auto;
|
|
min-height: 30px;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-failure[data-kind="disconnected"],
|
|
.gsm-hoshidicts-lookup-failure[data-kind="engine"] {
|
|
border-color: var(--hoshidicts-danger);
|
|
background: color-mix(in srgb, var(--hoshidicts-danger) 10%, var(--hoshidicts-surface));
|
|
}
|
|
|
|
.gsm-hoshidicts-mining-feedback[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-mining-feedback[data-kind="success"] {
|
|
border-color: var(--hoshidicts-success);
|
|
background: color-mix(in srgb, var(--hoshidicts-success) 12%, transparent);
|
|
color: var(--hoshidicts-success);
|
|
}
|
|
|
|
.gsm-hoshidicts-mining-feedback[data-kind="warning"] {
|
|
border-color: var(--hoshidicts-warning);
|
|
background: color-mix(in srgb, var(--hoshidicts-warning) 12%, transparent);
|
|
color: var(--hoshidicts-warning);
|
|
}
|
|
|
|
.gsm-hoshidicts-mining-feedback[data-kind="error"] {
|
|
border-color: var(--hoshidicts-danger);
|
|
background: color-mix(in srgb, var(--hoshidicts-danger) 12%, transparent);
|
|
color: var(--hoshidicts-danger);
|
|
}
|
|
|
|
.gsm-hoshidicts-mine-button[data-state="error"] {
|
|
border-color: var(--hoshidicts-danger);
|
|
color: var(--hoshidicts-danger);
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-stats {
|
|
display: inline-block;
|
|
margin: 7px 0 2px;
|
|
padding: 3px 7px;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 999px;
|
|
background: var(--hoshidicts-card-background);
|
|
color: var(--hoshidicts-text);
|
|
font-size: 13px;
|
|
font-variant-numeric: tabular-nums;
|
|
font-weight: 600;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.gsm-hoshidicts-lookup-stats[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-tags,
|
|
.gsm-hoshidicts-definition-tags,
|
|
.gsm-hoshidicts-metadata {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
margin-top: 5px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.gsm-hoshidicts-metadata {
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.gsm-hoshidicts-tag {
|
|
padding: 3px 5px;
|
|
border-radius: 4px;
|
|
color: var(--text-color);
|
|
font-size: 12px;
|
|
line-height: 1.2;
|
|
user-select: text;
|
|
}
|
|
|
|
.gsm-hoshidicts-tag-deinflection {
|
|
background: var(--tag-expression-background-color);
|
|
color: var(--hoshidicts-tag-expression-text);
|
|
}
|
|
|
|
.gsm-hoshidicts-tag-term {
|
|
background: var(--tag-part-of-speech-background-color);
|
|
color: var(--hoshidicts-tag-part-of-speech-text);
|
|
}
|
|
|
|
.gsm-hoshidicts-tag-definition {
|
|
background: var(--tag-default-background-color);
|
|
color: var(--hoshidicts-tag-text);
|
|
font-size: 11px;
|
|
}
|
|
|
|
.gsm-hoshidicts-tag-frequency {
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
border: 1px solid var(--hoshidicts-frequency);
|
|
background: transparent;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-frequency-source,
|
|
.gsm-hoshidicts-frequency-body {
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
.gsm-hoshidicts-frequency-source {
|
|
min-width: 0;
|
|
max-width: min(18ch, 42vw);
|
|
overflow: hidden;
|
|
font-weight: 700;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.gsm-hoshidicts-frequency-source {
|
|
background: var(--hoshidicts-frequency);
|
|
color: var(--hoshidicts-frequency-text);
|
|
}
|
|
|
|
.gsm-hoshidicts-frequency-body,
|
|
.gsm-hoshidicts-pitch-body,
|
|
.gsm-hoshidicts-ipa-body {
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.gsm-hoshidicts-frequency-body {
|
|
background: color-mix(in srgb, var(--hoshidicts-frequency) 8%, var(--hoshidicts-palette-base-100));
|
|
}
|
|
|
|
.gsm-hoshidicts-frequency-values {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.gsm-hoshidicts-metadata:empty,
|
|
.gsm-hoshidicts-tags:empty {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-tag-ipa {
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
min-width: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-ipa-overflow {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.gsm-hoshidicts-ipa-overflow > summary {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-tag-pitch {
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
border: 1px solid var(--hoshidicts-pitch);
|
|
background: transparent;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-body {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
padding: 3px 5px;
|
|
background: color-mix(in srgb, var(--hoshidicts-pitch) 8%, var(--hoshidicts-palette-base-100));
|
|
}
|
|
|
|
/* A badge draws the same mora contour as the header furigana at tag size. */
|
|
.gsm-hoshidicts-pitch-body > .gsm-hoshidicts-pitch-contour {
|
|
color: inherit;
|
|
}
|
|
|
|
.gsm-hoshidicts-pitch-position {
|
|
color: var(--text-color-light1);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(
|
|
var(--gsm-hoshidicts-popup-columns, 1),
|
|
minmax(0, 1fr)
|
|
);
|
|
align-items: start;
|
|
gap: 8px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-grid > :only-child {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-grid-masonry {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-grid-masonry > .gsm-hoshidicts-glossary-card {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-card {
|
|
box-sizing: border-box;
|
|
/* Outside the dictionary's scope: fixed descendants and paint cannot cover
|
|
* popup controls. The stylesheet filter types compatibility vars at use. */
|
|
contain: paint;
|
|
--fg: var(--text-color);
|
|
--canvas: var(--background-color);
|
|
--font-size-no-units: 14;
|
|
min-width: 0;
|
|
margin: 0;
|
|
padding: 11px 12px;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 10px;
|
|
background: var(--hoshidicts-card-background);
|
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-card-title {
|
|
color: var(--text-color-light1);
|
|
font-size: 13px;
|
|
user-select: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-definitions {
|
|
margin: 5px 0 0;
|
|
padding-left: 26px;
|
|
}
|
|
|
|
.gsm-hoshidicts-definitions-single {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-definitions[data-definition-blur-state="pending"]
|
|
.gsm-hoshidicts-glossary-content,
|
|
.gsm-hoshidicts-definitions[data-definition-blur-state="blurred"]
|
|
.gsm-hoshidicts-glossary-content {
|
|
filter: blur(5px);
|
|
user-select: none;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.gsm-hoshidicts-glossary-content,
|
|
.gsm-hoshidicts-compact-definition-summary {
|
|
transition: none;
|
|
}
|
|
}
|
|
|
|
.gsm-hoshidicts-definitions > li {
|
|
margin: 4px 0;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-content {
|
|
overflow-wrap: anywhere;
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
white-space: pre-wrap;
|
|
transition: filter 120ms ease-out;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-content ul,
|
|
.gsm-hoshidicts-glossary-content ol {
|
|
margin: 2px 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* Dictionary-authored disclosures, styled as Yomitan does: the native marker
|
|
* hangs in the left gutter. A dictionary's own scoped styles still win. */
|
|
.gsm-hoshidicts-glossary-content details {
|
|
margin: 3px 0;
|
|
padding-left: 1.4em;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-content summary {
|
|
cursor: pointer;
|
|
list-style-position: outside;
|
|
}
|
|
|
|
.gsm-hoshidicts-structured-link {
|
|
color: var(--hoshidicts-link);
|
|
font-weight: 600;
|
|
text-decoration: underline;
|
|
text-decoration-color: color-mix(in srgb, var(--hoshidicts-link) 58%, transparent);
|
|
text-decoration-thickness: 1px;
|
|
text-underline-offset: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-structured-link:hover,
|
|
.gsm-hoshidicts-structured-link:focus-visible {
|
|
color: var(--hoshidicts-link-hover);
|
|
text-decoration-color: currentColor;
|
|
outline: none;
|
|
}
|
|
|
|
.gloss-link-external-icon {
|
|
margin-left: 0.2em;
|
|
font-size: 0.72em;
|
|
opacity: 0.72;
|
|
vertical-align: 0.12em;
|
|
}
|
|
|
|
.gloss-sc-table-container {
|
|
max-width: 100%;
|
|
overflow-x: auto;
|
|
overscroll-behavior-x: contain;
|
|
}
|
|
|
|
.gsm-hoshidicts-structured-image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
object-fit: contain;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.gsm-hoshidicts-structured-image[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-image-hover-preview {
|
|
position: fixed;
|
|
z-index: 2147483647;
|
|
zoom: calc(var(--gsm-hoshidicts-page-zoom, 1) * var(--gsm-hoshidicts-popup-scale, 100%));
|
|
display: inline-block;
|
|
line-height: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-image-hover-preview img {
|
|
display: block;
|
|
width: min(92vw, calc(var(--gsm-hoshidicts-popup-width, 560px) + 360px));
|
|
height: min(92vh, calc(var(--gsm-hoshidicts-popup-height, 420px) + 360px));
|
|
max-width: calc(100vw - 16px);
|
|
max-height: calc(100vh - 16px);
|
|
box-sizing: border-box;
|
|
border: 1px solid color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-content) 30%,
|
|
var(--hoshidicts-palette-base-100)
|
|
);
|
|
border-radius: 12px;
|
|
background: color-mix(
|
|
in srgb,
|
|
var(--hoshidicts-palette-base-100) var(--gsm-hoshidicts-popup-opacity, 85%),
|
|
transparent
|
|
);
|
|
box-shadow: 0 30px 90px rgba(0, 0, 0, 0.72), 0 4px 20px rgba(0, 0, 0, 0.55);
|
|
object-fit: contain;
|
|
animation: gsm-hoshidicts-image-emerge 150ms ease-out both;
|
|
}
|
|
|
|
.gsm-hoshidicts-image-hover-preview[data-image-rendering="pixelated"] img,
|
|
.gsm-hoshidicts-image-hover-preview[data-image-rendering="crisp-edges"] img {
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
.gsm-hoshidicts-image-hover-preview[data-appearance="monochrome"] img {
|
|
filter: grayscale(1) opacity(0.72) brightness(1.8);
|
|
}
|
|
|
|
@keyframes gsm-hoshidicts-image-emerge {
|
|
from { opacity: 0; transform: scale(0.86); }
|
|
to { opacity: 1; transform: scale(1); }
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.gsm-hoshidicts-image-hover-preview img {
|
|
animation: none;
|
|
}
|
|
}
|
|
|
|
.gloss-image-link {
|
|
display: inline-block;
|
|
position: relative;
|
|
max-width: 100%;
|
|
margin: 2px 6px 2px 0;
|
|
color: var(--accent-color);
|
|
line-height: 1;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.gloss-image-source {
|
|
display: inline-block;
|
|
margin-inline: 0.4em;
|
|
color: var(--text-color-light1);
|
|
font-size: 0.8em;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.gloss-image-container {
|
|
display: inline-block;
|
|
position: relative;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
background: transparent;
|
|
/* Yomitan sizes this box in em with 1em equal to one CSS pixel at its base
|
|
text size, and converted dictionaries write their gaiji rules against
|
|
that (`width: 15em` means 15px). The glossary text here is 16px, so the
|
|
same unit keeps dictionary CSS at the size its author saw. */
|
|
font-size: calc(1em / 16);
|
|
line-height: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.gloss-image-link[data-size-units="em"] .gloss-image-container {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.gloss-image-link[data-background="true"] > .gloss-image-container {
|
|
background: var(--hoshidicts-surface);
|
|
}
|
|
|
|
.gloss-image-sizer {
|
|
display: inline-block;
|
|
width: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.gloss-image,
|
|
.gloss-image-background,
|
|
.gloss-image-container-overlay {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.gloss-image-background {
|
|
--image: none;
|
|
display: none;
|
|
background: var(--text-color);
|
|
mask: var(--image) center / contain no-repeat;
|
|
}
|
|
|
|
.gloss-image-container-overlay {
|
|
display: grid;
|
|
place-items: center;
|
|
padding: 4px;
|
|
color: var(--text-color-light2);
|
|
font-size: 12px;
|
|
line-height: 1.25;
|
|
text-align: center;
|
|
white-space: normal;
|
|
}
|
|
|
|
.gloss-image-link[data-image-rendering="pixelated"] .gloss-image,
|
|
.gloss-image-link[data-image-rendering="crisp-edges"] .gloss-image {
|
|
image-rendering: pixelated;
|
|
}
|
|
|
|
.gloss-image-link[data-appearance="monochrome"] .gloss-image {
|
|
filter: grayscale(1) opacity(0.72) brightness(1.8);
|
|
}
|
|
|
|
.gloss-image-link-text {
|
|
display: none;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.gloss-image-link-text::before {
|
|
content: "[";
|
|
}
|
|
|
|
.gloss-image-link-text::after {
|
|
content: "]";
|
|
}
|
|
|
|
.gloss-image-link[data-collapsed="true"] {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.gloss-image-link[data-collapsed="true"] .gloss-image-container {
|
|
display: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.gloss-image-link[data-collapsed="true"]:hover .gloss-image-container,
|
|
.gloss-image-link[data-collapsed="true"]:focus .gloss-image-container {
|
|
display: inline-block;
|
|
}
|
|
|
|
.gloss-image-link[data-collapsed="true"] .gloss-image-link-text,
|
|
.gloss-image-link[data-image-load-state="load-error"] .gloss-image-link-text {
|
|
display: inline;
|
|
}
|
|
|
|
.gloss-image-link[data-image-load-state="load-error"] .gloss-image-container {
|
|
display: none;
|
|
}
|
|
|
|
.gloss-image-link[data-vertical-align="baseline"] { vertical-align: baseline; }
|
|
.gloss-image-link[data-vertical-align="sub"] { vertical-align: sub; }
|
|
.gloss-image-link[data-vertical-align="super"] { vertical-align: super; }
|
|
.gloss-image-link[data-vertical-align="text-top"] { vertical-align: text-top; }
|
|
.gloss-image-link[data-vertical-align="text-bottom"] { vertical-align: text-bottom; }
|
|
.gloss-image-link[data-vertical-align="middle"] { vertical-align: middle; }
|
|
.gloss-image-link[data-vertical-align="top"] { vertical-align: top; }
|
|
.gloss-image-link[data-vertical-align="bottom"] { vertical-align: bottom; }
|
|
|
|
.gsm-hoshidicts-glossary-content table {
|
|
max-width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-content th,
|
|
.gsm-hoshidicts-glossary-content td {
|
|
padding: 2px 4px;
|
|
border: 1px solid var(--text-color-light2);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.gsm-hoshidicts-glossary-content th {
|
|
background: transparent;
|
|
}
|
|
|
|
.gsm-hoshidicts-show-more {
|
|
display: block;
|
|
width: 100%;
|
|
margin-top: 8px;
|
|
padding: 6px 8px;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 5px;
|
|
background: var(--hoshidicts-card-background);
|
|
color: var(--text-color);
|
|
font: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-show-more:hover,
|
|
.gsm-hoshidicts-show-more:focus-visible {
|
|
border-color: var(--accent-color);
|
|
background: var(--hoshidicts-accent-soft);
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-link {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
border-bottom: 1px dotted currentColor;
|
|
background: transparent;
|
|
color: inherit;
|
|
font: inherit;
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-link:hover,
|
|
.gsm-hoshidicts-kanji-link:focus-visible {
|
|
color: var(--accent-color);
|
|
outline: none;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-navigation {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 12px;
|
|
min-width: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-back,
|
|
.gsm-hoshidicts-popup-close {
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 36px;
|
|
min-height: 36px;
|
|
padding: 4px 8px;
|
|
border: 1px solid var(--hoshidicts-border);
|
|
border-radius: 5px;
|
|
background: var(--hoshidicts-surface);
|
|
color: var(--text-color);
|
|
font: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-popup-close {
|
|
width: 36px;
|
|
padding: 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-back:focus-visible,
|
|
.gsm-hoshidicts-popup-close:focus-visible {
|
|
outline: 2px solid var(--accent-color);
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-glyph {
|
|
font-size: 56px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-entry {
|
|
padding: 8px 0;
|
|
border-top: 1px solid var(--hoshidicts-border);
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-dictionary,
|
|
.gsm-hoshidicts-kanji-entry h4 {
|
|
margin: 0 0 5px;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-readings {
|
|
display: grid;
|
|
gap: 3px;
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-reading-group {
|
|
display: grid;
|
|
grid-template-columns: 36px 1fr;
|
|
gap: 6px;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-meanings {
|
|
margin: 4px 0 8px;
|
|
padding-left: 22px;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-stats > summary {
|
|
color: var(--text-color-light1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-stats dl {
|
|
display: grid;
|
|
grid-template-columns: minmax(80px, auto) 1fr;
|
|
gap: 2px 8px;
|
|
margin: 5px 0 0;
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-stats dt {
|
|
color: var(--text-color-light1);
|
|
}
|
|
|
|
.gsm-hoshidicts-kanji-stats dd {
|
|
margin: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|