diff --git a/src/extras/colors.css b/src/extras/colors.css
new file mode 100644
index 0000000..2171073
--- /dev/null
+++ b/src/extras/colors.css
@@ -0,0 +1,16 @@
+:root {
+    --info: steelblue;
+    --warning: #B7950B;
+    --danger: #C0392B;
+    --success: #1E8449;
+}
+
+blockquote.info {background: #EBF5FB; color: var(--info); border: 1px solid var(--theme)}
+blockquote.danger {background: #FDEDEC; color: var(--danger); border: 1px solid var(--danger)}
+blockquote.warn {background: #FEF9E7; color: var(--warning) ; border: 1px solid var(--warning)}
+blockquote.success {background: #EAFAF1; color: var(--success); border: 1px solid var(--success)}
+
+button.info {background: var(--info);color: var(--white);}
+button.warning {background: var(--warning);color: var(--white);}
+button.danger {background: var(--danger);color: var(--white);}
+button.success {background: var(--success);color: var(--white);}
diff --git a/src/extra/dialog.css b/src/extras/dialog.css
similarity index 100%
rename from src/extra/dialog.css
rename to src/extras/dialog.css
diff --git a/src/extra/layout.css b/src/extras/layout.css
similarity index 86%
rename from src/extra/layout.css
rename to src/extras/layout.css
index d826e59..b0a3dbb 100644
--- a/src/extra/layout.css
+++ b/src/extras/layout.css
@@ -41,4 +41,5 @@ main {
 
 .right {float:right}
 .left {float:left}
-.center {text-align: center;}
\ No newline at end of file
+.center {text-align: center;}
+.clear {content:'';display: table;clear:both}
\ No newline at end of file
diff --git a/src/extras/reset.css b/src/extras/reset.css
new file mode 100644
index 0000000..564714e
--- /dev/null
+++ b/src/extras/reset.css
@@ -0,0 +1,7 @@
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+
+* {margin:0}
+
+body {font-family: system-ui;}
\ No newline at end of file
diff --git a/src/extra/spinner.css b/src/extras/spinner.css
similarity index 100%
rename from src/extra/spinner.css
rename to src/extras/spinner.css
diff --git a/src/extra/switch.css b/src/extras/switch.css
similarity index 100%
rename from src/extra/switch.css
rename to src/extras/switch.css
diff --git a/src/extra/tabs.css b/src/extras/tabs.css
similarity index 93%
rename from src/extra/tabs.css
rename to src/extras/tabs.css
index 84055ee..9754f63 100644
--- a/src/extra/tabs.css
+++ b/src/extras/tabs.css
@@ -1,21 +1,21 @@
-/* nav tabs */
-
-nav.tabs ul {
-    margin-left: -.5rem !important;
-}
-
-nav.tabs li {
-    margin: 0;
-}
-
-nav.tabs a.active {
-    padding: .5rem;
-    background: var(--theme);
-    border-bottom: 4px solid var(--theme);
-    color: var(--bg);
-    border-radius: 8px 8px 0 0;
-}
-
-nav.tabs li {
-    padding: .25rem .5rem;
+/* nav tabs */
+
+nav.tabs ul {
+    margin-left: -.5rem !important;
+}
+
+nav.tabs li {
+    margin: 0;
+}
+
+nav.tabs a.active {
+    padding: .5rem;
+    background: var(--theme);
+    border-bottom: 4px solid var(--theme);
+    color: var(--bg);
+    border-radius: 8px 8px 0 0;
+}
+
+nav.tabs li {
+    padding: .25rem .5rem;
 }
\ No newline at end of file