oriolmirosa / jupyterlab_materialdarker Goto Github PK

View Code? Open in Web Editor NEW

157.0 157.0 19.0 1.54 MB

The Material Darker theme for JupyterLab

License: BSD 3-Clause "New" or "Revised" License

TypeScript 1.92% CSS 76.67% JavaScript 2.18% Python 11.39% Jupyter Notebook 7.83%

jupyterlab jupyterlab-extension material-theme theme

jupyterlab_materialdarker's People

Contributors

Stargazers

Watchers

Forkers

mjtmace dunovank joshuata halhenke abhimanyuaryan itslijohnny yutiansut lepa22 mitmul onepan markmoretto mtracy-core apertus-dev kamilciomcia simeon49 chanon qaison

jupyterlab_materialdarker's Issues

problem with color scheme

comments are not visible at all. They are grey. Grey color doesn't look clear on black background

Also problem reading labels in matplotlib charts. I can't see any labels they are also black

How things look with white default scheme

Checkboxes in menus are barely visible

In Material Darker, checkboxes in the Jupyter Lab menus are black on dark gray. They should be white instead.

When using the search / command from the Vim extension, the highlighted word is white and covers the green vim cursor. Can you please add transparency to the highlighting so that the green vim cursor can show through?

error in npm run build

λ  npm run build

> @oriolmirosa/[email protected] build D:\x\jupyterlab_materialdarker
> run-p build:**


> @oriolmirosa/[email protected] build:typescript D:\x\jupyterlab_materialdarker
> tsc


> @oriolmirosa/[email protected] build:webpack D:\x\jupyterlab_materialdarker
> webpack

Hash: 1cea5f270c54dfb58b31
Version: webpack 2.7.0
Time: 1758ms
                               Asset     Size  Chunks             Chunk Names
5a0856eb52623ae94b09dbbf31a27b95.ttf   121 kB          [emitted]
43bb4cbf1d0ecfdb1309e4cb67264f35.ttf   121 kB          [emitted]
                           ignore.js  2.68 kB       0  [emitted]  main
                           index.css  69.7 kB       0  [emitted]  main
   [0] ./style/index.css 41 bytes {0} [built]
   [1] ./~/css-loader!./style/fonts.css 893 bytes [built]
   [2] ./~/css-loader!./style/index.css 1.2 kB [built]
   [3] ./~/css-loader!./style/urls.css 7.62 kB [built]
   [4] ./~/css-loader!./style/variables.css 13.3 kB [built]
   [5] ./~/css-loader/lib/css-base.js 2.26 kB [built]
   [6] ./~/css-loader/lib/url/escape.js 448 bytes [built]
   [7] ./~/style-loader/lib/addStyles.js 9.92 kB [built]
   [8] ./~/style-loader/lib/urls.js 3.01 kB [built]
   [9] ./style/icons/jupyter/book.svg 494 bytes [built]
  [10] ./style/icons/jupyter/book_selected.svg 465 bytes [built]
  [11] ./style/icons/jupyter/console.svg 446 bytes [built]
  [12] ./style/icons/jupyter/csv.svg 416 bytes [built]
  [13] ./style/icons/jupyter/csv_selected.svg 413 bytes [built]
  [14] ./style/icons/jupyter/directory.svg 668 bytes [built]
    + 74 hidden modules
Child extract-text-webpack-plugin:
       [0] ./~/css-loader/lib/css-base.js 2.26 kB {0} [built]
       [2] ./style/icons/jupyter/jupyter.svg 2.41 kB {0} [built]
       [3] ./style/icons/md/search.svg 415 bytes {0} [built]
       [4] ./style/images/jupyterlab-wordmark.svg 4.42 kB {0} [built]
       [5] ./~/css-loader!./style/fonts.css 893 bytes {0} [built]
       [6] ./~/css-loader!./style/urls.css 7.62 kB {0} [built]
       [7] ./~/css-loader!./style/variables.css 13.3 kB {0} [built]
       [8] ./~/css-loader!./style/index.css 1.2 kB {0} [built]
       [9] ./style/icons/jupyter/book.svg 494 bytes {0} [built]
      [10] ./style/icons/jupyter/book_selected.svg 465 bytes {0} [built]
      [11] ./style/icons/jupyter/console.svg 446 bytes {0} [built]
      [12] ./style/icons/jupyter/csv.svg 416 bytes {0} [built]
      [13] ./style/icons/jupyter/csv_selected.svg 413 bytes {0} [built]
      [14] ./style/icons/jupyter/directory.svg 668 bytes {0} [built]
      [85] ./style/images/caretup.png 329 bytes {0} [built]
        + 71 hidden modules
