diff --git a/webapp/static/css/collections.css b/webapp/static/css/collections.css
index 8cd1ba59c..8b70a8812 100644
--- a/webapp/static/css/collections.css
+++ b/webapp/static/css/collections.css
@@ -347,8 +347,8 @@
 .sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
 .sidebar-header .title{font-weight:700}
 .sidebar-header__actions{display:flex;align-items:center;gap:.35rem}
-/* כפתור "הצג ארכיון" במצב פעיל (aria-pressed) — מודגש כדי לסמן שאנחנו בתצוגת ארכיון */
-#toggleArchivedBtn[aria-pressed="true"],#toggleArchivedBtn.is-active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
+/* כפתור "הצג ארכיון" במצב פעיל (aria-pressed) — מודגש דרך טוקני glass (בלי צבעים קשיחים) */
+#toggleArchivedBtn[aria-pressed="true"],#toggleArchivedBtn.is-active{background:var(--glass-hover);border-color:var(--glass-border);box-shadow:0 0 0 1px var(--glass) inset}
 .sidebar-search{margin:.5rem 0}
 .sidebar-search input{width:100%;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--glass-border);background:rgba(255,255,255,.1);color:var(--text-primary)}
 .sidebar-list{display:flex;flex-direction:column;gap:.25rem;max-height:60vh;overflow:auto;scrollbar-width:thin}
diff --git a/webapp/templates/view_file.html b/webapp/templates/view_file.html
index 954945171..401062a14 100644
--- a/webapp/templates/view_file.html
+++ b/webapp/templates/view_file.html
@@ -1166,28 +1166,28 @@ <h3 id="trashModalTitle">🗑️ העבר לסל</h3>
     color: #fff;
 }
 
-/* מודאל עריכת תיאור — מחקה את מודאל השיתוף, עם textarea ומונה תווים */
+/* מודאל עריכת תיאור — כמו מודאל השיתוף אך על טוקני ערכה (theming_and_css.rst: בלי צבעים קשיחים) */
 .desc-modal {
     position: fixed;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
-    background: rgba(0, 0, 0, 0.55);
+    background: var(--modal-backdrop, rgba(0, 0, 0, 0.55));
     z-index: 9999;
 }
 .desc-modal[hidden] {
     display: none;
 }
 .desc-modal__content {
-    background: #1f2a44;
+    background: var(--bg-secondary);
     border-radius: 16px;
     padding: 1.5rem;
     max-width: 460px;
     width: calc(100% - 2rem);
-    color: #fff;
+    color: var(--text-primary);
     position: relative;
-    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
+    box-shadow: var(--solid-surface-shadow, 0 12px 30px rgba(0, 0, 0, 0.35));
 }
 .desc-modal__title {
     margin: 0 0 0.5rem;
@@ -1195,15 +1195,15 @@ <h3 id="trashModalTitle">🗑️ העבר לסל</h3>
 }
 .desc-modal__subtitle {
     margin: 0 0 1rem;
-    color: rgba(255, 255, 255, 0.8);
+    color: var(--text-secondary);
 }
 .desc-modal__textarea {
     width: 100%;
     box-sizing: border-box;
-    background: rgba(255, 255, 255, 0.06);
-    border: 1px solid rgba(255, 255, 255, 0.2);
+    background: var(--bg-tertiary);
+    border: 1px solid var(--glass-border);
     border-radius: 10px;
-    color: #fff;
+    color: var(--text-primary);
     padding: 0.75rem;
     font-size: 1rem;
     line-height: 1.5;
@@ -1212,12 +1212,12 @@ <h3 id="trashModalTitle">🗑️ העבר לסל</h3>
 }
 .desc-modal__textarea:focus {
     outline: none;
-    border-color: rgba(102, 126, 234, 0.8);
+    border-color: var(--primary);
 }
 .desc-modal__counter {
     text-align: left;
     font-size: 0.85rem;
-    color: rgba(255, 255, 255, 0.6);
+    color: var(--text-muted);
     margin: 0.35rem 0 1rem;
 }
 .desc-modal__actions {
@@ -1234,13 +1234,13 @@ <h3 id="trashModalTitle">🗑️ העבר לסל</h3>
     left: 0.75rem;
     background: transparent;
     border: none;
-    color: rgba(255, 255, 255, 0.7);
+    color: var(--text-secondary);
     font-size: 1.1rem;
     cursor: pointer;
 }
 .desc-modal__close:hover,
 .desc-modal__close:focus {
-    color: #fff;
+    color: var(--text-primary);
 }
 
 .glass-modal {