Explorar el Código

Added icon for settings extension

cameronoelsen hace 7 años
padre
commit
bc41f3278a

+ 5 - 0
packages/application/style/icons.css

@@ -203,6 +203,11 @@
 }
 
 
+.jp-SettingsIcon {
+  background-image: var(--jp-icon-settings);
+}
+
+
 .jp-SpreadsheetIcon {
   background-image: var(--jp-icon-spreadsheet);
 }

+ 1 - 0
packages/settingeditor-extension/src/index.ts

@@ -69,6 +69,7 @@ const plugin: JupyterLabPlugin<void> = {
         tracker.add(editor);
         editor.id = namespace;
         editor.title.label = 'Settings';
+        editor.title.iconClass = 'jp-MaterialIcon jp-SettingsIcon';
         editor.title.closable = true;
         shell.addToMainArea(editor);
         shell.activateById(editor.id);

+ 1 - 0
packages/theme-dark-extension/style/embed.css

@@ -93,6 +93,7 @@
   --jp-icon-caretleft: url('./icons/md/caretleft.svg');
   --jp-icon-caretright: url('./icons/md/caretright.svg');
   --jp-icon-undo: url('./icons/md/undo.svg');
+  --jp-icon-settings: url('./icons/jupyter/settings.svg');
   --jp-about-header-logo: url('./icons/jupyter/jupyter.svg');
   --jp-about-header-wordmark: url('./images/jupyterlab-wordmark.svg');
 }