node_modules/@types/prop-types/index.d.ts(32,31): error TS2304: Cannot find name 'unique'.
node_modules/@types/prop-types/index.d.ts(32,38): error TS1005: '=' expected.
node_modules/@types/prop-types/index.d.ts(34,46): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(34,54): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(34,75): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(34,83): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(34,99): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(34,107): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(36,47): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(36,48): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(36,49): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(36,51): error TS2304: Cannot find name 'Exclude'.
node_modules/@types/prop-types/index.d.ts(36,59): error TS2304: Cannot find name 'V'.
node_modules/@types/prop-types/index.d.ts(36,61): error TS2304: Cannot find name 'K'.
node_modules/@types/prop-types/index.d.ts(36,65): error TS2532: Object is possibly 'undefined'.
node_modules/@types/prop-types/index.d.ts(36,76): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(36,84): error TS2693: 'Validator' only refers to a type, but is being used as a value here.
node_modules/@types/prop-types/index.d.ts(36,94): error TS2304: Cannot find name 'infer'.
node_modules/@types/prop-types/index.d.ts(36,100): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(36,100): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(36,103): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(36,105): error TS2693: 'IsOptional' only refers to a type, but is being used as a value here.
node_modules/@types/prop-types/index.d.ts(36,116): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(36,119): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(36,134): error TS2693: 'never' only refers to a type, but is being used as a value here.
node_modules/@types/prop-types/index.d.ts(36,142): error TS2304: Cannot find name 'K'.
node_modules/@types/prop-types/index.d.ts(36,144): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(36,146): error TS2693: 'never' only refers to a type, but is being used as a value here.
node_modules/@types/prop-types/index.d.ts(36,152): error TS1128: Declaration or statement expected.
node_modules/@types/prop-types/index.d.ts(36,154): error TS2304: Cannot find name 'keyof'.
node_modules/@types/prop-types/index.d.ts(36,160): error TS1005: ',' expected.
node_modules/@types/prop-types/index.d.ts(36,160): error TS2304: Cannot find name 'V'.
node_modules/@types/prop-types/index.d.ts(37,31): error TS2304: Cannot find name 'Exclude'.
node_modules/@types/prop-types/index.d.ts(38,50): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(38,51): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(38,52): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(38,54): error TS2693: 'InferType' only refers to a type, but is being used as a value here.
node_modules/@types/prop-types/index.d.ts(38,64): error TS2304: Cannot find name 'V'.
node_modules/@types/prop-types/index.d.ts(38,66): error TS2304: Cannot find name 'K'.
node_modules/@types/prop-types/index.d.ts(38,69): error TS1005: '(' expected.
node_modules/@types/prop-types/index.d.ts(38,71): error TS1128: Declaration or statement expected.
node_modules/@types/prop-types/index.d.ts(46,27): error TS2304: Cannot find name 'NonNullable'.
node_modules/@types/prop-types/index.d.ts(51,30): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(51,38): error TS2693: 'Validator' only refers to a type, but is being used as a value here.
node_modules/@types/prop-types/index.d.ts(51,48): error TS2304: Cannot find name 'infer'.
node_modules/@types/prop-types/index.d.ts(51,54): error TS1005: ';' expected.
node_modules/@types/prop-types/index.d.ts(51,54): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(51,57): error TS1109: Expression expected.
node_modules/@types/prop-types/index.d.ts(51,59): error TS2304: Cannot find name 'T'.
node_modules/@types/prop-types/index.d.ts(53,31): error TS2344: Type 'RequiredKeys<V>' does not satisfy the constraint 'keyof V'.
node_modules/@types/prop-types/index.d.ts(69,78): error TS2304: Cannot find name 'NonNullable'.
node_modules/@types/prop-types/index.d.ts(73,75): error TS2304: Cannot find name 'Required'.
node_modules/@types/react/index.d.ts(2291,41): error TS2304: Cannot find name 'Exclude'.
node_modules/@types/react/index.d.ts(2297,27): error TS1005: ';' expected.
node_modules/@types/react/index.d.ts(2297,35): error TS2693: 'any' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2298,7): error TS2693: 'string' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2298,14): error TS1005: ':' expected.
node_modules/@types/react/index.d.ts(2298,22): error TS2304: Cannot find name 'keyof'.
node_modules/@types/react/index.d.ts(2298,28): error TS1005: ';' expected.
node_modules/@types/react/index.d.ts(2298,28): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2298,32): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2299,9): error TS1109: Expression expected.
node_modules/@types/react/index.d.ts(2299,11): error TS2693: 'Pick' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2299,16): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2299,19): error TS2304: Cannot find name 'Exclude'.
node_modules/@types/react/index.d.ts(2299,33): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2299,42): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2300,9): error TS1005: '(' expected.
node_modules/@types/react/index.d.ts(2300,11): error TS2693: 'Partial' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2300,24): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2300,27): error TS2304: Cannot find name 'Extract'.
node_modules/@types/react/index.d.ts(2300,41): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2300,50): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2301,9): error TS1005: '(' expected.
node_modules/@types/react/index.d.ts(2301,11): error TS2693: 'Partial' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2301,24): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2301,27): error TS2304: Cannot find name 'Exclude'.
node_modules/@types/react/index.d.ts(2301,41): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2301,50): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2302,5): error TS1005: '(' expected.
node_modules/@types/react/index.d.ts(2302,7): error TS2693: 'never' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2302,12): error TS1005: ')' expected.
node_modules/@types/react/index.d.ts(2314,49): error TS1005: ';' expected.
node_modules/@types/react/index.d.ts(2314,59): error TS7028: Unused label.
node_modules/@types/react/index.d.ts(2314,70): error TS2304: Cannot find name 'infer'.
node_modules/@types/react/index.d.ts(2314,76): error TS1005: ';' expected.
node_modules/@types/react/index.d.ts(2314,76): error TS2304: Cannot find name 'T'.
node_modules/@types/react/index.d.ts(2314,79): error TS7028: Unused label.
node_modules/@types/react/index.d.ts(2314,93): error TS2304: Cannot find name 'infer'.
node_modules/@types/react/index.d.ts(2314,99): error TS1005: ';' expected.
node_modules/@types/react/index.d.ts(2314,99): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2315,13): error TS1128: Declaration or statement expected.
node_modules/@types/react/index.d.ts(2315,15): error TS2693: 'Defaultize' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2315,41): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2315,65): error TS2304: Cannot find name 'T'.
node_modules/@types/react/index.d.ts(2315,70): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2316,13): error TS1005: '(' expected.
node_modules/@types/react/index.d.ts(2316,15): error TS2304: Cannot find name 'C'.
node_modules/@types/react/index.d.ts(2316,17): error TS1005: ',' expected.
node_modules/@types/react/index.d.ts(2316,38): error TS2304: Cannot find name 'infer'.
node_modules/@types/react/index.d.ts(2316,44): error TS1005: ',' expected.
node_modules/@types/react/index.d.ts(2316,45): error TS1005: ':' expected.
node_modules/@types/react/index.d.ts(2317,19): error TS2693: 'MergePropTypes' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2317,34): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2317,58): error TS2304: Cannot find name 'T'.
node_modules/@types/react/index.d.ts(2318,17): error TS1005: '(' expected.
node_modules/@types/react/index.d.ts(2318,19): error TS2304: Cannot find name 'C'.
node_modules/@types/react/index.d.ts(2318,21): error TS1005: ',' expected.
node_modules/@types/react/index.d.ts(2318,45): error TS2304: Cannot find name 'infer'.
node_modules/@types/react/index.d.ts(2318,51): error TS1005: ',' expected.
node_modules/@types/react/index.d.ts(2318,52): error TS1005: ':' expected.
node_modules/@types/react/index.d.ts(2319,23): error TS2693: 'Defaultize' only refers to a type, but is being used as a value here.
node_modules/@types/react/index.d.ts(2319,34): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2319,37): error TS2304: Cannot find name 'D'.
node_modules/@types/react/index.d.ts(2320,21): error TS1005: '(' expected.
node_modules/@types/react/index.d.ts(2320,23): error TS2304: Cannot find name 'P'.
node_modules/@types/react/index.d.ts(2320,24): error TS1005: ')' expected.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @oriolmirosa/[email protected] build:typescript: `tsc`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @oriolmirosa/[email protected] build:typescript script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\yutiansut\AppData\Roaming\npm-cache\_logs\2019-03-25T05_16_33_846Z-debug.log
ERROR: "build:typescript" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @oriolmirosa/[email protected] build: `run-p build:**`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @oriolmirosa/[email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\yutiansut\AppData\Roaming\npm-cache\_logs\2019-03-25T05_16_33_926Z-debug.log

Scroll past end not working

The standard Jupyter Lab Light and Dark themes allow you to scroll past the end of a notebook. This is nice because it allows you to center the cell you are currently working on. Especially nice if you are using Jupyter Lab with a vertical monitor layout.

Switching to the Material Darker breaks the scroll past end functionality.

jupyterlab v > 2.0 compatibility

Not compatible with new Jupyterlab v 2.0.1

Hi there.. looking for update to support jupyter lab 4.0

Title says it all :)

