UI - Live filters preview - dark mode improvements

3 months ago · e9e063e18e
parent 45c444d0db
commit e9e063e18e
2 changed files with 4 additions and 4 deletions
--- a/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
+++ b/changedetectionio/static/styles/scss/parts/_preview_text_filter.scss
@ -35,10 +35,10 @@ body.preview-text-enabled {

  /* actual preview area */
  .monospace-preview {
-    background: var(--color-grey-900);
+    background: var(--color-background-input);
    border: 1px solid var(--color-grey-600);
    padding: 1rem;
-    color: var(--color-grey-100);
+    color: var(--color-text-input);
    font-family: "Courier New", Courier, monospace; /* Sets the font to a monospace type */
    font-size: 70%;
    overflow-x: scroll;
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@ -480,10 +480,10 @@ body.preview-text-enabled {
  body.preview-text-enabled #activate-text-preview {
    background-color: var(--color-grey-500); }
  body.preview-text-enabled .monospace-preview {
-    background: var(--color-grey-900);
+    background: var(--color-background-input);
    border: 1px solid var(--color-grey-600);
    padding: 1rem;
-    color: var(--color-grey-100);
+    color: var(--color-text-input);
    font-family: "Courier New", Courier, monospace;
    /* Sets the font to a monospace type */
    font-size: 70%;