From 24292e0fdf87d20d9ed6940f18771073c6bf0b26 Mon Sep 17 00:00:00 2001 From: Abel Lazaro Date: Sat, 16 May 2026 18:40:02 -0600 Subject: [PATCH] update language headers section and comments --- .gitignore | 3 +- theme.css | 218 ++++++++++++++++++++++++++--------------------------- 2 files changed, 111 insertions(+), 110 deletions(-) diff --git a/.gitignore b/.gitignore index c6d3594..3b8aa07 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ .DS_Store *.css.map backup/ -.vscode/ \ No newline at end of file +.vscode/ +CLAUDE.md \ No newline at end of file diff --git a/theme.css b/theme.css index d52010b..ad98f24 100644 --- a/theme.css +++ b/theme.css @@ -2,26 +2,26 @@ * ╔═══════════════════════════════════════════════════════════╗ * ║ C Y B E R G L O W ║ * ║ An Obsidian Theme by DevM0nk3y ║ - * ║ v1.0.0 ║ + * ║ v1.0.3 ║ * ╚═══════════════════════════════════════════════════════════╝ * - * Secciones: + * Sections: * 1. Style Settings YAML - * 2. Variables de Fundación - * 3. Navegación + * 2. Foundation Variables + * 3. Navigation * 4. Editor - * 5. Bloques de Código (Xcode Midnight) - * 6. Componentes UI - * 7. Correcciones y Componentes adicionales - * 8. Eliminación de bordes (fuera del card layout) + * 5. Code Blocks (Xcode Midnight) + * 6. UI Components + * 7. Fixes and Additional Components + * 8. Border Removal (outside card layout) * 9. Card Layout: Tab header refinements - * 10. Card Layout: Vault profile en sidebar - * 11. Card Layout: Graph controls en splits laterales + * 10. Card Layout: Vault profile in sidebar + * 11. Card Layout: Graph controls in side splits */ /* ============================================================ - SECCIÓN 1 — Style Settings YAML + SECTION 1 — Style Settings YAML ============================================================ */ /* @settings @@ -210,12 +210,12 @@ settings: -/* Style Settings — Support heading en cian */ +/* Style Settings — Support heading in cyan */ .style-settings-container .setting-item[data-id="cg-support-header"] .setting-item-name { color: var(--cg-primary); } -/* Style Settings — gradient bar bajo Colors */ +/* Style Settings — gradient bar below Colors */ .style-settings-container .setting-item[data-id="cg-colors-header"] .setting-item-name::after { content: ""; display: block; @@ -226,7 +226,7 @@ settings: } /* ============================================================ - SECCIÓN 2 — Variables de Fundación + SECTION 2 — Foundation Variables ============================================================ */ .theme-dark { @@ -234,12 +234,12 @@ settings: --cg-secondary: var(--cg-secondary-color, #FF00FF); --cg-active: var(--cg-active-color, #FF00FF); - /* Variables RGB para uso en rgba() */ + /* RGB variables for use in rgba() */ --cg-primary-rgb: 0, 255, 255; --cg-secondary-rgb: 255, 0, 255; --cg-active-rgb: 255, 0, 255; - /* Variables para bloques de código */ + /* Variables for code blocks */ --cg-code-bg: #000000; --cg-code-text: #FFFFFF; @@ -250,7 +250,7 @@ settings: --cg-text-muted: #8888a0; --cg-text-faint: #555570; - /* Mapeo a variables de Obsidian — todo el shell usa el mismo fondo */ + /* Mapping to Obsidian variables — entire shell uses the same background */ --background-primary: var(--cg-bg-primary); --background-primary-alt: var(--cg-bg-primary); --background-secondary: var(--cg-bg-primary); @@ -283,7 +283,7 @@ settings: --color-purple: #8B87FF; --color-pink: #DE38A5; - /* Escala base */ + /* Base scale */ --color-base-00: #0a0a0f; --color-base-05: #0e0e15; --color-base-10: #12121a; @@ -297,7 +297,7 @@ settings: --color-base-70: #8888a0; --color-base-100: #e0e0e8; - /* Títulos del sidebar */ + /* Sidebar titles */ --nav-item-color: var(--cg-text-muted); --nav-item-color-hover: var(--cg-primary); --nav-item-color-active: var(--cg-primary); @@ -318,7 +318,7 @@ settings: --scrollbar-active-thumb-bg: rgba(var(--cg-primary-rgb), 0.3); } -/* Variantes de intensidad de fondo */ +/* Background intensity variants */ .cg-bg-abyss.theme-dark { --cg-bg-primary: #000000; --cg-bg-secondary: #080810; @@ -333,10 +333,10 @@ settings: /* ============================================================ - SECCIÓN 3 — Navegación + SECTION 3 — Navigation ============================================================ */ -/* Iconos base */ +/* Base icons */ .side-dock-ribbon-action svg, .nav-action-button svg, .tab-header-icon svg, @@ -352,7 +352,7 @@ settings: stroke-width: 2px; } -/* Estado activo */ +/* Active state */ .is-active svg, .is-selected svg, .is-active .clickable-icon svg, @@ -366,7 +366,7 @@ settings: --icon-color: var(--cg-active); } -/* Hover → magenta */ +/* Hover state → magenta */ .side-dock-ribbon-action:hover svg, .nav-action-button:hover svg, .view-action:hover svg, @@ -376,13 +376,13 @@ settings: --icon-color: var(--cg-secondary); } -/* Archivo activo en explorador */ +/* Active file in file explorer */ .nav-file-title.is-active, .nav-file.is-active .nav-file-title { color: var(--cg-primary); } -/* Tabs — estilo pill/card con gap */ +/* Tabs — pill/card style with gap */ .workspace-tabs:not(.mod-stacked) { --tab-background: var(--cg-bg-secondary); --tab-background-active: var(--cg-bg-primary); @@ -424,7 +424,7 @@ settings: padding: 0 4px 0 8px; } -/* Tab activo */ +/* Active tab */ .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active { flex-grow: 1.67; max-width: 300px; @@ -439,7 +439,7 @@ settings: color: var(--cg-active); } -/* Tabs inactivos */ +/* Inactive tabs */ .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-title { color: rgba(var(--cg-primary-rgb), 0.5); } @@ -450,11 +450,11 @@ settings: /* ============================================================ - SECCIÓN 4 — Editor + SECTION 4 — Editor ============================================================ */ -/* Headings h1-h6 — color normal del texto, sin gradientes */ +/* Headings h1-h6 — normal text color, no gradients */ .markdown-rendered h1, .markdown-rendered h2, .markdown-rendered h3, @@ -473,7 +473,7 @@ settings: color: var(--cg-text); } -/* HR separadores */ +/* HR separators */ .cm-line hr, .markdown-preview-view hr, .markdown-rendered hr { @@ -528,7 +528,7 @@ settings: } -/* Tablas */ +/* Tables */ .markdown-rendered table { border-collapse: collapse; } @@ -556,7 +556,7 @@ settings: padding-left: 1em; } -/* Listas — marcadores */ +/* Lists — markers */ .list-bullet::after { color: var(--cg-text); } @@ -568,10 +568,10 @@ settings: /* ============================================================ - SECCIÓN 5 — Bloques de Código (Xcode Midnight) + SECTION 5 — Code Blocks (Xcode Midnight) ============================================================ */ -/* --- CodeMirror 6 — Editor — activo siempre por defecto --- */ +/* --- CodeMirror 6 — Editor — always active by default --- */ .cm-s-obsidian .HyperMD-codeblock { background-color: var(--cg-code-bg); color: var(--cg-code-text); @@ -595,7 +595,7 @@ settings: .cm-s-obsidian .HyperMD-codeblock .cm-variable, .cm-s-obsidian .HyperMD-codeblock .cm-operator { color: var(--cg-code-text); } -/* --- Prism.js — Vista de Lectura --- */ +/* --- Prism.js — Reading View --- */ .markdown-rendered pre code { background-color: var(--cg-code-bg); color: var(--cg-code-text); @@ -659,10 +659,10 @@ pre.code-styler-pre .token.parameter.variable { color: #00B1FF; } /* ============================================================ - SECCIÓN 6 — Componentes UI + SECTION 6 — UI Components ============================================================ */ -/* Botones primarios */ +/* Primary buttons */ .mod-cta { background-color: var(--cg-primary); color: var(--cg-bg-primary); @@ -681,13 +681,13 @@ input[type="checkbox"]:checked { border-color: var(--cg-primary); } -/* Scrollbars delgadas — usa API estándar que respeta auto-hide nativo de macOS */ +/* Slim scrollbars — uses standard API that respects native macOS auto-hide */ .cg-slim-scrollbars * { scrollbar-width: thin; scrollbar-color: rgba(var(--cg-primary-rgb), 0.15) transparent; } -/* Bordes ocultos — elimina dividers y outlines entre paneles */ +/* Hidden borders — removes dividers and outlines between panels */ body.cg-hide-borders .workspace-leaf, body.cg-hide-borders .workspace-tab-header-container, body.cg-hide-borders .workspace-split { @@ -704,7 +704,7 @@ body.cg-hide-borders.cg-tab-floating .workspace-tab-header { } /* ----------------------------------------------- - * Card Layout — Variables y estructura base + * Card Layout — Variables and base structure * ----------------------------------------------- */ body.cg-card-layout { @@ -722,14 +722,14 @@ body.cg-card-layout { --ribbon-padding: 0; } -/* Workspace y container — fondo del "canvas" detrás de las cards */ +/* Workspace and container — background of the "canvas" behind cards */ body.cg-card-layout .workspace, body.cg-card-layout .horizontal-main-container, body.cg-card-layout .mod-vertical .workspace-tabs { background-color: var(--cg-card-bg); } -/* Leaves en splits laterales y root — fondo del canvas */ +/* Leaves in side splits and root — canvas background */ body.cg-card-layout .mod-left-split .workspace-tabs .workspace-leaf, body.cg-card-layout .mod-right-split .workspace-tabs .workspace-leaf, body.cg-card-layout .mod-left-split, @@ -743,7 +743,7 @@ body.cg-card-layout .workspace-ribbon.mod-left:before { background-color: var(--cg-card-bg); } -/* Padding horizontal en sidebar tab containers */ +/* Horizontal padding in sidebar tab containers */ body.cg-card-layout .mod-left-split .workspace-tab-container, body.cg-card-layout .mod-right-split .workspace-tab-container { padding-left: var(--cg-card-padding); @@ -751,43 +751,43 @@ body.cg-card-layout .mod-right-split .workspace-tab-container { background-color: var(--cg-card-bg); } -/* Tab header — sin borde inferior */ +/* Tab header — no bottom border */ body.cg-card-layout .workspace-tab-header-container, body.cg-card-layout .workspace-ribbon.mod-left:before { border-bottom: none; } -/* Padding lateral en workspace-tabs verticales */ +/* Side padding in vertical workspace-tabs */ body.cg-card-layout:not(.is-phone) .mod-vertical .workspace-tabs { padding-left: var(--cg-card-padding); padding-right: var(--cg-card-padding); } -/* === CARD — workspace-leaf-content principal === */ -/* Todos los leaf-content EXCEPTO file-explorer (a menos que cg-card-filebrowser esté activo) */ +/* === CARD — main workspace-leaf-content === */ +/* All leaf-content EXCEPT file-explorer (unless cg-card-filebrowser is active) */ body.cg-card-layout .workspace-split .workspace-leaf-content:not([data-type="file-explorer"]), body.cg-card-layout.cg-card-filebrowser .workspace-leaf-content[data-type="file-explorer"] { background-color: var(--cg-card-fg); border: 1px solid var(--cg-card-outline-color); } -/* Bordes redondeados + separación inferior — no en móvil */ +/* Rounded corners + bottom gap — not on mobile */ body.cg-card-layout:not(.is-phone) .workspace-split .workspace-leaf-content:not([data-type="file-explorer"]), body.cg-card-layout:not(.is-phone).cg-card-filebrowser .workspace-leaf-content[data-type="file-explorer"] { border-radius: var(--cg-card-radius); margin-bottom: var(--cg-card-padding); } -/* Paneles laterales — canvas (fondo detrás de las cards) */ +/* Side panels — canvas (background behind cards) */ body.cg-card-layout .mod-left-split .workspace-leaf, body.cg-card-layout .mod-right-split .workspace-leaf { background-color: var(--cg-card-bg); margin-bottom: var(--cg-card-padding); } -/* Paneles laterales — sobreescribir variables de Obsidian en el scope del sidebar. - * Obsidian aplica --background-primary en workspace-leaf-content vía sus CSS base. - * Al redefinirla aquí, el leaf-content hereda el color de card sin necesitar . */ +/* Side panels — override Obsidian variables in the sidebar scope. + * Obsidian applies --background-primary to workspace-leaf-content via its base CSS. + * Redefining it here lets leaf-content inherit the card color without extra selectors. */ body.cg-card-layout .workspace-split.mod-left-split .workspace-leaf-content:not([data-type="file-explorer"]), body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content { --background-primary: var(--cg-card-fg); @@ -799,7 +799,7 @@ body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content { border-radius: var(--cg-card-radius); } -/* Sidebars — forzar fondo card en TODOS los hijos */ +/* Sidebars — force card background on ALL children */ body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content .view-content, body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content .view-header, body.cg-card-layout .workspace-split.mod-right-split .workspace-leaf-content .backlink-pane, @@ -815,14 +815,14 @@ body.cg-card-layout .workspace-split.mod-left-split .workspace-leaf-content .vie border-radius: var(--cg-card-radius) var(--cg-card-radius) 0 0; } -/* Stacked tabs — sin radius ni borde (ya hay borde en el stacked tab header) */ +/* Stacked tabs — no radius or border (the stacked tab header already has a border) */ body.cg-card-layout .workspace-split .mod-stacked .workspace-leaf-content { border-radius: 0; border: none; margin-bottom: 0; } -/* Stacked tabs — header con borde card */ +/* Stacked tabs — header with card border */ body.cg-card-layout .workspace .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header { border-style: solid; border-radius: var(--cg-card-radius) 0 0 var(--cg-card-radius); @@ -848,24 +848,24 @@ body.cg-card-layout .workspace .mod-root .workspace-tabs.mod-stacked .workspace- background-color: var(--cg-bg-primary); } -/* Horizontal splits */ +/* Horizontal splits — width reset */ body.cg-card-layout .workspace-split.mod-horizontal > * { width: unset; } -/* Drop overlay — ajustar al card */ +/* Drop overlay — fit inside card */ body.cg-card-layout .workspace-drop-overlay:before { width: calc(100% - 6px - var(--cg-card-padding) * 2); height: calc(100% - 6px - var(--cg-card-padding) * 2); margin: auto; } -/* Card layout — solo el contenido de cada card tiene fondo más claro (legacy — mantenido para compatibilidad) */ +/* Card layout — only the content area of each card has a lighter background (legacy — kept for compatibility) */ body.cg-card-layout .workspace-leaf-content { overflow: hidden; } -/* También el área de texto del editor markdown */ +/* Also the markdown editor text area */ .workspace-leaf-content[data-type="markdown"] .view-content { background-color: var(--cg-bg-secondary); } @@ -877,7 +877,7 @@ body.cg-card-layout .workspace-leaf-content { border-radius: 8px; } -/* Status bar — oculta por defecto, visible cuando cg-status-bar está activo */ +/* Status bar — hidden by default, visible when cg-status-bar is active */ .status-bar { display: none; background-color: color-mix(in srgb, var(--cg-bg-secondary) 80%, black); @@ -945,7 +945,7 @@ textarea:focus { background-color: rgba(var(--cg-primary-rgb), 0.2); } -/* Card layout — file browser */ +/* Card layout — file browser pane */ body.cg-card-filebrowser .nav-files-container { padding: 4px; } @@ -956,7 +956,7 @@ body.cg-card-filebrowser .nav-folder-children { margin: 2px 0; } -/* Card layout — actions panel (ribbon lateral) */ +/* Card layout — actions panel (side ribbon) */ body.cg-card-layout.cg-card-actions .workspace-ribbon.mod-left { margin-right: var(--cg-card-padding); } @@ -974,7 +974,7 @@ body.cg-card-layout.cg-card-actions .side-dock-actions { box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(var(--cg-primary-rgb), 0.04); } -/* Autohide titlebar — implementación completa (inspirada en AnuPpuccin) */ +/* Autohide titlebar — full implementation (inspired by AnuPpuccin) */ .cg-autohide-titlebar:not(.is-mobile) { --cg-titlebar-delay: 150ms; --cg-titlebar-duration: 300ms; @@ -1020,10 +1020,10 @@ body.cg-card-layout.cg-card-actions .side-dock-actions { /* ============================================================ - SECCIÓN 7 — Correcciones y Componentes adicionales + SECTION 7 — Fixes and Additional Components ============================================================ */ -/* Panel derecho — backlinks y outgoing links */ +/* Right panel — backlinks and outgoing links */ .backlink-pane, .outgoing-link-pane { background-color: var(--cg-bg-primary); @@ -1046,12 +1046,12 @@ body.cg-card-layout.cg-card-actions .side-dock-actions { background-color: rgba(var(--cg-primary-rgb), 0.05); } -/* Headers de paneles laterales */ +/* Side panel headers */ .sidebar-section-header { color: var(--cg-primary); } -/* Grafo */ +/* Graph */ .graph-view.color-fill { color: var(--cg-primary); } @@ -1080,13 +1080,13 @@ body.cg-card-layout.cg-card-actions .side-dock-actions { color: rgba(var(--cg-primary-rgb), 0.3); } -/* View header — parte de la card */ +/* View header — part of the card */ body.cg-card-layout .view-header { background-color: var(--cg-bg-secondary); border-bottom: 1px solid rgba(var(--cg-primary-rgb), 0.05); } -/* Breadcrumb / vista de título */ +/* Breadcrumb / title view */ .view-header-title { color: var(--cg-text-muted); } @@ -1124,7 +1124,7 @@ body.cg-card-layout .view-header { color: var(--cg-text); } -/* Sugerencias / Autocomplete */ +/* Suggestions / Autocomplete */ .suggestion-item { color: var(--cg-text); } @@ -1170,23 +1170,23 @@ body.cg-card-layout .view-header { border-radius: 3px; } -/* Bold y italic — colores base */ +/* Bold and italic — base colors */ strong, .cm-strong { color: var(--cg-text); } em, .cm-em { color: var(--cg-text); } -/* Bold en color primario */ +/* Bold in primary color */ .cg-colored-bold strong, .cg-colored-bold .cm-strong { color: var(--cg-primary); } -/* Italic en color activo */ +/* Italic in active color */ .cg-colored-italic em, .cg-colored-italic .cm-em { color: var(--cg-active); } -/* Headings con gradiente neon */ +/* Headings with neon gradient */ .cg-colored-headings .markdown-rendered h1, .cg-colored-headings .cm-header-1 { color: #00FFFF; } .cg-colored-headings .markdown-rendered h2, @@ -1200,7 +1200,7 @@ em, .cm-em { color: var(--cg-text); } .cg-colored-headings .markdown-rendered h6, .cg-colored-headings .cm-header-6 { color: #FF00FF; } -/* Frontmatter / Properties */ +/* Frontmatter / Note Properties */ .metadata-container { background-color: var(--cg-bg-secondary); border: 1px solid rgba(var(--cg-primary-rgb), 0.05); @@ -1214,10 +1214,10 @@ em, .cm-em { color: var(--cg-text); } } /* ----------------------------------------------- - * Embeds y File References + * Embeds and File References * ----------------------------------------------- */ -/* Archivos embebidos / referencias a archivos */ +/* Embedded files / file references */ .internal-embed, .file-embed { background-color: var(--cg-bg-tertiary); @@ -1235,7 +1235,7 @@ em, .cm-em { color: var(--cg-text); } color: var(--cg-secondary); } -/* Icono del archivo embebido */ +/* Embedded file icon */ .file-embed-icon svg { color: var(--cg-primary); stroke: var(--cg-primary); @@ -1253,7 +1253,7 @@ em, .cm-em { color: var(--cg-text); } } /* ----------------------------------------------- - * Callouts — colores semánticos (inglés y español) + * Callouts — semantic colors (English and Spanish aliases) * ----------------------------------------------- */ .callout { @@ -1308,7 +1308,7 @@ em, .cm-em { color: var(--cg-text); } .callout[data-callout="resumen"] { --callout-color: 0, 177, 255; } /* ----------------------------------------------- - * Inline Title + * Inline Title (note filename as heading) * ----------------------------------------------- */ .inline-title { @@ -1316,7 +1316,7 @@ em, .cm-em { color: var(--cg-text); } } /* ----------------------------------------------- - * Sidebar mejorada + * Enhanced Sidebar * ----------------------------------------------- */ /* Vault title */ @@ -1324,7 +1324,7 @@ em, .cm-em { color: var(--cg-text); } border-bottom: 1px solid rgba(var(--cg-primary-rgb), 0.05); } -/* Folder titles */ +/* Folder titles in nav */ .nav-folder-title { color: var(--cg-text-muted); } @@ -1338,7 +1338,7 @@ em, .cm-em { color: var(--cg-text); } color: var(--cg-text-faint); } -/* File titles (no activos) */ +/* File titles (inactive) */ .nav-file-title { color: var(--cg-text-muted); } @@ -1349,19 +1349,19 @@ em, .cm-em { color: var(--cg-text); } } /* ----------------------------------------------- - * Número de línea en bloques de código + * Line numbers in code blocks * ----------------------------------------------- */ -/* Line numbers del code-styler */ +/* Line numbers for code-styler plugin */ .code-styler-line-number { color: var(--cg-text-faint); } /* ----------------------------------------------- - * Mejoras de listas de tareas + * Task list improvements * ----------------------------------------------- */ -/* Checkboxes en listas de tareas */ +/* Checkboxes in task lists */ .task-list-item-checkbox:checked { background-color: var(--cg-primary); border-color: var(--cg-primary); @@ -1371,14 +1371,14 @@ em, .cm-em { color: var(--cg-text); } border-color: var(--cg-text-faint); } -/* Texto tachado en tareas completadas */ +/* Strikethrough text for completed tasks */ .task-list-item[data-task="x"] .task-list-item-checkbox ~ * { text-decoration: line-through; color: var(--cg-text-faint); } /* ----------------------------------------------- - * Progress bars y sliders + * Progress bars and sliders * ----------------------------------------------- */ input[type="range"] { @@ -1386,7 +1386,7 @@ input[type="range"] { } /* ----------------------------------------------- - * Notices / Notificaciones + * Notices / Notifications * ----------------------------------------------- */ .notice { @@ -1396,43 +1396,43 @@ input[type="range"] { } /* ----------------------------------------------- - * Tab header mejorado + * Enhanced tab header * ----------------------------------------------- */ -/* Barra de tabs — fondo */ +/* Tab bar — background */ .workspace-tab-header-container { background-color: var(--cg-bg-primary); } -/* Icono del tab */ +/* Tab icon */ .workspace-tab-header-inner-icon svg { color: var(--cg-primary); stroke: var(--cg-primary); } -/* Close button del tab */ +/* Tab close button */ .workspace-tab-header-inner-close-button:hover svg { color: var(--cg-secondary); stroke: var(--cg-secondary); } /* ----------------------------------------------- - * Mejoras del explorador de archivos + * File explorer improvements * ----------------------------------------------- */ -/* Contador de archivos en carpetas */ +/* File count badge on folders */ .nav-folder-title .nav-folder-title-content .nav-file-tag { color: var(--cg-text-faint); background-color: rgba(var(--cg-primary-rgb), 0.05); } -/* Indicador de vault en la parte inferior */ +/* Vault indicator at the bottom */ .nav-header-title { color: var(--cg-primary); } /* ============================================================ - SECCIÓN 8A — Tab Styles: Floating & Minimal + SECTION 8A — Tab Styles: Floating & Minimal ============================================================ */ /* --- Custom tab height variable --- */ @@ -1588,10 +1588,10 @@ body.cg-tab-minimal .workspace-split:not(.mod-left-split):not(.mod-right-split) } /* ============================================================ - SECCIÓN 8 — Eliminación de bordes (fuera del card layout) + SECTION 8 — Border Removal (outside card layout) ============================================================ */ -/* Eliminar bordes laterales del contenido — solo cuando NO hay card layout activo */ +/* Remove side content borders — only when card layout is NOT active */ body:not(.cg-card-layout) .workspace-leaf-content { border: none; } @@ -1617,7 +1617,7 @@ body:not(.cg-card-layout) .workspace-split.mod-root .workspace-leaf { border: none; } -/* Quitar focus ring que puede parecer una barra */ +/* Remove focus ring that can look like a border bar */ body:not(.cg-card-layout) .workspace-leaf.mod-active .workspace-leaf-content { border: none; box-shadow: none; @@ -1634,10 +1634,10 @@ body:not(.cg-card-layout) .workspace-leaf.mod-active .workspace-leaf-content { } /* ============================================================ - SECCIÓN 9 — Card Layout: Tab header refinements + SECTION 9 — Card Layout: Tab header refinements ============================================================ */ -/* Tab header container en card layout — padding y alineación */ +/* Tab header container in card layout — padding and alignment */ body.cg-card-layout .mod-vertical .workspace-tabs .workspace-tab-header-container { padding-left: 8px; } @@ -1646,7 +1646,7 @@ body.cg-card-layout .mod-vertical .workspace-tabs .workspace-tab-header-containe z-index: 1; } -/* Sidebar tabs activos — fondo highlighted */ +/* Active sidebar tabs — highlighted background */ body.cg-card-layout .mod-left-split .workspace-tab-header.is-active, body.cg-card-layout .mod-right-split .workspace-tab-header.is-active, body.cg-card-layout .mod-left-split .workspace-tab-header.has-active-menu, @@ -1655,7 +1655,7 @@ body.cg-card-layout .mod-right-split .workspace-tab-header.has-active-menu { border-radius: 6px; } -/* New tab button — empujar a la derecha */ +/* New tab button — push to the right */ body:not(.cg-card-layout) .workspace-split.mod-vertical .workspace-tab-header-spacer { display: none; } @@ -1664,7 +1664,7 @@ body:not(.cg-card-layout) .workspace-split.mod-vertical .workspace-tab-header-ne } /* ============================================================ - SECCIÓN 10 — Card Layout: Vault profile en sidebar + SECTION 10 — Card Layout: Vault profile in sidebar ============================================================ */ body.cg-card-layout .workspace-split.mod-left-split .workspace-sidedock-vault-profile { @@ -1675,14 +1675,14 @@ body.cg-card-layout .workspace-split.mod-left-split .workspace-sidedock-vault-pr } /* ============================================================ - SECCIÓN 11 — Card Layout: Graph controls en splits laterales + SECTION 11 — Card Layout: Graph controls in side splits ============================================================ */ body.cg-card-layout .workspace-split:not(.mod-root) .graph-controls { background-color: var(--cg-bg-secondary); } -/* Style Settings — contenido de sub-headings como card */ +/* Style Settings — sub-heading content displayed as card */ .style-settings-heading[data-level="2"] { margin-bottom: 4px; }