diff --git a/chrome/skin/default/zotero/zotero.svg b/chrome/skin/default/zotero/zotero.svg
index 4bb8d7b4f9..606641b645 100644
--- a/chrome/skin/default/zotero/zotero.svg
+++ b/chrome/skin/default/zotero/zotero.svg
@@ -2,10 +2,10 @@
   <title>Zotero</title>
   <g>
     <path d="M15.541,8.359,4.032,23.48H15.96V26H0V23.983L11.507,8.863H.588V6.344H15.541Z" fill="#cc2936"/>
-    <path d="M38.135,16.172a10.743,10.743,0,0,1-.776,4.116,9.743,9.743,0,0,1-5.46,5.439,11.132,11.132,0,0,1-4.222.777,11.006,11.006,0,0,1-4.178-.777,9.743,9.743,0,0,1-5.46-5.439,10.706,10.706,0,0,1-.778-4.116,10.7,10.7,0,0,1,.778-4.116A9.735,9.735,0,0,1,23.5,6.617a10.987,10.987,0,0,1,4.178-.778,11.113,11.113,0,0,1,4.222.778,9.735,9.735,0,0,1,5.46,5.439A10.739,10.739,0,0,1,38.135,16.172Zm-3.023,0a8.816,8.816,0,0,0-.526-3.066A7.355,7.355,0,0,0,33.1,10.628a7,7,0,0,0-2.331-1.659,8.116,8.116,0,0,0-6.174,0,6.775,6.775,0,0,0-2.309,1.659,7.558,7.558,0,0,0-1.47,2.478,9.212,9.212,0,0,0,0,6.131,7.532,7.532,0,0,0,1.47,2.479,6.775,6.775,0,0,0,2.309,1.659,8.141,8.141,0,0,0,6.174,0A7,7,0,0,0,33.1,21.716a7.33,7.33,0,0,0,1.491-2.479A8.807,8.807,0,0,0,35.112,16.172Z" fill="#222"/>
-    <path d="M51.659,8.863h-5.67V20.456a6.294,6.294,0,0,0,.21,1.785,2.52,2.52,0,0,0,.589,1.071,2.019,2.019,0,0,0,.9.525,4.237,4.237,0,0,0,1.155.146,5.479,5.479,0,0,0,1.47-.209,6.806,6.806,0,0,0,1.386-.546l.126,2.562a8.907,8.907,0,0,1-3.738.714,6.99,6.99,0,0,1-1.659-.21,3.912,3.912,0,0,1-1.575-.8,4.392,4.392,0,0,1-1.176-1.6,6.409,6.409,0,0,1-.462-2.646V8.863H39.059V6.344h4.158V.8h2.772V6.344h5.67Z" fill="#222"/>
-    <path d="M55.69,16.928A8.434,8.434,0,0,0,56.4,19.7a7.253,7.253,0,0,0,3.781,3.738,6.783,6.783,0,0,0,2.729.545,7,7,0,0,0,3.844-1.028,7.7,7.7,0,0,0,2.457-2.373l2.141,1.764a10.652,10.652,0,0,1-3.884,3.192,10.868,10.868,0,0,1-4.558.966,10.471,10.471,0,0,1-4.053-.777,9.508,9.508,0,0,1-3.213-2.163,10.247,10.247,0,0,1-2.121-3.276,10.724,10.724,0,0,1-.777-4.116,10.963,10.963,0,0,1,.757-4.116,9.977,9.977,0,0,1,2.1-3.277,9.663,9.663,0,0,1,3.151-2.162,9.77,9.77,0,0,1,3.905-.778,9.575,9.575,0,0,1,3.99.8,8.865,8.865,0,0,1,2.961,2.12,9.076,9.076,0,0,1,1.827,3.109,11.337,11.337,0,0,1,.63,3.8v1.26ZM69.046,14.66a6.291,6.291,0,0,0-1.68-4.557,6.226,6.226,0,0,0-4.7-1.744,6.717,6.717,0,0,0-2.6.525,7.339,7.339,0,0,0-2.2,1.408,7.029,7.029,0,0,0-1.512,2.016,5.186,5.186,0,0,0-.568,2.352Z" fill="#222"/>
-    <path d="M76.145,12.476q0-1.3-.064-2.646t-.1-3.486h2.729V10h.084a6.1,6.1,0,0,1,.84-1.534,6.6,6.6,0,0,1,1.323-1.322A6.511,6.511,0,0,1,82.759,6.2a7.114,7.114,0,0,1,2.331-.357,7.52,7.52,0,0,1,2.058.252L86.6,8.821a4.7,4.7,0,0,0-1.6-.21,5.7,5.7,0,0,0-2.73.61,6.075,6.075,0,0,0-1.89,1.554,6.446,6.446,0,0,0-1.113,2.037,6.75,6.75,0,0,0-.357,2.1V26H76.145Z" fill="#222"/>
-    <path d="M107.644,16.172a10.724,10.724,0,0,1-.777,4.116,9.743,9.743,0,0,1-5.46,5.439,11.126,11.126,0,0,1-4.221.777,11.008,11.008,0,0,1-4.179-.777,9.743,9.743,0,0,1-5.46-5.439,10.706,10.706,0,0,1-.777-4.116,10.7,10.7,0,0,1,.777-4.116,9.735,9.735,0,0,1,5.46-5.439,10.989,10.989,0,0,1,4.179-.778,11.107,11.107,0,0,1,4.221.778,9.735,9.735,0,0,1,5.46,5.439A10.721,10.721,0,0,1,107.644,16.172Zm-3.024,0a8.839,8.839,0,0,0-.525-3.066,7.387,7.387,0,0,0-1.491-2.478,7.006,7.006,0,0,0-2.332-1.659,8.114,8.114,0,0,0-6.173,0,6.769,6.769,0,0,0-2.31,1.659,7.558,7.558,0,0,0-1.47,2.478,9.212,9.212,0,0,0,0,6.131,7.532,7.532,0,0,0,1.47,2.479,6.769,6.769,0,0,0,2.31,1.659,8.138,8.138,0,0,0,6.173,0,7.006,7.006,0,0,0,2.332-1.659,7.362,7.362,0,0,0,1.491-2.479A8.83,8.83,0,0,0,104.62,16.172Z" fill="#222"/>
+    <path d="M38.135,16.172a10.743,10.743,0,0,1-.776,4.116,9.743,9.743,0,0,1-5.46,5.439,11.132,11.132,0,0,1-4.222.777,11.006,11.006,0,0,1-4.178-.777,9.743,9.743,0,0,1-5.46-5.439,10.706,10.706,0,0,1-.778-4.116,10.7,10.7,0,0,1,.778-4.116A9.735,9.735,0,0,1,23.5,6.617a10.987,10.987,0,0,1,4.178-.778,11.113,11.113,0,0,1,4.222.778,9.735,9.735,0,0,1,5.46,5.439A10.739,10.739,0,0,1,38.135,16.172Zm-3.023,0a8.816,8.816,0,0,0-.526-3.066A7.355,7.355,0,0,0,33.1,10.628a7,7,0,0,0-2.331-1.659,8.116,8.116,0,0,0-6.174,0,6.775,6.775,0,0,0-2.309,1.659,7.558,7.558,0,0,0-1.47,2.478,9.212,9.212,0,0,0,0,6.131,7.532,7.532,0,0,0,1.47,2.479,6.775,6.775,0,0,0,2.309,1.659,8.141,8.141,0,0,0,6.174,0A7,7,0,0,0,33.1,21.716a7.33,7.33,0,0,0,1.491-2.479A8.807,8.807,0,0,0,35.112,16.172Z" fill="context-fill"/>
+    <path d="M51.659,8.863h-5.67V20.456a6.294,6.294,0,0,0,.21,1.785,2.52,2.52,0,0,0,.589,1.071,2.019,2.019,0,0,0,.9.525,4.237,4.237,0,0,0,1.155.146,5.479,5.479,0,0,0,1.47-.209,6.806,6.806,0,0,0,1.386-.546l.126,2.562a8.907,8.907,0,0,1-3.738.714,6.99,6.99,0,0,1-1.659-.21,3.912,3.912,0,0,1-1.575-.8,4.392,4.392,0,0,1-1.176-1.6,6.409,6.409,0,0,1-.462-2.646V8.863H39.059V6.344h4.158V.8h2.772V6.344h5.67Z" fill="context-fill"/>
+    <path d="M55.69,16.928A8.434,8.434,0,0,0,56.4,19.7a7.253,7.253,0,0,0,3.781,3.738,6.783,6.783,0,0,0,2.729.545,7,7,0,0,0,3.844-1.028,7.7,7.7,0,0,0,2.457-2.373l2.141,1.764a10.652,10.652,0,0,1-3.884,3.192,10.868,10.868,0,0,1-4.558.966,10.471,10.471,0,0,1-4.053-.777,9.508,9.508,0,0,1-3.213-2.163,10.247,10.247,0,0,1-2.121-3.276,10.724,10.724,0,0,1-.777-4.116,10.963,10.963,0,0,1,.757-4.116,9.977,9.977,0,0,1,2.1-3.277,9.663,9.663,0,0,1,3.151-2.162,9.77,9.77,0,0,1,3.905-.778,9.575,9.575,0,0,1,3.99.8,8.865,8.865,0,0,1,2.961,2.12,9.076,9.076,0,0,1,1.827,3.109,11.337,11.337,0,0,1,.63,3.8v1.26ZM69.046,14.66a6.291,6.291,0,0,0-1.68-4.557,6.226,6.226,0,0,0-4.7-1.744,6.717,6.717,0,0,0-2.6.525,7.339,7.339,0,0,0-2.2,1.408,7.029,7.029,0,0,0-1.512,2.016,5.186,5.186,0,0,0-.568,2.352Z" fill="context-fill"/>
+    <path d="M76.145,12.476q0-1.3-.064-2.646t-.1-3.486h2.729V10h.084a6.1,6.1,0,0,1,.84-1.534,6.6,6.6,0,0,1,1.323-1.322A6.511,6.511,0,0,1,82.759,6.2a7.114,7.114,0,0,1,2.331-.357,7.52,7.52,0,0,1,2.058.252L86.6,8.821a4.7,4.7,0,0,0-1.6-.21,5.7,5.7,0,0,0-2.73.61,6.075,6.075,0,0,0-1.89,1.554,6.446,6.446,0,0,0-1.113,2.037,6.75,6.75,0,0,0-.357,2.1V26H76.145Z" fill="context-fill"/>
+    <path d="M107.644,16.172a10.724,10.724,0,0,1-.777,4.116,9.743,9.743,0,0,1-5.46,5.439,11.126,11.126,0,0,1-4.221.777,11.008,11.008,0,0,1-4.179-.777,9.743,9.743,0,0,1-5.46-5.439,10.706,10.706,0,0,1-.777-4.116,10.7,10.7,0,0,1,.777-4.116,9.735,9.735,0,0,1,5.46-5.439,10.989,10.989,0,0,1,4.179-.778,11.107,11.107,0,0,1,4.221.778,9.735,9.735,0,0,1,5.46,5.439A10.721,10.721,0,0,1,107.644,16.172Zm-3.024,0a8.839,8.839,0,0,0-.525-3.066,7.387,7.387,0,0,0-1.491-2.478,7.006,7.006,0,0,0-2.332-1.659,8.114,8.114,0,0,0-6.173,0,6.769,6.769,0,0,0-2.31,1.659,7.558,7.558,0,0,0-1.47,2.478,9.212,9.212,0,0,0,0,6.131,7.532,7.532,0,0,0,1.47,2.479,6.769,6.769,0,0,0,2.31,1.659,8.138,8.138,0,0,0,6.173,0,7.006,7.006,0,0,0,2.332-1.659,7.362,7.362,0,0,0,1.491-2.479A8.83,8.83,0,0,0,104.62,16.172Z" fill="context-fill"/>
   </g>
 </svg>