+ 84 - 0
packages/theme-dark-extension/style/icons/jupyter/settings.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#616161;}
+	.st1{display:none;}
+	.st2{display:inline;fill:none;stroke:#9E9E9E;stroke-width:0.25;stroke-miterlimit:10;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g id="Layer_1_1_">
+	<rect x="20" y="20" class="st0" width="160" height="160"/>
+</g>
+<g class="st1">
+	<line class="st2" x1="100" y1="0" x2="100" y2="200"/>
+	<path class="st2" d="M195.9,100"/>
+	<path class="st2" d="M4,100"/>
+	<line class="st2" x1="0" y1="200" x2="200" y2="0"/>
+	<line class="st2" x1="100" y1="0" x2="200" y2="100"/>
+	<line class="st2" x1="0" y1="100" x2="100" y2="199.9"/>
+	<line class="st2" x1="200" y1="100" x2="100" y2="200"/>
+	<line class="st2" x1="100" y1="0.1" x2="0" y2="100"/>
+	<line class="st2" x1="130" y1="0" x2="130" y2="200"/>
+	<line class="st2" x1="70" y1="0" x2="70" y2="200"/>
+	<line class="st2" x1="30" y1="0" x2="30" y2="200"/>
+	<line class="st2" x1="170" y1="0" x2="170" y2="200"/>
+	<line class="st2" x1="200" y1="100" x2="0" y2="100"/>
+	<line class="st2" x1="200" y1="130" x2="0" y2="130"/>
+	<line class="st2" x1="200" y1="70" x2="0" y2="70"/>
+	<line class="st2" x1="200" y1="30" x2="0" y2="30"/>
+	<line class="st2" x1="200" y1="170" x2="0" y2="170"/>
+	<line class="st2" x1="20" y1="0.1" x2="20" y2="200.1"/>
+	<line class="st2" x1="180" y1="0" x2="180" y2="200"/>
+	<line class="st2" x1="0" y1="180" x2="200" y2="180"/>
+	<line class="st2" x1="0" y1="20" x2="200" y2="20"/>
+	<line class="st2" x1="160" y1="0" x2="160" y2="200"/>
+	<line class="st2" x1="100" y1="15" x2="185" y2="100"/>
+	<line class="st2" x1="15" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="185" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="100" y1="15" x2="15" y2="100"/>
+	<line class="st2" x1="0" y1="0" x2="200" y2="200"/>
+	<line class="st2" x1="60" y1="0" x2="60" y2="200"/>
+	<line class="st2" x1="140" y1="0" x2="140" y2="200"/>
+	<line class="st2" x1="0" y1="140" x2="200" y2="140"/>
+	<line class="st2" x1="0" y1="60" x2="200" y2="60"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<path class="st2" d="M200,200"/>
+	<path class="st2" d="M0,0"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<line class="st2" x1="0" y1="190" x2="190" y2="0"/>
+	<line class="st2" x1="200" y1="10" x2="10" y2="200"/>
+	<line class="st2" x1="40" y1="0" x2="40" y2="200"/>
+	<line class="st2" x1="200" y1="160" x2="0" y2="160"/>
+	<line class="st2" x1="200" y1="40" x2="0" y2="40"/>
+	
+		<rect x="71.7" y="71.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -41.4284 100.0642)" class="st2" width="56.7" height="56.7"/>
+	<line class="st2" x1="0" y1="150" x2="200" y2="150"/>
+	<line class="st2" x1="150" y1="200" x2="150" y2="0"/>
+	<line class="st2" x1="50" y1="200" x2="50" y2="0"/>
+	<line class="st2" x1="200" y1="50" x2="0" y2="50"/>
+	<line class="st2" x1="110" y1="0" x2="110" y2="200"/>
+	<line class="st2" x1="120" y1="0" x2="120" y2="200"/>
+	<line class="st2" x1="80" y1="200" x2="80" y2="0"/>
+	<line class="st2" x1="90" y1="200" x2="90" y2="0"/>
+	<line class="st2" x1="0" y1="70" x2="200" y2="70"/>
+	<line class="st2" x1="0" y1="130" x2="200" y2="130"/>
+	<line class="st2" x1="0" y1="90" x2="200" y2="90"/>
+	<line class="st2" x1="0" y1="80" x2="200" y2="80"/>
+	<line class="st2" x1="200" y1="120" x2="0" y2="120"/>
+	<line class="st2" x1="200" y1="110" x2="0" y2="110"/>
+	<line class="st2" x1="10" y1="0.1" x2="10" y2="200.1"/>
+	<line class="st2" x1="190" y1="0.1" x2="190" y2="200.1"/>
+	<line class="st2" x1="0" y1="10" x2="200" y2="10"/>
+	<line class="st2" x1="0" y1="190" x2="200" y2="190"/>
+</g>
+<path class="st3" d="M138.4,105.4c0.2-1.6,0.4-3.3,0.4-5c0-1.7-0.2-3.4-0.4-5l10.9-8.5c1-0.8,1.2-2.2,0.6-3.3l-10.3-17.8
+	c-0.6-1.1-2-1.5-3.1-1.1l-12.8,5.1c-2.7-2.1-5.6-3.8-8.7-5l-2-13.6c-0.2-1.2-1.2-2.2-2.5-2.2H89.9c-1.3,0-2.4,0.9-2.5,2.2l-2,13.6
+	c-3.1,1.3-6,3-8.7,5l-12.8-5.1c-1.2-0.5-2.5,0-3.1,1.1L50.4,83.6c-0.7,1.1-0.4,2.5,0.6,3.3l10.9,8.5c-0.2,1.6-0.4,3.3-0.4,5
+	c0,1.7,0.2,3.4,0.4,5l-10.9,8.5c-1,0.8-1.2,2.2-0.6,3.3L60.7,135c0.6,1.1,2,1.5,3.1,1.1l12.8-5.1c2.7,2.1,5.6,3.8,8.7,5l2,13.6
+	c0.2,1.2,1.2,2.2,2.5,2.2h20.6c1.3,0,2.4-0.9,2.5-2.2l2-13.6c3.1-1.3,6-3,8.7-5l12.8,5.1c1.2,0.5,2.5,0,3.1-1.1l10.3-17.8
+	c0.6-1.1,0.4-2.5-0.6-3.3L138.4,105.4z M100.2,118.4c-9.9,0-18-8.1-18-18s8.1-18,18-18s18,8.1,18,18S110.1,118.4,100.2,118.4z"/>
+</svg>

+ 90 - 0
packages/theme-dark-extension/style/icons/jupyter/settings_selected.svg

@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{display:none;}
+	.st2{display:inline;fill:none;stroke:#9E9E9E;stroke-width:0.25;stroke-miterlimit:10;}
+</style>
+<g id="Layer_1_1_">
+	<g>
+		<rect x="20" y="20" class="st0" width="160" height="160"/>
+	</g>
+</g>
+<g class="st1">
+	<line class="st2" x1="100" y1="0" x2="100" y2="200"/>
+	<path class="st2" d="M195.9,100"/>
+	<path class="st2" d="M4,100"/>
+	<line class="st2" x1="0" y1="200" x2="200" y2="0"/>
+	<line class="st2" x1="100" y1="0" x2="200" y2="100"/>
+	<line class="st2" x1="0" y1="100" x2="100" y2="199.9"/>
+	<line class="st2" x1="200" y1="100" x2="100" y2="200"/>
+	<line class="st2" x1="100" y1="0.1" x2="0" y2="100"/>
+	<line class="st2" x1="130" y1="0" x2="130" y2="200"/>
+	<line class="st2" x1="70" y1="0" x2="70" y2="200"/>
+	<line class="st2" x1="30" y1="0" x2="30" y2="200"/>
+	<line class="st2" x1="170" y1="0" x2="170" y2="200"/>
+	<line class="st2" x1="200" y1="100" x2="0" y2="100"/>
+	<line class="st2" x1="200" y1="130" x2="0" y2="130"/>
+	<line class="st2" x1="200" y1="70" x2="0" y2="70"/>
+	<line class="st2" x1="200" y1="30" x2="0" y2="30"/>
+	<line class="st2" x1="200" y1="170" x2="0" y2="170"/>
+	<line class="st2" x1="20" y1="0.1" x2="20" y2="200.1"/>
+	<line class="st2" x1="180" y1="0" x2="180" y2="200"/>
+	<line class="st2" x1="0" y1="180" x2="200" y2="180"/>
+	<line class="st2" x1="0" y1="20" x2="200" y2="20"/>
+	<line class="st2" x1="160" y1="0" x2="160" y2="200"/>
+	<line class="st2" x1="100" y1="15" x2="185" y2="100"/>
+	<line class="st2" x1="15" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="185" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="100" y1="15" x2="15" y2="100"/>
+	<line class="st2" x1="0" y1="0" x2="200" y2="200"/>
+	<line class="st2" x1="60" y1="0" x2="60" y2="200"/>
+	<line class="st2" x1="140" y1="0" x2="140" y2="200"/>
+	<line class="st2" x1="0" y1="140" x2="200" y2="140"/>
+	<line class="st2" x1="0" y1="60" x2="200" y2="60"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<path class="st2" d="M200,200"/>
+	<path class="st2" d="M0,0"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<line class="st2" x1="0" y1="190" x2="190" y2="0"/>
+	<line class="st2" x1="200" y1="10" x2="10" y2="200"/>
+	<line class="st2" x1="40" y1="0" x2="40" y2="200"/>
+	<line class="st2" x1="200" y1="160" x2="0" y2="160"/>
+	<line class="st2" x1="200" y1="40" x2="0" y2="40"/>
+	
+		<rect x="71.7" y="71.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -41.4485 100.0629)" class="st2" width="56.7" height="56.7"/>
+	<line class="st2" x1="0" y1="150" x2="200" y2="150"/>
+	<line class="st2" x1="150" y1="200" x2="150" y2="0"/>
+	<line class="st2" x1="50" y1="200" x2="50" y2="0"/>
+	<line class="st2" x1="200" y1="50" x2="0" y2="50"/>
+	<line class="st2" x1="110" y1="0" x2="110" y2="200"/>
+	<line class="st2" x1="120" y1="0" x2="120" y2="200"/>
+	<line class="st2" x1="80" y1="200" x2="80" y2="0"/>
+	<line class="st2" x1="90" y1="200" x2="90" y2="0"/>
+	<line class="st2" x1="0" y1="70" x2="200" y2="70"/>
+	<line class="st2" x1="0" y1="130" x2="200" y2="130"/>
+	<line class="st2" x1="0" y1="90" x2="200" y2="90"/>
+	<line class="st2" x1="0" y1="80" x2="200" y2="80"/>
+	<line class="st2" x1="200" y1="120" x2="0" y2="120"/>
+	<line class="st2" x1="200" y1="110" x2="0" y2="110"/>
+	<line class="st2" x1="10" y1="0.1" x2="10" y2="200.1"/>
+	<line class="st2" x1="190" y1="0.1" x2="190" y2="200.1"/>
+	<line class="st2" x1="0" y1="10" x2="200" y2="10"/>
+	<line class="st2" x1="0" y1="190" x2="200" y2="190"/>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M149.2,113.9l-10.8-8.5c0.2-1.6,0.4-3.3,0.4-5c0-1.7-0.2-3.4-0.4-5l10.9-8.5c1-0.8,1.2-2.2,0.6-3.3
+			l-10.3-17.8c-0.6-1.1-2-1.5-3.1-1.1l-12.8,5.1c-2.7-2.1-5.6-3.8-8.7-5l-2-13.6c-0.2-1.2-1.2-2.2-2.5-2.2H89.9
+			c-1.3,0-2.4,0.9-2.5,2.2l-2,13.6c-3.1,1.3-6,3-8.7,5l-12.8-5.1c-1.2-0.5-2.5,0-3.1,1.1L50.4,83.6c-0.7,1.1-0.4,2.5,0.6,3.3
+			l10.9,8.5c-0.2,1.6-0.4,3.3-0.4,5c0,1.7,0.2,3.4,0.4,5L51,113.9c-1,0.8-1.2,2.2-0.6,3.3L60.7,135c0.6,1.1,2,1.5,3.1,1.1l12.8-5.1
+			c2.7,2.1,5.6,3.8,8.7,5l2,13.6c0.2,1.2,1.2,2.2,2.5,2.2h20.6c1.3,0,2.4-0.9,2.5-2.2l2-13.6c3.1-1.3,6-3,8.7-5l12.8,5.1
+			c1.2,0.5,2.5,0,3.1-1.1l10.3-17.8C150.4,116.1,150.2,114.7,149.2,113.9z M100.2,118.4c-9.9,0-18-8.1-18-18c0-9.9,8.1-18,18-18
+			c9.9,0,18,8.1,18,18C118.2,110.3,110.1,118.4,100.2,118.4z"/>
+	</g>
+</g>
+</svg>

+ 1 - 0
packages/theme-dark-extension/style/urls.css

@@ -89,6 +89,7 @@
   --jp-icon-caretleft: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/caretleft.svg');
   --jp-icon-caretright: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/caretright.svg');
   --jp-icon-undo: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/undo.svg');
+  --jp-icon-settings: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/settings.svg');
   --jp-about-header-logo: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/jupyter.svg');
   --jp-about-header-logo: url('/lab/api/themes/jupyterlab-theme-dark-extension/images/jupyter-white-moons.svg');
   --jp-about-header-wordmark: url('/lab/api/themes/jupyterlab-theme-dark-extension/images/jupyterlab-wordmark-inverse.svg');

+ 1 - 0
packages/theme-light-extension/style/embed.css

@@ -93,6 +93,7 @@
   --jp-icon-caretleft: url('./icons/md/caretleft.svg');
   --jp-icon-caretright: url('./icons/md/caretright.svg');
   --jp-icon-undo: url('./icons/md/undo.svg');
+  --jp-icon-settings: url('./icons/jupyter/settings.svg');
   --jp-about-header-logo: url('./icons/jupyter/jupyter.svg');
   --jp-about-header-wordmark: url('./images/jupyterlab-wordmark.svg');
 }

+ 84 - 0
packages/theme-light-extension/style/icons/jupyter/settings.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#616161;}
+	.st1{display:none;}
+	.st2{display:inline;fill:none;stroke:#9E9E9E;stroke-width:0.25;stroke-miterlimit:10;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g id="Layer_1_1_">
+	<rect x="20" y="20" class="st0" width="160" height="160"/>
+</g>
+<g class="st1">
+	<line class="st2" x1="100" y1="0" x2="100" y2="200"/>
+	<path class="st2" d="M195.9,100"/>
+	<path class="st2" d="M4,100"/>
+	<line class="st2" x1="0" y1="200" x2="200" y2="0"/>
+	<line class="st2" x1="100" y1="0" x2="200" y2="100"/>
+	<line class="st2" x1="0" y1="100" x2="100" y2="199.9"/>
+	<line class="st2" x1="200" y1="100" x2="100" y2="200"/>
+	<line class="st2" x1="100" y1="0.1" x2="0" y2="100"/>
+	<line class="st2" x1="130" y1="0" x2="130" y2="200"/>
+	<line class="st2" x1="70" y1="0" x2="70" y2="200"/>
+	<line class="st2" x1="30" y1="0" x2="30" y2="200"/>
+	<line class="st2" x1="170" y1="0" x2="170" y2="200"/>
+	<line class="st2" x1="200" y1="100" x2="0" y2="100"/>
+	<line class="st2" x1="200" y1="130" x2="0" y2="130"/>
+	<line class="st2" x1="200" y1="70" x2="0" y2="70"/>
+	<line class="st2" x1="200" y1="30" x2="0" y2="30"/>
+	<line class="st2" x1="200" y1="170" x2="0" y2="170"/>
+	<line class="st2" x1="20" y1="0.1" x2="20" y2="200.1"/>
+	<line class="st2" x1="180" y1="0" x2="180" y2="200"/>
+	<line class="st2" x1="0" y1="180" x2="200" y2="180"/>
+	<line class="st2" x1="0" y1="20" x2="200" y2="20"/>
+	<line class="st2" x1="160" y1="0" x2="160" y2="200"/>
+	<line class="st2" x1="100" y1="15" x2="185" y2="100"/>
+	<line class="st2" x1="15" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="185" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="100" y1="15" x2="15" y2="100"/>
+	<line class="st2" x1="0" y1="0" x2="200" y2="200"/>
+	<line class="st2" x1="60" y1="0" x2="60" y2="200"/>
+	<line class="st2" x1="140" y1="0" x2="140" y2="200"/>
+	<line class="st2" x1="0" y1="140" x2="200" y2="140"/>
+	<line class="st2" x1="0" y1="60" x2="200" y2="60"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<path class="st2" d="M200,200"/>
+	<path class="st2" d="M0,0"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<line class="st2" x1="0" y1="190" x2="190" y2="0"/>
+	<line class="st2" x1="200" y1="10" x2="10" y2="200"/>
+	<line class="st2" x1="40" y1="0" x2="40" y2="200"/>
+	<line class="st2" x1="200" y1="160" x2="0" y2="160"/>
+	<line class="st2" x1="200" y1="40" x2="0" y2="40"/>
+	
+		<rect x="71.7" y="71.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -41.4284 100.0642)" class="st2" width="56.7" height="56.7"/>
+	<line class="st2" x1="0" y1="150" x2="200" y2="150"/>
+	<line class="st2" x1="150" y1="200" x2="150" y2="0"/>
+	<line class="st2" x1="50" y1="200" x2="50" y2="0"/>
+	<line class="st2" x1="200" y1="50" x2="0" y2="50"/>
+	<line class="st2" x1="110" y1="0" x2="110" y2="200"/>
+	<line class="st2" x1="120" y1="0" x2="120" y2="200"/>
+	<line class="st2" x1="80" y1="200" x2="80" y2="0"/>
+	<line class="st2" x1="90" y1="200" x2="90" y2="0"/>
+	<line class="st2" x1="0" y1="70" x2="200" y2="70"/>
+	<line class="st2" x1="0" y1="130" x2="200" y2="130"/>
+	<line class="st2" x1="0" y1="90" x2="200" y2="90"/>
+	<line class="st2" x1="0" y1="80" x2="200" y2="80"/>
+	<line class="st2" x1="200" y1="120" x2="0" y2="120"/>
+	<line class="st2" x1="200" y1="110" x2="0" y2="110"/>
+	<line class="st2" x1="10" y1="0.1" x2="10" y2="200.1"/>
+	<line class="st2" x1="190" y1="0.1" x2="190" y2="200.1"/>
+	<line class="st2" x1="0" y1="10" x2="200" y2="10"/>
+	<line class="st2" x1="0" y1="190" x2="200" y2="190"/>
+</g>
+<path class="st3" d="M138.4,105.4c0.2-1.6,0.4-3.3,0.4-5c0-1.7-0.2-3.4-0.4-5l10.9-8.5c1-0.8,1.2-2.2,0.6-3.3l-10.3-17.8
+	c-0.6-1.1-2-1.5-3.1-1.1l-12.8,5.1c-2.7-2.1-5.6-3.8-8.7-5l-2-13.6c-0.2-1.2-1.2-2.2-2.5-2.2H89.9c-1.3,0-2.4,0.9-2.5,2.2l-2,13.6
+	c-3.1,1.3-6,3-8.7,5l-12.8-5.1c-1.2-0.5-2.5,0-3.1,1.1L50.4,83.6c-0.7,1.1-0.4,2.5,0.6,3.3l10.9,8.5c-0.2,1.6-0.4,3.3-0.4,5
+	c0,1.7,0.2,3.4,0.4,5l-10.9,8.5c-1,0.8-1.2,2.2-0.6,3.3L60.7,135c0.6,1.1,2,1.5,3.1,1.1l12.8-5.1c2.7,2.1,5.6,3.8,8.7,5l2,13.6
+	c0.2,1.2,1.2,2.2,2.5,2.2h20.6c1.3,0,2.4-0.9,2.5-2.2l2-13.6c3.1-1.3,6-3,8.7-5l12.8,5.1c1.2,0.5,2.5,0,3.1-1.1l10.3-17.8
+	c0.6-1.1,0.4-2.5-0.6-3.3L138.4,105.4z M100.2,118.4c-9.9,0-18-8.1-18-18s8.1-18,18-18s18,8.1,18,18S110.1,118.4,100.2,118.4z"/>
+</svg>

+ 90 - 0
packages/theme-light-extension/style/icons/jupyter/settings_selected.svg

@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{display:none;}
+	.st2{display:inline;fill:none;stroke:#9E9E9E;stroke-width:0.25;stroke-miterlimit:10;}
+</style>
+<g id="Layer_1_1_">
+	<g>
+		<rect x="20" y="20" class="st0" width="160" height="160"/>
+	</g>
+</g>
+<g class="st1">
+	<line class="st2" x1="100" y1="0" x2="100" y2="200"/>
+	<path class="st2" d="M195.9,100"/>
+	<path class="st2" d="M4,100"/>
+	<line class="st2" x1="0" y1="200" x2="200" y2="0"/>
+	<line class="st2" x1="100" y1="0" x2="200" y2="100"/>
+	<line class="st2" x1="0" y1="100" x2="100" y2="199.9"/>
+	<line class="st2" x1="200" y1="100" x2="100" y2="200"/>
+	<line class="st2" x1="100" y1="0.1" x2="0" y2="100"/>
+	<line class="st2" x1="130" y1="0" x2="130" y2="200"/>
+	<line class="st2" x1="70" y1="0" x2="70" y2="200"/>
+	<line class="st2" x1="30" y1="0" x2="30" y2="200"/>
+	<line class="st2" x1="170" y1="0" x2="170" y2="200"/>
+	<line class="st2" x1="200" y1="100" x2="0" y2="100"/>
+	<line class="st2" x1="200" y1="130" x2="0" y2="130"/>
+	<line class="st2" x1="200" y1="70" x2="0" y2="70"/>
+	<line class="st2" x1="200" y1="30" x2="0" y2="30"/>
+	<line class="st2" x1="200" y1="170" x2="0" y2="170"/>
+	<line class="st2" x1="20" y1="0.1" x2="20" y2="200.1"/>
+	<line class="st2" x1="180" y1="0" x2="180" y2="200"/>
+	<line class="st2" x1="0" y1="180" x2="200" y2="180"/>
+	<line class="st2" x1="0" y1="20" x2="200" y2="20"/>
+	<line class="st2" x1="160" y1="0" x2="160" y2="200"/>
+	<line class="st2" x1="100" y1="15" x2="185" y2="100"/>
+	<line class="st2" x1="15" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="185" y1="100" x2="100" y2="185"/>
+	<line class="st2" x1="100" y1="15" x2="15" y2="100"/>
+	<line class="st2" x1="0" y1="0" x2="200" y2="200"/>
+	<line class="st2" x1="60" y1="0" x2="60" y2="200"/>
+	<line class="st2" x1="140" y1="0" x2="140" y2="200"/>
+	<line class="st2" x1="0" y1="140" x2="200" y2="140"/>
+	<line class="st2" x1="0" y1="60" x2="200" y2="60"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<path class="st2" d="M200,200"/>
+	<path class="st2" d="M0,0"/>
+	<line class="st2" x1="190" y1="200" x2="0" y2="10"/>
+	<line class="st2" x1="10" y1="0" x2="200" y2="190"/>
+	<line class="st2" x1="0" y1="190" x2="190" y2="0"/>
+	<line class="st2" x1="200" y1="10" x2="10" y2="200"/>
+	<line class="st2" x1="40" y1="0" x2="40" y2="200"/>
+	<line class="st2" x1="200" y1="160" x2="0" y2="160"/>
+	<line class="st2" x1="200" y1="40" x2="0" y2="40"/>
+	
+		<rect x="71.7" y="71.7" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -41.4485 100.0629)" class="st2" width="56.7" height="56.7"/>
+	<line class="st2" x1="0" y1="150" x2="200" y2="150"/>
+	<line class="st2" x1="150" y1="200" x2="150" y2="0"/>
+	<line class="st2" x1="50" y1="200" x2="50" y2="0"/>
+	<line class="st2" x1="200" y1="50" x2="0" y2="50"/>
+	<line class="st2" x1="110" y1="0" x2="110" y2="200"/>
+	<line class="st2" x1="120" y1="0" x2="120" y2="200"/>
+	<line class="st2" x1="80" y1="200" x2="80" y2="0"/>
+	<line class="st2" x1="90" y1="200" x2="90" y2="0"/>
+	<line class="st2" x1="0" y1="70" x2="200" y2="70"/>
+	<line class="st2" x1="0" y1="130" x2="200" y2="130"/>
+	<line class="st2" x1="0" y1="90" x2="200" y2="90"/>
+	<line class="st2" x1="0" y1="80" x2="200" y2="80"/>
+	<line class="st2" x1="200" y1="120" x2="0" y2="120"/>
+	<line class="st2" x1="200" y1="110" x2="0" y2="110"/>
+	<line class="st2" x1="10" y1="0.1" x2="10" y2="200.1"/>
+	<line class="st2" x1="190" y1="0.1" x2="190" y2="200.1"/>
+	<line class="st2" x1="0" y1="10" x2="200" y2="10"/>
+	<line class="st2" x1="0" y1="190" x2="200" y2="190"/>
+</g>
+<g>
+	<g>
+		<path class="st0" d="M149.2,113.9l-10.8-8.5c0.2-1.6,0.4-3.3,0.4-5c0-1.7-0.2-3.4-0.4-5l10.9-8.5c1-0.8,1.2-2.2,0.6-3.3
+			l-10.3-17.8c-0.6-1.1-2-1.5-3.1-1.1l-12.8,5.1c-2.7-2.1-5.6-3.8-8.7-5l-2-13.6c-0.2-1.2-1.2-2.2-2.5-2.2H89.9
+			c-1.3,0-2.4,0.9-2.5,2.2l-2,13.6c-3.1,1.3-6,3-8.7,5l-12.8-5.1c-1.2-0.5-2.5,0-3.1,1.1L50.4,83.6c-0.7,1.1-0.4,2.5,0.6,3.3
+			l10.9,8.5c-0.2,1.6-0.4,3.3-0.4,5c0,1.7,0.2,3.4,0.4,5L51,113.9c-1,0.8-1.2,2.2-0.6,3.3L60.7,135c0.6,1.1,2,1.5,3.1,1.1l12.8-5.1
+			c2.7,2.1,5.6,3.8,8.7,5l2,13.6c0.2,1.2,1.2,2.2,2.5,2.2h20.6c1.3,0,2.4-0.9,2.5-2.2l2-13.6c3.1-1.3,6-3,8.7-5l12.8,5.1
+			c1.2,0.5,2.5,0,3.1-1.1l10.3-17.8C150.4,116.1,150.2,114.7,149.2,113.9z M100.2,118.4c-9.9,0-18-8.1-18-18c0-9.9,8.1-18,18-18
+			c9.9,0,18,8.1,18,18C118.2,110.3,110.1,118.4,100.2,118.4z"/>
+	</g>
+</g>
+</svg>

+ 1 - 0
packages/theme-light-extension/style/urls.css

@@ -90,6 +90,7 @@
   --jp-icon-caretleft: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/caretleft.svg');
   --jp-icon-caretright: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/caretright.svg');
   --jp-icon-undo: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/undo.svg');
+  --jp-icon-settings: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/settings.svg');
   --jp-about-header-logo: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/jupyter.svg');
   --jp-about-header-wordmark: url('./lab/api/themes/jupyterlab-theme-light-extension/images/jupyterlab-wordmark.svg');
 }