diff --git a/md_in_popup.py b/md_in_popup.py
index eecebae..9625287 100644
--- a/md_in_popup.py
+++ b/md_in_popup.py
@@ -32,6 +32,9 @@ def get_style():
                 return content
 
     return """
+        html {
+            --light-bg: color(var(--background) blend(#aaa 80%))
+        }
         body {
             padding:10px;
             font-family: "Open Sans", sans-serif;
@@ -49,7 +52,7 @@ def get_style():
         code {
             padding-left: 0.2rem;
             padding-right: 0.2rem;
-            background-color: rgb(244.6,244.6,244.6);
+            background-color: var(--light-bg);
             margin: 0;
             border-radius: 3px;
             margin: 5px;
@@ -59,7 +62,7 @@ def get_style():
             display: block;
             margin-top: 20px;
             line-height: 2;
-            background-color: rgb(244.6,244.6,244.6);
+            background-color: var(--light-bg);
             padding-left: 10px;
         }
         pre code {
diff --git a/todo.md b/todo.md
index 1f4d386..74ffa9a 100644
--- a/todo.md
+++ b/todo.md
@@ -6,4 +6,16 @@
 - regive focus to the right markdown view @done
 - set the title of the preview @done
 - disable previewing when the preview is closed @done
-- check when setting is activated and create panel and stuff @done
\ No newline at end of file
+- check when setting is activated and create panel and stuff @done
+
+This is pretty cool
+
+```ruby
+print('hello world')
+def test():
+    puts 'hello'
+    if test:
+        print('hi')
+```
+
+this is some `code`!
\ No newline at end of file