\ No newline at end of file
diff --git a/chrome/skin/default/zotero/about.css b/scss/about.scss
similarity index 59%
rename from chrome/skin/default/zotero/about.css
rename to scss/about.scss
index fc824e39ce..07036a67ef 100644
--- a/chrome/skin/default/zotero/about.css
+++ b/scss/about.scss
@@ -1,13 +1,32 @@
+@import "abstracts/variables";
+@import "abstracts/functions";
+@import "abstracts/mixins";
+@import "abstracts/placeholders";
+@import "abstracts/utilities";
+@import "abstracts/split-button";
+@import "abstracts/svgicon";
+
+@import "themes/light";
+@import "themes/dark";
+
+// Base
+// --------------------------------------------------
+
+@import "base/base";
+
 dialog
 {
 	padding-top: 0px;
 	padding-left: 0px;
 	padding-right: 0px;
+	
+	appearance: none;
+	background: var(--material-sidepane);
 }
 
 #aboutcontent
 {
-	background: white;
+	background: var(--material-background);
 	padding: 10px 16px;
 	font-size: 13px;
 	margin-bottom: 10px;
@@ -15,11 +34,13 @@ dialog
 
 #logo {
 	margin: 7px 0 0 7px;
+	-moz-context-properties: fill, fill-opacity;
+	fill: var(--fill-primary);
 }
 
 #version
 {
-	color: gray;
+	color: var(--fill-secondary);
 	margin-bottom: 5px;
 	-moz-user-select: text;
 	-moz-user-focus: normal;