feat(htmleditor): Update vars

DevExpress · Nov 20, 2024 · fb5ade4 · fb5ade4
1 parent 576790e
commit fb5ade4
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 15 deletions.
diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.css b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Angular/app/app.component.css
@@ -4,7 +4,7 @@
 }
 
 ::ng-deep .value-title {
-  font-size: 18px;
+  font-size: var(--dx-font-size-sm);
   font-weight: 500;
 }
 
@@ -13,9 +13,9 @@
   overflow: auto;
   height: 210px;
   white-space: pre-wrap;
-  border: 1px solid #808080;
+  border: 1px solid var(--dx-color-border);
   padding: 16px;
-  background-color: #FFF;
+  background-color: var(--dx-color-main-bg);
 }
 
 .options {

diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/React/styles.css b/apps/demos/Demos/HtmlEditor/MarkdownSupport/React/styles.css
@@ -4,7 +4,7 @@
 }
 
 .value-title {
-  font-size: 18px;
+  font-size: var(--dx-font-size-sm);
   font-weight: 500;
 }
 
@@ -13,9 +13,9 @@
   overflow: auto;
   height: 210px;
   white-space: pre-wrap;
-  border: 1px solid #808080;
+  border: 1px solid var(--dx-color-border);
   padding: 16px;
-  background-color: #FFF;
+  background-color: var(--dx-color-main-bg);
 }
 
 .options {

diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/ReactJs/styles.css b/apps/demos/Demos/HtmlEditor/MarkdownSupport/ReactJs/styles.css
@@ -4,7 +4,7 @@
 }
 
 .value-title {
-  font-size: 18px;
+  font-size: var(--dx-font-size-sm);
   font-weight: 500;
 }
 
@@ -13,9 +13,9 @@
   overflow: auto;
   height: 210px;
   white-space: pre-wrap;
-  border: 1px solid #808080;
+  border: 1px solid var(--dx-color-border);
   padding: 16px;
-  background-color: #FFF;
+  background-color: var(--dx-color-main-bg);
 }
 
 .options {

diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/Vue/App.vue b/apps/demos/Demos/HtmlEditor/MarkdownSupport/Vue/App.vue
@@ -86,7 +86,7 @@ const converter = {
 }
 
 .value-title {
-  font-size: 18px;
+  font-size: var(--dx-font-size-sm);
   font-weight: 500;
 }
 
@@ -95,9 +95,9 @@ const converter = {
   overflow: auto;
   height: 210px;
   white-space: pre-wrap;
-  border: 1px solid #808080;
+  border: 1px solid var(--dx-color-border);
   padding: 16px;
-  background-color: #FFF;
+  background-color: var(--dx-color-main-bg);
 }
 
 .options {

diff --git a/apps/demos/Demos/HtmlEditor/MarkdownSupport/jQuery/styles.css b/apps/demos/Demos/HtmlEditor/MarkdownSupport/jQuery/styles.css
@@ -4,7 +4,7 @@
 }
 
 .value-title {
-  font-size: 18px;
+  font-size: var(--dx-font-size-sm);
   font-weight: 500;
 }
 
@@ -13,9 +13,9 @@
   overflow: auto;
   height: 210px;
   white-space: pre-wrap;
-  border: 1px solid #808080;
+  border: 1px solid var(--dx-color-border);
   padding: 16px;
-  background-color: #FFF;
+  background-color: var(--dx-color-main-bg);
 }
 
 .options {