diff --git a/src/App.tsx b/src/App.tsx
index f779d0a..7df55d4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -55,6 +55,9 @@ function App() {
       </select>
       <Dynamic component={options[selected()]} />
       <FooComponent text="props test"/>
+      <div class="shadow-lg bg-twitter-blue text-center">
+        red background
+      </div>
     </>
   );
 }
diff --git a/src/index.css b/src/index.css
index 7c69605..4761f08 100644
--- a/src/index.css
+++ b/src/index.css
@@ -13,3 +13,8 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+
+@theme {
+  --color-twitter-blue: #1DA1F2
+}
\ No newline at end of file