mirror of
https://github.com/panatgithub/AnkiHeadingSync.git
synced 2026-07-22 06:51:43 +00:00
31cde1c88a
Scope styling to plugin settings page. Use Obsidian theme colors for buttons and toggles to ensure visual consistency. 在插件设置页面应用内容样式，使用 Obsidian 主题颜色。 将样式作用域限定在插件设置页面，并使用 Obsidian 主题色适配按钮和开关，确保视觉效果统一。
59 lines
No EOL
1.8 KiB
CSS
59 lines
No EOL
1.8 KiB
CSS
.anki-heading-sync-settings .ahs-theme-action-button {
|
|
background: var(--interactive-accent);
|
|
color: var(--text-on-accent);
|
|
border: 1px solid var(--interactive-accent-hover);
|
|
border-radius: 8px;
|
|
box-shadow: none;
|
|
transition:
|
|
background-color 140ms ease,
|
|
border-color 140ms ease,
|
|
opacity 140ms ease,
|
|
transform 140ms ease;
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-action-button:hover:not(:disabled),
|
|
.anki-heading-sync-settings .ahs-theme-action-button:focus-visible:not(:disabled) {
|
|
background: var(--interactive-accent-hover);
|
|
border-color: var(--interactive-accent-hover);
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-action-button:active:not(:disabled) {
|
|
transform: translateY(1px);
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-action-button:disabled {
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
border-color: var(--background-modifier-border);
|
|
cursor: not-allowed;
|
|
opacity: 0.72;
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-toggle {
|
|
background: var(--background-secondary);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 999px;
|
|
box-shadow: none;
|
|
transition:
|
|
background-color 140ms ease,
|
|
border-color 140ms ease,
|
|
opacity 140ms ease;
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-toggle:hover {
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-toggle[data-ahs-toggle-state="on"] {
|
|
background: var(--interactive-accent);
|
|
border-color: var(--interactive-accent-hover);
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-toggle[data-ahs-toggle-state="on"]:hover {
|
|
background: var(--interactive-accent-hover);
|
|
}
|
|
|
|
.anki-heading-sync-settings .ahs-theme-toggle.is-disabled,
|
|
.anki-heading-sync-settings .ahs-theme-toggle[aria-disabled="true"] {
|
|
opacity: 0.72;
|
|
} |