-

2026-09-21 10:52:38 +03:00
parent b691299cbb
commit 94a72309c9
16 changed files with 0 additions and 3357 deletions
@@ -1,229 +0,0 @@
---
-name: Obsidian Scholar
-colors:
-  surface: '#0c1322'
-  surface-dim: '#0c1322'
-  surface-bright: '#323949'
-  surface-container-lowest: '#070e1d'
-  surface-container-low: '#141b2b'
-  surface-container: '#191f2f'
-  surface-container-high: '#232a3a'
-  surface-container-highest: '#2e3545'
-  on-surface: '#dce2f7'
-  on-surface-variant: '#c7c4d7'
-  inverse-surface: '#dce2f7'
-  inverse-on-surface: '#293040'
-  outline: '#908fa0'
-  outline-variant: '#464554'
-  surface-tint: '#c0c1ff'
-  primary: '#c0c1ff'
-  on-primary: '#1000a9'
-  primary-container: '#8083ff'
-  on-primary-container: '#0d0096'
-  inverse-primary: '#494bd6'
-  secondary: '#4cd7f6'
-  on-secondary: '#003640'
-  secondary-container: '#03b5d3'
-  on-secondary-container: '#00424e'
-  tertiary: '#4edea3'
-  on-tertiary: '#003824'
-  tertiary-container: '#00885d'
-  on-tertiary-container: '#000703'
-  error: '#ffb4ab'
-  on-error: '#690005'
-  error-container: '#93000a'
-  on-error-container: '#ffdad6'
-  primary-fixed: '#e1e0ff'
-  primary-fixed-dim: '#c0c1ff'
-  on-primary-fixed: '#07006c'
-  on-primary-fixed-variant: '#2f2ebe'
-  secondary-fixed: '#acedff'
-  secondary-fixed-dim: '#4cd7f6'
-  on-secondary-fixed: '#001f26'
-  on-secondary-fixed-variant: '#004e5c'
-  tertiary-fixed: '#6ffbbe'
-  tertiary-fixed-dim: '#4edea3'
-  on-tertiary-fixed: '#002113'
-  on-tertiary-fixed-variant: '#005236'
-  background: '#0c1322'
-  on-background: '#dce2f7'
-  surface-variant: '#2e3545'
-typography:
-  display-lg:
-    fontFamily: Inter
-    fontSize: 40px
-    fontWeight: '700'
-    lineHeight: 48px
-    letterSpacing: -0.02em
-  display-lg-mobile:
-    fontFamily: Inter
-    fontSize: 30px
-    fontWeight: '700'
-    lineHeight: 38px
-    letterSpacing: -0.02em
-  headline-lg:
-    fontFamily: Inter
-    fontSize: 28px
-    fontWeight: '600'
-    lineHeight: 36px
-    letterSpacing: -0.015em
-  headline-md:
-    fontFamily: Inter
-    fontSize: 22px
-    fontWeight: '600'
-    lineHeight: 30px
-    letterSpacing: -0.01em
-  headline-sm:
-    fontFamily: Inter
-    fontSize: 18px
-    fontWeight: '600'
-    lineHeight: 26px
-  body-lg:
-    fontFamily: Inter
-    fontSize: 16px
-    fontWeight: '400'
-    lineHeight: 26px
-  body-md:
-    fontFamily: Inter
-    fontSize: 14px
-    fontWeight: '400'
-    lineHeight: 22px
-  body-sm:
-    fontFamily: Inter
-    fontSize: 12px
-    fontWeight: '400'
-    lineHeight: 18px
-  label-lg:
-    fontFamily: Inter
-    fontSize: 14px
-    fontWeight: '500'
-    lineHeight: 20px
-  label-md:
-    fontFamily: Inter
-    fontSize: 12px
-    fontWeight: '500'
-    lineHeight: 16px
-  label-sm:
-    fontFamily: Inter
-    fontSize: 11px
-    fontWeight: '600'
-    lineHeight: 14px
-    letterSpacing: 0.04em
-rounded:
-  sm: 0.25rem
-  DEFAULT: 0.5rem
-  md: 0.75rem
-  lg: 1rem
-  xl: 1.5rem
-  full: 9999px
-spacing:
-  gutter: 1.5rem
-  gutter-sm: 1rem
-  margin: 2rem
-  margin-sm: 1rem
-  space-xs: 0.25rem
-  space-sm: 0.5rem
-  space-md: 1rem
-  space-lg: 1.5rem
-  space-xl: 2rem
---
-
-## Brand & Style
-
-The design system is crafted for high-focus, continuous digital learning environments. The brand personality is intellectually rigorous, calm, and technically refined. It targets lifelong learners, software engineers, researchers, and university cohorts who spend sustained hours inside complex course structures, code terminals, and instructional video workflows.
-
-The visual style unites modern high-contrast ergonomics with subtle depth:
- **Obsidian Dark Architecture:** Minimal cognitive fatigue through deep slate backgrounds that eliminate glare during late-night study sessions.
- **Electric Precision:** High-chroma indigo, violet, and cybernetic cyan used strictly as functional beacons for completion states, active curricula, and milestones.
- **Editorial Cleanliness:** Utilitarian UI structure inspired by contemporary developer environments and elite knowledge bases, balancing data density with breathable information hierarchies.
-
-## Colors
-
-The palette is engineered specifically for contrast compliance and reduced ocular fatigue in dark environments.
-
-### Role Assignments
- **Canvas Base (`#0B0F19`):** Deep obsidian abyss used exclusively for root canvas backdrops.
- **Surface Elevation 1 (`#111827`):** Slate surface for primary panels, module drawers, and main container cards.
- **Surface Elevation 2 (`#1F2937`):** Elevated utility surfaces, hover interactions, dropdown menus, and active rows.
- **Borders & Dividers (`#374151`):** Structural delineation ensuring distinct separation without harsh luminance.
- **Primary Indigo (`#6366F1` / `#4F46E5`):** Key interactive focal points, primary action triggers, and primary progress indicators.
- **Secondary Cyan (`#06B6D4`):** Live session indicators, active telemetry, code highlights, and granular metric progress.
- **Tertiary Emerald (`#10B981`):** Module completion badges, passing test scores, and positive system feedback.
- **Text Primary (`#F9FAFB`):** 98% brightness neutral for instant legibility in body copy and core headings.
- **Text Muted (`#9CA3AF`):** Subtext, metadata tags, syllabus timestamps, and secondary captions.
-
-## Typography
-
-Typography relies entirely on **Inter** to ensure maximum typographic neutrality, precision, and tall x-height clarity. Numerical tracking is balanced with tabular figures (`tnum`) across gradebooks, timestamps, and progress percentages.
-
-### Hierarchical Usage
- **Display & Headings:** Tighter negative tracking (`-0.02em` to `-0.01em`) provides crisp, structural presence for course titles and dashboard metrics.
- **Body:** Standard tracking with relaxed leading (`1.6` multiplier) prevents visual crowding across technical documentation, code explanations, and reading units.
- **Labels & Microcopy:** Positive letter-spacing applied exclusively to all-caps indicators (`label-sm`), such as prerequisites, module categories, and dynamic status tokens.
-
-## Layout & Spacing
-
-The layout is built on an adaptive 12-column fluid grid tailored for dashboard analytics, video-to-notes split screens, and modular curriculum sidebars.
-
-### Grid & Breakpoints
- **Desktop (≥1280px):** 12 columns, 24px (`1.5rem`) gutters, 32px (`2rem`) margins. Allows fixed 280px navigation rail with flexible multi-pane learning panels.
- **Tablet (768px - 1279px):** 8 columns, 16px (`1rem`) gutters, 24px (`1.5rem`) margins. Navigation shifts to a collapsible off-canvas drawer; video and curriculum switch to stacked flex layout.
- **Mobile (<768px):** 4 columns, 16px (`1rem`) gutters, 16px (`1rem`) margins. Full width card stacking with sticky bottom progress controls.
-
-### Density Rhythm
-A strict 4px/8px incremental rhythm governs all component interiors:
- Compact data tables and code modules use `space-xs` (4px) and `space-sm` (8px).
- General forms and card paddings apply `space-md` (16px) and `space-lg` (24px).
- Section breaks between independent curriculum blocks use `space-xl` (32px).
-
-## Elevation & Depth
-
-Visual hierarchy does not rely on intense blur dropshadows, which generate mud on dark backgrounds. Instead, depth is achieved through **tonal layering**, **specular edge highlights**, and **micro-glow accents**.
-
-### Elevation Stack
- **Level 0 (Canvas Base):** Solid `#0B0F19`. No borders or elevation.
- **Level 1 (Card & Module Layer):** Solid `#111827` framed by a 1px continuous border of `#374151`.
- **Level 2 (Dropdowns, Overlays, Active Panels):** Solid `#1F2937` with a 1px border of `rgba(99, 102, 241, 0.25)` and a subtle ambient shadow: `0 10px 25px -5px rgba(0, 0, 0, 0.60), 0 8px 10px -6px rgba(0, 0, 0, 0.50)`.
- **Level 3 (Modals & Command Palettes):** Layered above `#0B0F19` with a 60% opacity backdrop blur (`backdrop-filter: blur(12px)`), framed with a prominent border of `#4B5563`.
-
-### Interactive Illumination
-Interactive elements receive a subtle, directional glow upon focus and hover:
- Interactive cards elevate on hover using an electric border transition from `#374151` to `rgba(99, 102, 241, 0.5)` alongside an ambient indigo bloom: `box-shadow: 0 0 20px -5px rgba(99, 102, 241, 0.15)`.
-
-## Shapes
-
-The design system implements balanced geometric softening. Core cards utilize `rounded-xl` (1.5rem / 24px) to balance technical precision with high-end digital polish.
-
-### Shape Hierarchy
- **Standard Controls (Inputs, Buttons, Badges):** 8px (`0.5rem`) radius for sharp, dependable affordance.
- **Cards & Data Modules:** 16px to 24px (`1rem` to `1.5rem` / `rounded-xl`) radius to enclose complex information chunks gracefully.
- **System Badges & Avatar Containers:** Fully pill-shaped (`9999px`) for quick-scan biometric and enrollment tags.
-
-## Components
-
-### Buttons
- **Primary:** Background `#6366F1`, text `#FFFFFF`, font `label-lg`. On hover: `#4F46E5` with subtle box-shadow bloom `0 0 16px rgba(99, 102, 241, 0.35)`.
- **Secondary / Ghost:** Background `transparent`, border 1px solid `#374151`, text `#F9FAFB`. On hover: background `#1F2937`, border `#4B5563`.
- **Destructive:** Background `rgba(239, 68, 68, 0.1)`, border 1px solid `rgba(239, 68, 68, 0.3)`, text `#EF4444`.
-
-### Cards & Lesson Units
- **Container:** Background `#111827`, border 1px solid `#374151`, border-radius `1.5rem` (`rounded-xl`), interior padding `space-lg` (24px).
- **Interactive State:** Hover produces a smooth 150ms transition shifting border to `rgba(99, 102, 241, 0.45)` and translates Y by -2px.
-
-### Progress Trackers & Metric Bars
- **Track Base:** Height 6px to 8px, background `#1F2937`, border-radius 9999px.
- **Indicator Fill:** High-contrast gradient or solid `#06B6D4` (Cyan) for in-flight tasks; `#10B981` (Emerald) when reached 100%. Optional electric shimmer effect during active background asset compilation.
-
-### Badges & Status Chips
- **In Progress:** Background `rgba(6, 182, 212, 0.1)`, border 1px solid `rgba(6, 182, 212, 0.3)`, text `#06B6D4`.
- **Completed:** Background `rgba(16, 185, 129, 0.1)`, border 1px solid `rgba(16, 185, 129, 0.3)`, text `#10B981`.
- **Prerequisite / Locked:** Background `rgba(55, 65, 81, 0.5)`, border 1px solid `#374151`, text `#9CA3AF`.
-
-### Input Fields & Search Bars
- **Default:** Background `#0B0F19`, border 1px solid `#374151`, text `#F9FAFB`, placeholder `#6B7280`, radius 8px, padding 10px 14px.
- **Focus:** Border shifts to `#6366F1`, outline 2px solid `rgba(99, 102, 241, 0.2)`.
-
-### Lists & Syllabus Trees
- **Row Architecture:** Flex layout with bottom divider `#1F2937`.
- **Active Lesson Item:** Background `rgba(99, 102, 241, 0.08)`, border-left 3px solid `#6366F1`, text `#F9FAFB` with font `label-lg`.
- **Checkboxes:** 18px square, background `#0B0F19`, border 1.5px solid `#4B5563`, radius 4px. Checked state transitions to solid `#6366F1` background with white checkmark icon.