Nice theme!

Compatibility with Jupyterlab 0.32

I got this theme a few weeks back I think. And I recently had to update Jupyterlab to 0.32 but it seems that the theme is no longer compatible.

Is this being addressed (or probably has already been addressed already and I missed this)?

Font blending with the dark background in dask-labextension tabs

Using this extension alongside dask-labextension will produce fonts in the dask tabs that blends in the dark background, as shown:

Update for jupyterlab v3?

May require an overhaul; jupyterlab 3 uses webpack v5, which is causing issues such as Error: Automatic publicPath is not supported in this browser when I attempt to run. But to be fair, I'm just trying to hack this to work as I don't know frontend stuff at all.

How to add the ocean or pale type to this?

I 'd like to be the theme not so dim and not so light like atom,or pale theme .How can I debug this?or say how you finally reach this? Thanks!

Screenshot for README.md

Compatibility with Jupyterlab 0.35

Hi! Nice theme, the extension does not work with latest jupyterlab

ValueError: This extension does not yet support the current version of JupyterLab.


Conflicting Dependencies:
JupyterLab              Extension        Package
>=0.19.1 <0.20.0        >=0.18.2 <0.19.0 @jupyterlab/application
>=0.19.1 <0.20.0        >=0.18.2 <0.19.0 @jupyterlab/apputils

