From dd8a062b4bc3a9890d019939efb57b1dd33d7306 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 9 Dec 2025 02:37:06 +0000 Subject: [PATCH 01/10] docs: Add CSS audit report and variables proposal (Issue #1) Generated css-audit-report.md containing analysis of all hardcoded colors. Generated variables-proposal.css with proposed variables. --- css-audit-report.md | 6151 ++++++++++++++++++++++++++++++++++++++++ variables-proposal.css | 265 ++ 2 files changed, 6416 insertions(+) create mode 100644 css-audit-report.md create mode 100644 variables-proposal.css diff --git a/css-audit-report.md b/css-audit-report.md new file mode 100644 index 000000000..e2e05ee53 --- /dev/null +++ b/css-audit-report.md @@ -0,0 +1,6151 @@ +# CSS Audit Report +תאריך: 2025-12-09 + +## סיכום +- סך הכל קבצים עם צבעים שנסרקו: 68 +- סך הכל מופעי צבעים שנמצאו: 4026 +- מספר גוונים ייחודיים: 1367 +- משתנים קיימים זוהו: 0 + +--- + +## 1. צבעים לפי תדירות + +### #ffffff - 280 מופעים +**קטגוריה מוצעת:** `--text-main / --text-on-dark` +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `docs/_static/custom.css:68` | `color: #fff;` | | +| `docs/_static/custom.css:145` | `background: #ffffff;` | | +| `docs/_static/custom.css:151` | `color: #fff;` | | +| `..._SUGGESTIONS/MARKDOWN_ACCESSIBILITY_EXAMPLES.md:20` | `--bg-color: #ffffff;` | | +| `webapp/FEATURE_SUGGESTIONS/MdTheme2.html:12` | `background-color: #ffffff;` | | +| ... | ... | ועוד 275 מופעים | + +--- + +### #000000 - 70 מופעים +**קטגוריה מוצעת:** `--black` +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `webapp/static/css/bookmarks.css:65` | `--bookmarks-panel-bg: #000000;` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:16` | `\| High Contrast \| `#000000` (גם secondary) \| גוף `#ffffff...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:16` | `\| High Contrast \| `#000000` (גם secondary) \| גוף `#ffffff...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:81` | `- רקע כללי: `#000000`` | | +| `...ESTIONS/GLOBAL_CONTENT_SEARCH_IMPLEMENTATION.md:956` | `color: #000;` | | +| ... | ... | ועוד 65 מופעים | + +--- + +### #333333 - 47 מופעים +**קטגוריה מוצעת:** `--text-dark` +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:150` | `color: #333;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:474` | `color: #333;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:488` | `color: #333;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:504` | `color: #333;` | | +| `webapp/static/css/bookmarks.css:209` | `color: #333;` | | +| ... | ... | ועוד 42 מופעים | + +--- + +### rgba(255,255,255,0.08) - 39 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:14` | `\| Dim \| `#7c8aff`, `#9d7aff` \| `#d0d0d0`, `#a0a0a0`, `#70...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:64` | `- Glass: `rgba(255,255,255,0.08)` עם גבול `rgba(255,255,2...` | | +| `webapp/FEATURE_SUGGESTIONS/MdThemePreview.html:174` | `.surface-dark { --surface-bg: #05060b; --surface-border: ...` | | +| `webapp/FEATURE_SUGGESTIONS/MdThemePreview.html:175` | `.surface-dracula { --surface-bg: #1f1d28; --surface-borde...` | | +| `webapp/FEATURE_SUGGESTIONS/MdThemePreview.html:330` | `--border-color: rgba(255,255,255,0.08);` | | +| ... | ... | ועוד 34 מופעים | + +--- + +### #666666 - 38 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `docs/_static/custom.css:216` | `color: #666;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:481` | `color: #666;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:537` | `color: #666;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:542` | `color: #666;` | | +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:550` | `color: #666;` | | +| ... | ... | ועוד 33 מופעים | + +--- + +### #ffff00 - 36 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:16` | `\| High Contrast \| `#000000` (גם secondary) \| גוף `#ffffff...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:16` | `\| High Contrast \| `#000000` (גם secondary) \| גוף `#ffffff...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:16` | `\| High Contrast \| `#000000` (גם secondary) \| גוף `#ffffff...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:82` | `- טקסטים וקישורים: גוף `#ffffff`, קישורים `#ffff00` (hove...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:84` | `- פוקוס: outline צהוב `#ffff00`` | | +| ... | ... | ועוד 31 מופעים | + +--- + +### #667eea - 34 מופעים +**קטגוריה מוצעת:** `--primary-color` +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `...TIONS/Archive/BOOKMARKS_IMPLEMENTATION_GUIDE.md:316` | `background: linear-gradient(135deg, #667eea 0%, #764ba2 1...` | | +| `docs/_static/sticky-notes-anchor.svg:5` | `` | | +| `docs/_static/sticky-notes-badge.svg:5` | `` | | +| `docs/_static/sticky-notes-popup.svg:8` | `` | | +| `docs/_static/sticky-notes-popup.svg:29` | `` | | +| ... | ... | ועוד 29 מופעים | + +--- + +### rgba(255, 255, 255, 0.1) - 33 מופעים +**קטגוריה מוצעת:** `--glass-bg` +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `...TIONS/Archive/BOOKMARKS_IMPLEMENTATION_GUIDE.md:213` | `border-left: 1px solid rgba(255, 255, 255, 0.1);` | | +| `...TIONS/Archive/BOOKMARKS_IMPLEMENTATION_GUIDE.md:227` | `border-bottom: 1px solid rgba(255, 255, 255, 0.1);` | | +| `...TIONS/Archive/BOOKMARKS_IMPLEMENTATION_GUIDE.md:257` | `background: rgba(255, 255, 255, 0.1);` | | +| `...TIONS/Archive/BOOKMARKS_IMPLEMENTATION_GUIDE.md:298` | `background: rgba(255, 255, 255, 0.1);` | | +| `...TIONS/Archive/BOOKMARKS_IMPLEMENTATION_GUIDE.md:375` | `background: rgba(255, 255, 255, 0.1);` | | +| ... | ... | ועוד 28 מופעים | + +--- + +### rgba(255,255,255,0.2) - 33 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `...SUGGESTIONS/CODEMIRROR_EDITOR_IMPLEMENTATION.md:802` | `border: 1px solid rgba(255,255,255,0.2);` | | +| `...SUGGESTIONS/CODEMIRROR_EDITOR_IMPLEMENTATION.md:866` | `style="width: 100%; padding: .75rem; border-radius: 10px;...` | | +| `...SUGGESTIONS/CODEMIRROR_EDITOR_IMPLEMENTATION.md:871` | `style="width: 100%; padding: .75rem; border-radius: 10px;...` | | +| `...SUGGESTIONS/CODEMIRROR_EDITOR_IMPLEMENTATION.md:882` | `style="width: 100%; padding: .75rem; border-radius: 10px;...` | | +| `...SUGGESTIONS/CODEMIRROR_EDITOR_IMPLEMENTATION.md:888` | `style="width: 100%; padding: .75rem; border-radius: 10px;...` | | +| ... | ... | ועוד 28 מופעים | + +--- + +### #999999 - 33 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `.../FEATURE_SUGGESTIONS/QUICK_ACCESS_MENU_GUIDE.md:570` | `color: #999;` | | +| `webapp/static/css/global_search.css:647` | `background:color-mix(in srgb, var(--text-muted, #999) 15%...` | | +| `webapp/static/css/global_search.css:648` | `color:var(--text-muted, #999);` | | +| `webapp/static/css/global_search.css:649` | `border:1px solid color-mix(in srgb, var(--text-muted, #99...` | | +| `webapp/templates/md_preview.html:1429` | `` | | +| `docs/_static/sticky-notes-badge.svg:6` | `` | | +| `docs/_static/sticky-notes-popup.svg:9` | `` | | +| `...TURE_SUGGESTIONS/ENHANCED_FLOATING_TOC_GUIDE.md:102` | `--toc-header-gradient: linear-gradient(135deg, #667eea 0%...` | | +| ... | ... | ועוד 13 מופעים | + +--- + +### #00ffff - 18 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:16` | `\| High Contrast \| `#000000` (גם secondary) \| גוף `#ffffff...` | | +| `...pp/FEATURE_SUGGESTIONS/webapp_theme_palettes.md:89` | `- comment `#00ffff`` | | +| `...IONS/HIGH_CONTRAST_MODE_IMPLEMENTATION_GUIDE.md:54` | `--info-color: #00ffff;` | | +| `...IONS/HIGH_CONTRAST_MODE_IMPLEMENTATION_GUIDE.md:143` | `color: #00ffff !important;` | | +| `...IONS/HIGH_CONTRAST_MODE_IMPLEMENTATION_GUIDE.md:190` | `color: #00ffff;` | | +| ... | ... | ועוד 13 מופעים | + +--- + +### #f6f8fa - 17 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `docs/_static/custom.css:48` | `background: #f6f8fa;` | | +| `docs/_static/custom.css:81` | `background: #f6f8fa;` | | +| `docs/_static/custom.css:126` | `background: #f6f8fa;` | | +| `..._SUGGESTIONS/MARKDOWN_ACCESSIBILITY_EXAMPLES.md:22` | `--code-bg: #f6f8fa;` | | +| `..._SUGGESTIONS/MARKDOWN_ACCESSIBILITY_EXAMPLES.md:136` | `background: #f6f8fa;` | | +| ... | ... | ועוד 12 מופעים | + +--- + +### #f5f5f5 - 17 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `webapp/static/css/bookmarks.css:70` | `--bookmarks-text-secondary: #f5f5f5;` | | +| `webapp/static/css/bookmarks.css:207` | `background: radial-gradient(ellipse at top left, #ffffff,...` | | +| `...p/FEATURE_SUGGESTIONS/ADVANCED_CACHING_GUIDE.md:1286` | `background: #f5f5f5;` | | +| `webapp/static/css/split-view.css:185` | `color: #f5f5f5;` | | +| `...IONS/HIGH_CONTRAST_MODE_IMPLEMENTATION_GUIDE.md:25` | `--bg-secondary: #f5f5f5;` | | +| ... | ... | ועוד 12 מופעים | + +--- + +### rgba(0,0,0,0.2) - 17 מופעים +| מיקום | שימוש | הערות | +|-------|-------|-------| +| `webapp/static/js/bookmarks.js:1299` | `