jupyterlab_mechanicum_dark_theme 1.0.3 → 1.0.7

package/README.md

@@ -37,12 +37,12 @@ Recite it once before a long training run. Recite it twice before a demo.
 
 ## What the theme changes
 
-- **Text areas** - the editor, the notebook, the terminal and the file list are flat and nearly black, with parchment-coloured text. No pattern lies behind text
+- **Text areas** - the editor, the notebook, the terminal and the file list are flat and nearly black, with parchment-coloured text; the terminal's default text is the grey-green of an old terminal. No pattern lies behind text
 - **Panels and toolbars** - crimson cloth with gold stitching
 - **Top bar** - the Cog Mechanicum as the icon in the top-left corner, the menu in capitals, and a frieze of Latin mottos in the free middle of the bar
 - **Fonts** - the theme sets no font: all text keeps the font of JupyterLab
 - **Activity bars** - plain iron; the open panel's icon stands on crimson
-- **Tabs of the main area** - the open tab is a crimson banner with a thin gold edge, on a bar of plain iron
+- **Tabs of the main area** - the open tab is a crimson banner with a thin gold edge, on a bar of plain iron; the strip under the tab bar continues the banner
 - **Launcher** - a thin strip of riveted steel across the top: the Cog Mechanicum, a skull that is half bone and half machine in a gear, between the words `ADEPTUS` and `MECHANICUS` in gold, steel plates with a gold rail beside it and hazard stripes at both ends; section titles over an embroidered band, cards as stitched patches with gears in the corners
 - **Notebook** - headings in gold with an embroidered band, a red first letter in the title, gears as list bullets, a crimson ribbon and a purity seal on the active cell
 - **Dialogs and menus** - cloth with a stitched hem; a purity seal hangs in the corner of every dialog
@@ -52,7 +52,7 @@ Recite it once before a long training run. Recite it twice before a demo.
 
 A blinded adept computes nothing. The ornament must not make the lab harder to use. Three rules hold everywhere:
 
-- **Contrast** - every text and code colour has a contrast of 4.8 or more against the editor background; body text has 10 or more
+- **Contrast** - every text and code colour has a contrast of 4.8 or more against the editor background; body text has 10 or more, and the terminal's grey-green default text has 8.4
 - **No bright areas** - no large area is brighter than the crimson of the cloth. Selected rows are crimson with a gold thread, and no row is a block of gold
 - **No motion** - the theme has no animation
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jupyterlab_mechanicum_dark_theme",
-    "version": "1.0.3",
+    "version": "1.0.7",
     "description": "Dark Adeptus Mechanicum theme for JupyterLab: crimson cloth, gold embroidery, steel and parchment",
     "keywords": [
         "jupyter",

package/style/mechanicum.css

@@ -21,6 +21,11 @@
   --mech-crimson: #7d241e;
   --mech-crimson-dark: #4f1512;
   --mech-iron: #14100f;
+  --mech-banner-foot: #5c1a16; /* the bottom of the selected tab and the strip under the tab bar */
+  --mech-phosphor: #9eb59c; /* terminal text, the grey-green of an old terminal: 8.4 on the terminal background */
+  --mech-parchment: var(
+    --jp-ui-font-color0
+  ); /* the theme's own value, kept for the children of body */
 }
 
 /* only the background: selected code keeps its colours */
@@ -28,6 +33,21 @@
   background: var(--mech-crimson);
 }
 
+/* ---------------------------------------------------------------------------
+ * Terminal: the grey-green text of an old terminal
+ * ------------------------------------------------------------------------- */
+
+/* the terminal reads its text colour from --jp-ui-font-color0 as computed on body. The value
+   changes on body alone: the children of body get the theme's value back, so no other text
+   changes colour */
+body {
+  --jp-ui-font-color0: var(--mech-phosphor);
+}
+
+body > * {
+  --jp-ui-font-color0: var(--mech-parchment);
+}
+
 /* ---------------------------------------------------------------------------
  * Cloth: the frame of the application is crimson cloth
  * ------------------------------------------------------------------------- */
@@ -144,13 +164,30 @@
   color: var(--jp-ui-font-color0);
 }
 
+/* the gold line is one ring. A line in the colour of the strip covers its bottom segment,
+   so the tab joins the strip under it */
 .lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-current {
-  background: linear-gradient(#872a22, #5c1a16);
+  background: linear-gradient(#872a22, var(--mech-banner-foot));
   border-color: var(--mech-gold-dark);
-  box-shadow: inset 0 0 0 1px rgba(227, 200, 120, 0.28);
+  box-shadow:
+    inset 0 -1px 0 var(--mech-banner-foot),
+    inset 0 0 0 1px rgba(227, 200, 120, 0.28);
   color: #f6ecce;
 }
 
+/* the strip under the tab bar of a panel with no toolbar buttons, such as a terminal: it
+   continues the selected tab, as in the sibling themes */
+.jp-MainAreaWidget > .jp-Toolbar.jp-Toolbar-micro {
+  background: var(--mech-banner-foot);
+}
+
+/* a tab coloured by jupyterlab_colourful_tab_extension. The extension sets a background
+   colour only, so the gradient and the gold line are removed and the colour fills the tab */
+.lm-DockPanel-tabBar .lm-TabBar-tab.lm-mod-current[class*='jp-colourful-tab-'] {
+  background-image: none;
+  box-shadow: none;
+}
+
 /* stylelint-disable no-descending-specificity */
 
 /* ---------------------------------------------------------------------------