Search results have same color as font foreground

As title. Example:

Searching in jupyter is therefore impossible. Current workaround: use browser search function.

Inverse layout colour variables are not set

These variables are used when diagrams require a light background. See:

https://github.com/jupyterlab/jupyterlab/blob/5211238d72626c1fd7b1fcfb92a1052c8e025380/packages/theme-dark-extension/style/variables.css#L196-L218

Installation freezes on Resolving packages... @oriolmirosa/jupyterlab_materialdarker@file:../extensions/oriolmirosa-jupyterlab_materialdarker-0.3.0.tgz

After running jupyter labextension install @oriolmirosa/jupyterlab_materialdarker the installation appears to freeze after about a minute. Here is the log:

jupyter labextension install @oriolmirosa/jupyterlab_materialdarker                                                             
> /usr/local/bin/npm pack @oriolmirosa/jupyterlab_materialdarker
npm notice
npm notice 📦  @oriolmirosa/[email protected]
npm notice === Tarball Contents ===
npm notice 1.6kB   package.json
npm notice 546B    README.md
npm notice 193B    lib/index.d.ts
npm notice 664B    lib/index.js
npm notice 120.5kB static/43bb4cbf1d0ecfdb1309e4cb67264f35.ttf
npm notice 120.5kB static/5a0856eb52623ae94b09dbbf31a27b95.ttf
npm notice 67.3kB  static/index.css
npm notice === Tarball Details ===
npm notice name:          @oriolmirosa/jupyterlab_materialdarker
npm notice version:       0.3.0
npm notice filename:      oriolmirosa-jupyterlab_materialdarker-0.3.0.tgz
npm notice package size:  132.7 kB
npm notice unpacked size: 311.3 kB
npm notice shasum:        464b4a2d4f14e9f1b27dcfda43d2af473a4eab65
npm notice integrity:     sha512-AXb7J2FcgaBJr[...]kBT5W0mGuCC1A==
npm notice total files:   7
npm notice
oriolmirosa-jupyterlab_materialdarker-0.3.0.tgz
> node /anaconda3/lib/python3.6/site-packages/jupyterlab/staging/yarn.js install
yarn install v1.5.1
(node:6932) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
info No lockfile found.
[1/4] 🔍  Resolving packages...
⠈ @oriolmirosa/jupyterlab_materialdarker@file:../extensions/oriolmirosa-jupyterlab_materialdarker-0.3.0.tgz

I've given it over an hour to finish before giving up. Now every time I launch jupyter lab it's saying "@oriolmirosa/jupyterlab_materialdarker needs to be included in build" and asks me to start the build process.

Any suggestions on how I might fix this?

Many thanks!

Status bar not showing in JupyterLab 3

The status bar is not visible in JupyterLab 3 even when the "Show Status Bar" option is selected. I can confirm that the status bar is showing for other themes.

Darcula theme:

Material darker theme:

In and Out color is too light to see clearly

First, nice theme!

I think the In [] and Out [] color is too light, is it possiable to change the brightness?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

Jobs

Jooble