wip separate local vs served theme assets

examples/app/index.js

@@ -1,12 +1,16 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
 
-var JupyterLab = require('@jupyterlab/application').JupyterLab;
-
 // ES6 Promise polyfill
 require('es6-promise/auto');
 
 require('font-awesome/css/font-awesome.min.css');
+// Load the core theming before any other package.
+require('@jupyterlab/theming/style/index.css');
+require('@jupyterlab/theme-light-extension/style/embed.css');
+
+var JupyterLab = require('@jupyterlab/application').JupyterLab;
+
 
 var mods = [
   require('@jupyterlab/application-extension'),
@@ -30,7 +34,6 @@ var mods = [
   require('@jupyterlab/shortcuts-extension'),
   require('@jupyterlab/tabmanager-extension'),
   require('@jupyterlab/terminal-extension'),
-  require('@jupyterlab/theme-light-extension'),
   require('@jupyterlab/tooltip-extension')
 ];
 

examples/app/package.json

@@ -28,6 +28,7 @@
     "@jupyterlab/shortcuts-extension": "^0.9.0",
     "@jupyterlab/tabmanager-extension": "^0.9.0",
     "@jupyterlab/terminal-extension": "^0.9.0",
+    "@jupyterlab/theming": "^0.9.0",
     "@jupyterlab/theme-light-extension": "^0.9.0",
     "@jupyterlab/tooltip-extension": "^0.9.0",
     "es6-promise": "^4.1.0",

packages/theme-dark-extension/style/index.css

@@ -4,3 +4,4 @@
 |----------------------------------------------------------------------------*/
 
 @import url('./variables.css');
+@import url('./urls.css');

packages/theme-dark-extension/style/urls.css

@@ -0,0 +1,80 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+:root {
+
+  /* Images
+
+  These images are included with JupyterLab for showing the Project Jupyter logo
+  */
+  --jp-image-jupyter: url('./lab/api/themes/jupyterlab-theme-dark-extension/images/jupyter-white-moons.svg');
+
+  /* Icons
+
+  These icons are used throughout JupyterLab.
+  */
+
+  /* The caret used for select dropdown styling. */
+
+  --jp-ui-select-caret: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/down_caret.svg');
+
+  /* Icons used in the application. */
+
+  --jp-icon-add: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/add.svg');
+  --jp-icon-book: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book.svg');
+  --jp-icon-book-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book_selected.svg');
+  --jp-icon-book-running: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book_running.svg');
+  --jp-icon-book-running-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book_running_selected.svg');
+  --jp-icon-directory: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/directory.svg');
+  --jp-icon-directory-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/directory_selected.svg');
+  --jp-icon-new-directory: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/new-folder.svg');
+  --jp-icon-file-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/file_selected.svg');
+  --jp-icon-yaml: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/yml.svg');
+  --jp-icon-yaml-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/yml_selected.svg');
+  --jp-icon-spreadsheet: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/csv.svg');
+  --jp-icon-spreadsheet-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/csv_selected.svg');
+  --jp-icon-image: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/image.svg');
+  --jp-icon-image-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/image_selected.svg');
+  --jp-icon-json: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/json.svg');
+  --jp-icon-json-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/json_selected.svg');
+  --jp-icon-kernel-running: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/panorama_fish_eye.svg');
+  --jp-icon-markdown: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/markdown.svg');
+  --jp-icon-markdown-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/markdown_selected.svg');
+  --jp-icon-python: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/python.svg');
+  --jp-icon-python-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/python_selected.svg');
+  --jp-icon-r: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/r.svg');
+  --jp-icon-r-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/r_selected.svg');
+  --jp-icon-console: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/console.svg');
+  --jp-icon-terminal: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/terminal.svg');
+  --jp-icon-file: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/file.svg');
+  --jp-icon-refresh: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/refresh.svg');
+  --jp-icon-close: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/close.svg');
+  --jp-icon-inverse-close: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/close-inverse.svg');
+  --jp-icon-circle: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/circle.svg');
+  --jp-inverse-icon-circle: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/circle-inverse.svg');
+  --jp-icon-close-black: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/close-black.svg');
+  --jp-icon-search: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/search.svg');
+  --jp-icon-copy: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/copy.svg');
+  --jp-icon-cut: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/cut.svg');
+  --jp-icon-paste: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/paste.svg');
+  --jp-icon-download: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/download.svg');
+  --jp-icon-edit: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/edit.svg');
+  --jp-icon-ellipses: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/ellipses.svg');
+  --jp-icon-expand-less: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/expand-less.svg');
+  --jp-icon-expand-more: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/expand-more.svg');
+  --jp-icon-home: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/home.svg');
+  --jp-icon-jupyter: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/jupyter.svg');
+  --jp-icon-launcher: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/launcher.svg');
+  --jp-icon-more: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/more-horiz.svg');
+  --jp-icon-run: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/run.svg');
+  --jp-icon-save: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/save.svg');
+  --jp-icon-stop: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/stop.svg');
+  --jp-icon-text-editor: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/texteditor.svg');
+  --jp-icon-upload: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/upload.svg');
+  --jp-icon-question-mark: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/questionmark.svg');
+  --jp-icon-chat: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/chat.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');
+}

packages/theme-dark-extension/style/variables.css

@@ -33,80 +33,6 @@ all of MD as it is not optimized for dense, information rich UIs.
 
 :root {
 
-  /* Images
-
-  These images are included with JupyterLab for showing the Project Jupyter logo
-  */
-  --jp-image-jupyter: url('./lab/api/themes/jupyterlab-theme-dark-extension/images/jupyter-white-moons.svg');
-
-  /* Icons
-
-  These icons are used throughout JupyterLab.
-  */
-
-  /* The caret used for select dropdown styling. */
-
-  --jp-ui-select-caret: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/down_caret.svg');
-
-  /* Icons used in the application. */
-
-  --jp-icon-add: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/add.svg');
-  --jp-icon-book: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book.svg');
-  --jp-icon-book-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book_selected.svg');
-  --jp-icon-book-running: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book_running.svg');
-  --jp-icon-book-running-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/book_running_selected.svg');
-  --jp-icon-directory: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/directory.svg');
-  --jp-icon-directory-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/directory_selected.svg');
-  --jp-icon-new-directory: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/new-folder.svg');
-  --jp-icon-file-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/file_selected.svg');
-  --jp-icon-yaml: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/yml.svg');
-  --jp-icon-yaml-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/yml_selected.svg');
-  --jp-icon-spreadsheet: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/csv.svg');
-  --jp-icon-spreadsheet-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/csv_selected.svg');
-  --jp-icon-image: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/image.svg');
-  --jp-icon-image-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/image_selected.svg');
-  --jp-icon-json: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/json.svg');
-  --jp-icon-json-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/json_selected.svg');
-  --jp-icon-kernel-running: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/panorama_fish_eye.svg');
-  --jp-icon-markdown: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/markdown.svg');
-  --jp-icon-markdown-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/markdown_selected.svg');
-  --jp-icon-python: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/python.svg');
-  --jp-icon-python-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/python_selected.svg');
-  --jp-icon-r: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/r.svg');
-  --jp-icon-r-selected: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/r_selected.svg');
-  --jp-icon-console: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/console.svg');
-  --jp-icon-terminal: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/terminal.svg');
-  --jp-icon-file: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/file.svg');
-  --jp-icon-refresh: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/refresh.svg');
-  --jp-icon-close: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/close.svg');
-  --jp-icon-inverse-close: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/close-inverse.svg');
-  --jp-icon-circle: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/circle.svg');
-  --jp-inverse-icon-circle: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/circle-inverse.svg');
-  --jp-icon-close-black: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/close-black.svg');
-  --jp-icon-search: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/search.svg');
-  --jp-icon-copy: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/copy.svg');
-  --jp-icon-cut: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/cut.svg');
-  --jp-icon-paste: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/paste.svg');
-  --jp-icon-download: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/download.svg');
-  --jp-icon-edit: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/edit.svg');
-  --jp-icon-ellipses: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/ellipses.svg');
-  --jp-icon-expand-less: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/expand-less.svg');
-  --jp-icon-expand-more: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/expand-more.svg');
-  --jp-icon-home: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/home.svg');
-  --jp-icon-jupyter: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/jupyter.svg');
-  --jp-icon-launcher: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/launcher.svg');
-  --jp-icon-more: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/more-horiz.svg');
-  --jp-icon-run: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/run.svg');
-  --jp-icon-save: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/save.svg');
-  --jp-icon-stop: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/stop.svg');
-  --jp-icon-text-editor: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/texteditor.svg');
-  --jp-icon-upload: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/upload.svg');
-  --jp-icon-question-mark: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/jupyter/questionmark.svg');
-  --jp-icon-chat: url('./lab/api/themes/jupyterlab-theme-dark-extension/icons/md/chat.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');
-
-
   /* Borders
 
   The following variables, specify the visual styling of borders in JupyterLab.

packages/theme-light-extension/style/index.css

@@ -4,3 +4,4 @@
 |----------------------------------------------------------------------------*/
 
 @import url('./variables.css');
+@import url('./urls.css');

packages/theme-light-extension/style/urls.css

@@ -0,0 +1,82 @@
+/*-----------------------------------------------------------------------------
+| Copyright (c) Jupyter Development Team.
+| Distributed under the terms of the Modified BSD License.
+|----------------------------------------------------------------------------*/
+
+
+:root {
+
+  /* Images
+
+  These images are included with JupyterLab for showing the Project Jupyter logo
+  */
+  --jp-image-jupyter: url('./lab/api/themes/jupyterlab-theme-light-extension/images/jupyter.svg');
+
+  /* Icons
+
+  These icons are used throughout JupyterLab.
+  */
+
+  /* The caret used for select dropdown styling. */
+
+  --jp-ui-select-caret: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/down_caret.svg');
+
+  /* Icons used in the application. */
+
+  --jp-icon-add: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/add.svg');
+  --jp-icon-book: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book.svg');
+  --jp-icon-book-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book_selected.svg');
+  --jp-icon-book-running: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book_running.svg');
+  --jp-icon-book-running-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book_running_selected.svg');
+  --jp-icon-directory: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/directory.svg');
+  --jp-icon-directory-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/directory_selected.svg');
+  --jp-icon-new-directory: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/new-folder.svg');
+  --jp-icon-file-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/file_selected.svg');
+  --jp-icon-yaml: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/yml.svg');
+  --jp-icon-yaml-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/yml_selected.svg');
+  --jp-icon-spreadsheet: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/csv.svg');
+  --jp-icon-spreadsheet-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/csv_selected.svg');
+  --jp-icon-image: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/image.svg');
+  --jp-icon-image-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/image_selected.svg');
+  --jp-icon-json: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/json.svg');
+  --jp-icon-json-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/json_selected.svg');
+  --jp-icon-kernel-running: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/panorama_fish_eye.svg');
+  --jp-icon-markdown: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/markdown.svg');
+  --jp-icon-markdown-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/markdown_selected.svg');
+  --jp-icon-python: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/python.svg');
+  --jp-icon-python-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/python_selected.svg');
+  --jp-icon-r: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/r.svg');
+  --jp-icon-r-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/r_selected.svg');
+  --jp-icon-console: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/console.svg');
+  --jp-icon-terminal: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/terminal.svg');
+  --jp-icon-file: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/file.svg');
+  --jp-icon-refresh: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/refresh.svg');
+  --jp-icon-close: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/close.svg');
+  --jp-icon-inverse-close: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/close-inverse.svg');
+  --jp-icon-circle: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/circle.svg');
+  --jp-inverse-icon-circle: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/circle-inverse.svg');
+  --jp-icon-close-black: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/close-black.svg');
+  --jp-icon-search: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/search.svg');
+  --jp-icon-copy: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/copy.svg');
+  --jp-icon-cut: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/cut.svg');
+  --jp-icon-paste: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/paste.svg');
+  --jp-icon-download: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/download.svg');
+  --jp-icon-edit: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/edit.svg');
+  --jp-icon-ellipses: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/ellipses.svg');
+  --jp-icon-expand-less: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/expand-less.svg');
+  --jp-icon-expand-more: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/expand-more.svg');
+  --jp-icon-home: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/home.svg');
+  --jp-icon-jupyter: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/jupyter.svg');
+  --jp-icon-launcher: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/launcher.svg');
+  --jp-icon-more: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/more-horiz.svg');
+  --jp-icon-run: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/run.svg');
+  --jp-icon-save: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/save.svg');
+  --jp-icon-stop: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/stop.svg');
+  --jp-icon-text-editor: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/texteditor.svg');
+  --jp-icon-vega: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/vega.svg');
+  --jp-icon-upload: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/upload.svg');
+  --jp-icon-question-mark: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/questionmark.svg');
+  --jp-icon-chat: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/chat.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');
+}

packages/theme-light-extension/style/variables.css

@@ -33,81 +33,6 @@ all of MD as it is not optimized for dense, information rich UIs.
 
 :root {
 
-  /* Images
-
-  These images are included with JupyterLab for showing the Project Jupyter logo
-  */
-  --jp-image-jupyter: url('./lab/api/themes/jupyterlab-theme-light-extension/images/jupyter.svg');
-
-  /* Icons
-
-  These icons are used throughout JupyterLab.
-  */
-
-  /* The caret used for select dropdown styling. */
-
-  --jp-ui-select-caret: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/down_caret.svg');
-
-  /* Icons used in the application. */
-
-  --jp-icon-add: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/add.svg');
-  --jp-icon-book: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book.svg');
-  --jp-icon-book-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book_selected.svg');
-  --jp-icon-book-running: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book_running.svg');
-  --jp-icon-book-running-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/book_running_selected.svg');
-  --jp-icon-directory: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/directory.svg');
-  --jp-icon-directory-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/directory_selected.svg');
-  --jp-icon-new-directory: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/new-folder.svg');
-  --jp-icon-file-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/file_selected.svg');
-  --jp-icon-yaml: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/yml.svg');
-  --jp-icon-yaml-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/yml_selected.svg');
-  --jp-icon-spreadsheet: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/csv.svg');
-  --jp-icon-spreadsheet-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/csv_selected.svg');
-  --jp-icon-image: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/image.svg');
-  --jp-icon-image-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/image_selected.svg');
-  --jp-icon-json: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/json.svg');
-  --jp-icon-json-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/json_selected.svg');
-  --jp-icon-kernel-running: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/panorama_fish_eye.svg');
-  --jp-icon-markdown: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/markdown.svg');
-  --jp-icon-markdown-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/markdown_selected.svg');
-  --jp-icon-python: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/python.svg');
-  --jp-icon-python-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/python_selected.svg');
-  --jp-icon-r: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/r.svg');
-  --jp-icon-r-selected: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/r_selected.svg');
-  --jp-icon-console: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/console.svg');
-  --jp-icon-terminal: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/terminal.svg');
-  --jp-icon-file: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/file.svg');
-  --jp-icon-refresh: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/refresh.svg');
-  --jp-icon-close: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/close.svg');
-  --jp-icon-inverse-close: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/close-inverse.svg');
-  --jp-icon-circle: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/circle.svg');
-  --jp-inverse-icon-circle: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/circle-inverse.svg');
-  --jp-icon-close-black: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/close-black.svg');
-  --jp-icon-search: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/search.svg');
-  --jp-icon-copy: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/copy.svg');
-  --jp-icon-cut: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/cut.svg');
-  --jp-icon-paste: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/paste.svg');
-  --jp-icon-download: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/download.svg');
-  --jp-icon-edit: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/edit.svg');
-  --jp-icon-ellipses: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/ellipses.svg');
-  --jp-icon-expand-less: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/expand-less.svg');
-  --jp-icon-expand-more: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/expand-more.svg');
-  --jp-icon-home: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/home.svg');
-  --jp-icon-jupyter: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/jupyter.svg');
-  --jp-icon-launcher: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/launcher.svg');
-  --jp-icon-more: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/more-horiz.svg');
-  --jp-icon-run: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/run.svg');
-  --jp-icon-save: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/save.svg');
-  --jp-icon-stop: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/stop.svg');
-  --jp-icon-text-editor: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/texteditor.svg');
-  --jp-icon-vega: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/vega.svg');
-  --jp-icon-upload: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/upload.svg');
-  --jp-icon-question-mark: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/jupyter/questionmark.svg');
-  --jp-icon-chat: url('./lab/api/themes/jupyterlab-theme-light-extension/icons/md/chat.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');
-
-
   /* Borders
 
   The following variables, specify the visual styling of borders in JupyterLab.