oskar
468 lines
13 KiB
CSS
468 lines
13 KiB
CSS
/* Header and title font settings */
|
|
body.header-enhancer-custom-header-font-family .markdown-preview-view h1,
|
|
body.header-enhancer-custom-header-font-family .markdown-preview-view h2,
|
|
body.header-enhancer-custom-header-font-family .markdown-preview-view h3,
|
|
body.header-enhancer-custom-header-font-family .markdown-preview-view h4,
|
|
body.header-enhancer-custom-header-font-family .markdown-preview-view h5,
|
|
body.header-enhancer-custom-header-font-family .markdown-preview-view h6,
|
|
body.header-enhancer-custom-header-font-family .markdown-source-view.mod-cm6 .HyperMD-header-1,
|
|
body.header-enhancer-custom-header-font-family .markdown-source-view.mod-cm6 .HyperMD-header-2,
|
|
body.header-enhancer-custom-header-font-family .markdown-source-view.mod-cm6 .HyperMD-header-3,
|
|
body.header-enhancer-custom-header-font-family .markdown-source-view.mod-cm6 .HyperMD-header-4,
|
|
body.header-enhancer-custom-header-font-family .markdown-source-view.mod-cm6 .HyperMD-header-5,
|
|
body.header-enhancer-custom-header-font-family .markdown-source-view.mod-cm6 .HyperMD-header-6 {
|
|
font-family: var(--header-enhancer-header-font-family) !important;
|
|
}
|
|
|
|
body.header-enhancer-custom-header-font-size .markdown-preview-view h1,
|
|
body.header-enhancer-custom-header-font-size .markdown-preview-view h2,
|
|
body.header-enhancer-custom-header-font-size .markdown-preview-view h3,
|
|
body.header-enhancer-custom-header-font-size .markdown-preview-view h4,
|
|
body.header-enhancer-custom-header-font-size .markdown-preview-view h5,
|
|
body.header-enhancer-custom-header-font-size .markdown-preview-view h6,
|
|
body.header-enhancer-custom-header-font-size .markdown-source-view.mod-cm6 .HyperMD-header-1,
|
|
body.header-enhancer-custom-header-font-size .markdown-source-view.mod-cm6 .HyperMD-header-2,
|
|
body.header-enhancer-custom-header-font-size .markdown-source-view.mod-cm6 .HyperMD-header-3,
|
|
body.header-enhancer-custom-header-font-size .markdown-source-view.mod-cm6 .HyperMD-header-4,
|
|
body.header-enhancer-custom-header-font-size .markdown-source-view.mod-cm6 .HyperMD-header-5,
|
|
body.header-enhancer-custom-header-font-size .markdown-source-view.mod-cm6 .HyperMD-header-6 {
|
|
font-size: var(--header-enhancer-header-font-size) !important;
|
|
}
|
|
|
|
body.header-enhancer-custom-title-font-family .workspace-tab-header-inner-title,
|
|
body.header-enhancer-custom-title-font-family .workspace-tab-header .workspace-tab-header-inner-title,
|
|
body.header-enhancer-custom-title-font-family .workspace-tabs .workspace-tab-header-inner-title,
|
|
body.header-enhancer-custom-title-font-family .workspace-leaf-content .view-header-title,
|
|
body.header-enhancer-custom-title-font-family .inline-title,
|
|
body.header-enhancer-custom-title-font-family .markdown-preview-view .inline-title,
|
|
body.header-enhancer-custom-title-font-family .markdown-source-view .inline-title,
|
|
body.header-enhancer-custom-title-font-family .nav-file-title-content,
|
|
body.header-enhancer-custom-title-font-family .tree-item-inner.nav-file-title-content,
|
|
body.header-enhancer-custom-title-font-family .frontmatter-container .metadata-property[data-property-key="title"] .metadata-property-value {
|
|
font-family: var(--header-enhancer-title-font-family) !important;
|
|
}
|
|
|
|
body.header-enhancer-custom-title-font-size .workspace-tab-header-inner-title,
|
|
body.header-enhancer-custom-title-font-size .workspace-tab-header .workspace-tab-header-inner-title,
|
|
body.header-enhancer-custom-title-font-size .workspace-tabs .workspace-tab-header-inner-title,
|
|
body.header-enhancer-custom-title-font-size .workspace-leaf-content .view-header-title,
|
|
body.header-enhancer-custom-title-font-size .inline-title,
|
|
body.header-enhancer-custom-title-font-size .markdown-preview-view .inline-title,
|
|
body.header-enhancer-custom-title-font-size .markdown-source-view .inline-title,
|
|
body.header-enhancer-custom-title-font-size .nav-file-title-content,
|
|
body.header-enhancer-custom-title-font-size .tree-item-inner.nav-file-title-content,
|
|
body.header-enhancer-custom-title-font-size .frontmatter-container .metadata-property[data-property-key="title"] .metadata-property-value {
|
|
font-size: var(--header-enhancer-title-font-size) !important;
|
|
}
|
|
|
|
/* Ribbon icon state styles */
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-global-disabled {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-global-disabled:hover {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-document-enabled {
|
|
color: var(--color-accent);
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-document-enabled:hover {
|
|
color: var(--color-accent-hover);
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-document-disabled {
|
|
opacity: 0.7;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-document-disabled:hover {
|
|
opacity: 1;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label*="Header Enhancer"].header-enhancer-global-disabled::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 2px;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50%;
|
|
background-color: var(--text-error);
|
|
z-index: 10;
|
|
}
|
|
|
|
/* Settings page */
|
|
.header-enhancer-global-disabled-info,
|
|
.header-enhancer-off-info {
|
|
margin: 1.5em 0;
|
|
padding: 1.2em;
|
|
border: 2px solid var(--text-muted);
|
|
border-radius: 8px;
|
|
background: var(--background-secondary);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.header-enhancer-info-title {
|
|
font-weight: 600;
|
|
color: var(--text-muted);
|
|
margin-bottom: 0.8em;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.header-enhancer-info-description {
|
|
line-height: 1.6;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.header-enhancer-font-preview,
|
|
.header-enhancer-title-font-preview {
|
|
margin: 1em 0;
|
|
padding: 1em;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.header-enhancer-preview-title {
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.header-enhancer-auto-detection-preview {
|
|
margin: 1em 0;
|
|
padding: 1.2em;
|
|
border: 2px solid var(--color-green);
|
|
border-radius: 8px;
|
|
background: var(--background-secondary);
|
|
position: relative;
|
|
}
|
|
|
|
.header-enhancer-auto-detection-title {
|
|
font-weight: 600;
|
|
font-size: 1em;
|
|
color: var(--color-green);
|
|
margin-bottom: 0.8em;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.header-enhancer-muted-italic {
|
|
color: var(--text-muted);
|
|
font-style: italic;
|
|
}
|
|
|
|
.header-enhancer-empty-analysis {
|
|
color: var(--text-muted);
|
|
text-align: center;
|
|
padding: 1em;
|
|
}
|
|
|
|
.header-enhancer-analysis-grid {
|
|
display: grid;
|
|
gap: 0.8em;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.header-enhancer-analysis-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.8em;
|
|
}
|
|
|
|
.header-enhancer-analysis-row-start {
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.header-enhancer-analysis-label {
|
|
color: var(--text-normal);
|
|
min-width: 70px;
|
|
}
|
|
|
|
.header-enhancer-analysis-row-start .header-enhancer-analysis-label {
|
|
margin-top: 0.2em;
|
|
}
|
|
|
|
.header-enhancer-analysis-values {
|
|
display: flex;
|
|
gap: 0.4em;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.header-enhancer-level-chip {
|
|
background: var(--tag-background);
|
|
color: var(--tag-color);
|
|
padding: 0.2em 0.4em;
|
|
border-radius: 3px;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.header-enhancer-mapping-chip {
|
|
background: var(--background-modifier-hover);
|
|
padding: 0.2em 0.4em;
|
|
border-radius: 3px;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.header-enhancer-range-badge,
|
|
.header-enhancer-total-badge {
|
|
color: var(--text-on-accent);
|
|
padding: 0.3em 0.6em;
|
|
border-radius: 4px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.header-enhancer-range-badge {
|
|
background: var(--color-green);
|
|
}
|
|
|
|
.header-enhancer-total-badge {
|
|
background: var(--color-blue);
|
|
}
|
|
|
|
.header-enhancer-format-preview-container {
|
|
margin: 1.5em 0;
|
|
}
|
|
|
|
.header-enhancer-format-preview-title {
|
|
font-weight: 600;
|
|
font-size: 1.1em;
|
|
color: var(--text-accent);
|
|
margin-bottom: 1em;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
}
|
|
|
|
.header-enhancer-format-preview-icon {
|
|
color: var(--color-accent);
|
|
}
|
|
|
|
.header-enhancer-format-state {
|
|
text-align: center;
|
|
padding: 1.5em;
|
|
border: 2px dashed var(--background-modifier-border);
|
|
border-radius: 8px;
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.header-enhancer-format-state-muted {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.header-enhancer-format-state-yaml {
|
|
color: var(--text-accent);
|
|
border-color: var(--color-blue);
|
|
}
|
|
|
|
.header-enhancer-format-state-icon {
|
|
font-size: 1.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.header-enhancer-format-state-text {
|
|
font-size: 1em;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.header-enhancer-format-preview {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5em;
|
|
}
|
|
|
|
.header-enhancer-format-example-wrapper {
|
|
text-align: center;
|
|
}
|
|
|
|
.header-enhancer-format-example {
|
|
font-family: monospace;
|
|
font-size: 1.8em;
|
|
font-weight: 700;
|
|
color: var(--color-accent);
|
|
background: var(--background-primary);
|
|
padding: 1em;
|
|
border-radius: 8px;
|
|
border: 2px solid var(--color-accent);
|
|
}
|
|
|
|
.header-enhancer-format-details {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 1em;
|
|
}
|
|
|
|
.header-enhancer-format-level-info {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
font-weight: 500;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.header-enhancer-status-badge {
|
|
color: white;
|
|
padding: 0.3em 0.8em;
|
|
border-radius: 15px;
|
|
font-size: 0.85em;
|
|
font-weight: 600;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.header-enhancer-status-auto {
|
|
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
|
|
box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
|
|
}
|
|
|
|
.header-enhancer-status-warning {
|
|
background: var(--color-orange);
|
|
}
|
|
|
|
.header-enhancer-status-muted {
|
|
background: var(--text-muted);
|
|
}
|
|
|
|
.header-enhancer-status-manual {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
|
|
}
|
|
|
|
.header-enhancer-yaml-info {
|
|
margin: 1.5em 0;
|
|
padding: 1.2em;
|
|
border: 2px solid var(--color-blue);
|
|
border-radius: 8px;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.header-enhancer-yaml-title {
|
|
font-weight: 600;
|
|
color: var(--color-blue);
|
|
margin-bottom: 0.8em;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.header-enhancer-yaml-description {
|
|
display: grid;
|
|
gap: 1em;
|
|
line-height: 1.6;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.header-enhancer-yaml-example {
|
|
background: var(--code-background);
|
|
padding: 0.5em;
|
|
border-radius: 4px;
|
|
display: block;
|
|
font-family: monospace;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
/* Auto numbering dialog styles */
|
|
.header-enhancer-removal-dialog,
|
|
.header-enhancer-activation-dialog {
|
|
max-width: 500px;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .modal-title,
|
|
.header-enhancer-activation-dialog .modal-title {
|
|
margin-bottom: 1em;
|
|
padding-bottom: 0.5em;
|
|
color: var(--text-accent);
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .modal-message,
|
|
.header-enhancer-activation-dialog .modal-message {
|
|
margin-bottom: 1.5em;
|
|
line-height: 1.5;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .modal-actions,
|
|
.header-enhancer-activation-dialog .modal-actions {
|
|
margin-top: 1em;
|
|
padding-top: 1em;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .modal-actions .setting-item,
|
|
.header-enhancer-activation-dialog .modal-actions .setting-item {
|
|
margin-bottom: 0.75em;
|
|
padding: 0.75em;
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .modal-actions .setting-item:hover,
|
|
.header-enhancer-activation-dialog .modal-actions .setting-item:hover {
|
|
background-color: var(--background-secondary-alt);
|
|
border-color: var(--background-modifier-border-hover);
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .setting-item-warning,
|
|
.header-enhancer-removal-dialog .setting-item-tip,
|
|
.header-enhancer-activation-dialog .setting-item-warning,
|
|
.header-enhancer-activation-dialog .setting-item-tip {
|
|
margin-top: 0.5em;
|
|
font-size: 0.85em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .warning-label,
|
|
.header-enhancer-activation-dialog .warning-label {
|
|
color: var(--text-error);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .warning-text,
|
|
.header-enhancer-removal-dialog .progress-text,
|
|
.header-enhancer-activation-dialog .warning-text,
|
|
.header-enhancer-activation-dialog .progress-text {
|
|
color: var(--text-muted);
|
|
margin: 0;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .manual-tip-text,
|
|
.header-enhancer-activation-dialog .manual-tip-text {
|
|
color: var(--text-muted);
|
|
font-style: italic;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .modal-cancel,
|
|
.header-enhancer-activation-dialog .modal-cancel {
|
|
margin-top: 1em;
|
|
padding-top: 1em;
|
|
text-align: center;
|
|
border-top: 1px solid var(--background-modifier-border-focus);
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .progress-container,
|
|
.header-enhancer-activation-dialog .progress-container {
|
|
margin-top: 1em;
|
|
padding: 1em;
|
|
background-color: var(--background-secondary);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog .progress-text,
|
|
.header-enhancer-activation-dialog .progress-text {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.header-enhancer-removal-dialog button:disabled,
|
|
.header-enhancer-activation-dialog button:disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|