1 files changed, 68 insertions, 14 deletions
diff --git a/common.css b/common.css
index 41585eb..d9b6a99 100644
--- a/common.css
+++ b/common.css
@@ -11,22 +11,11 @@
 	font-variant-ligatures: none;
 }
 a{
-text-decoration:none;
-}
-a:link{
-color:#1194FF; 
-}
-a:visited{
-color:#20ACFF; 
-}
-a:hover{
-color:#3FBFFF; 
-}
-a:active{
-color:#CCCCFF; 
+	text-decoration:none;
 }
 div.comment{
-	border:1px solid #CCC;
+	border:1px solid;
+	border-color: var(--secondary-fg);
 	margin:1em;
 }
 div.author{
@@ -70,3 +59,68 @@ textarea{
 	outline:none !important;
 	background-color:rgba(0,0,0,0) !important;
 }
+body{
+	background-color: var(--principal-bg);
+	background-image: var(--bg-pattern);
+	background-repeat: repeat;
+	color: var(--principal-fg);
+}
+del{
+	text-decoration-color: var(--principal-fg);
+}
+#panel li a.active{
+	background-color: var(--list-active-bg);
+}
+#panel li a:hover:not(.active){
+	background-color: var(--list-highlighted-bg);
+}
+#panel,#footer{
+	background-color: var(--secondary-bg);
+	background-image: var(--bg-pattern);
+	background-repeat: repeat;
+}
+#content .block{
+	border: 1px solid;
+	border-color: var(--secondary-fg);
+}
+a.highlighted{color: var(--link-highlighted-fg) !important;}
+a:link{
+	color: var(--link-fg);
+}
+a:visited{
+	color: var(--link-visited-fg);
+}
+a:hover{
+	color: var(--link-hover-fg);
+}
+a:active{
+	color: var(--link-active-fg);
+}
+blockquote{
+	border: 1px solid;
+	border-color: var(--secondary-fg);
+}
+button,.fakebtn{
+	color: var(--interactive-fg);
+	background-color: var(--interactive-bg);
+}
+button:hover,.fakebtn:hover{
+	background-color: var(--interactive-hover-bg);
+}
+button:active,.fakebtn:active{
+	background-color: var(--interactive-active-bg);
+}
+button:disabled{
+	background-color: var(--interactive-disabled-bg);
+}
+input[type="text"]{
+	color: var(--principal-fg);
+	border-bottom-color: var(--interactive-bg);
+}
+textarea{
+	color: var(--principal-fg);
+	border-color: var(--interactive-bg);
+}
+.widgetbg{background-color: var(--widget-area-bg);}
+.sliderb1{background-color: var(--slider-empty-bg);}
+.sliderb2{background-color: var(--slider-filled-bg);}