Cleaning up the old theme. (#2720)

plugins/document-resources/src/components/EditDoc.svelte

@@ -552,7 +552,7 @@
 
 <style lang="scss">
   .description-preview {
-    color: var(--theme-content-color);
+    color: var(--content-color);
     line-height: 150%;
     // overflow: auto;
   }
@@ -579,8 +579,14 @@
   }
   .emphasized {
     padding: 1rem;
-    background-color: var(--theme-bg-accent-color);
-    border: 1px solid var(--theme-bg-accent-hover);
+    background-color: var(--body-color);
+    border: 1px solid var(--divider-color);
     border-radius: 0.5rem;
+    transition: border-color 0.1s var(--timing-main), box-shadow 0.1s var(--timing-main);
+
+    &:focus-within {
+      border-color: var(--primary-button-focused-border);
+      box-shadow: 0 0 0 3px var(--primary-button-outline);
+    }
   }
 </style>

plugins/document-resources/src/components/icons/Edit.svelte

@@ -15,7 +15,7 @@
 -->
 <script lang="ts">
   export let size: 'small' | 'medium' | 'large'
-  const fill: string = 'var(--theme-caption-color)'
+  const fill: string = 'var(--caption-color)'
 </script>
 
 <svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">