{"id":13608109,"url":"https://github.com/yeebc/jupyterlab-neon-theme","last_synced_at":"2025-04-09T16:07:13.494Z","repository":{"id":35135898,"uuid":"211337656","full_name":"yeebc/jupyterlab-neon-theme","owner":"yeebc","description":"A flat, 80's neon inspired theme for JupyterLab.","archived":false,"fork":false,"pushed_at":"2023-03-14T15:24:31.000Z","size":5274,"stargazers_count":158,"open_issues_count":8,"forks_count":11,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-09T16:06:56.693Z","etag":null,"topics":["cyberpunk","jupyter","jupyterlab","jupyterlab-extension","jupyterlab-theme","neon","synthwave","theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yeebc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-09-27T14:29:10.000Z","updated_at":"2025-03-16T03:34:46.000Z","dependencies_parsed_at":"2024-01-17T00:18:19.267Z","dependency_job_id":"80ec3066-53c2-413a-b321-af962cafad35","html_url":"https://github.com/yeebc/jupyterlab-neon-theme","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeebc%2Fjupyterlab-neon-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeebc%2Fjupyterlab-neon-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeebc%2Fjupyterlab-neon-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yeebc%2Fjupyterlab-neon-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yeebc","download_url":"https://codeload.github.com/yeebc/jupyterlab-neon-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248065286,"owners_count":21041871,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cyberpunk","jupyter","jupyterlab","jupyterlab-extension","jupyterlab-theme","neon","synthwave","theme"],"created_at":"2024-08-01T19:01:24.322Z","updated_at":"2025-04-09T16:07:13.457Z","avatar_url":"https://github.com/yeebc.png","language":"CSS","funding_links":[],"categories":["JupyterLab主题"],"sub_categories":[],"readme":"# Jupyterlab Neon Theme\n\n![Monthly Downloads](https://img.shields.io/npm/dm/@yeebc/jupyterlab_neon_theme?style=for-the-badge\u0026color=36f9f6)\n![GitHub stars](https://img.shields.io/github/stars/yeebc/jupyterlab-neon-theme?style=for-the-badge\u0026color=fffb00)\n![License](https://img.shields.io/npm/l/@yeebc/jupyterlab_neon_theme?style=for-the-badge\u0026color=ef38e3)\n\nA flat, 80's neon inspired theme for JupyterLab.\n\n\u003cimg src=\"https://raw.githubusercontent.com/yeebc/jupyterlab-neon-theme/master/screenshots/Neon Night.png\" /\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/yeebc/jupyterlab-neon-theme/master/screenshots/Neon Sunset.png\" /\u003e\n\nThis theme is hightly inspired by artworks of 80's Neon, Synthwave and Cyberpunk. It is optimized for **long-term use** but colorful and cooool.\n\n## Big update\nThere is a big update for the color scheme since version 3.0.0. If you are **old users** and don't like the new style, please find the archive [here](https://github.com/yeebc/jupyterlab-neon-theme/tree/archive_version2.x). However, unfortunately it would not be maintained anymore.\n\n## Bonuses\n**1. Search tool * Neon billboard**\n\u003cimg src=\"https://raw.githubusercontent.com/yeebc/jupyterlab-neon-theme/master/screenshots/Billboard.png\" /\u003e\n\n**2. Collapser * Neon light**\n\u003cimg src=\"https://raw.githubusercontent.com/yeebc/jupyterlab-neon-theme/master/screenshots/Collapser.png\" /\u003e\n\n**3. Scrollbar * FM-84's \"Atlas\"  (only compatible with webKit browsers)**\n\u003cimg src=\"https://raw.githubusercontent.com/yeebc/jupyterlab-neon-theme/master/screenshots/Scrollbar.png\" /\u003e\n\n**4. Presentation mode (**Top menu** --\u003e **View** --\u003e **Presention mode**)**\n\u003cimg src=\"https://raw.githubusercontent.com/yeebc/jupyterlab-neon-theme/master/screenshots/Presentation.png\" /\u003e\n\n\n## Customize\nYou may don't like the default background or the transparent UI, so codes concerning these controversial designs are separately put into [`custom.css`](https://github.com/yeebc/jupyterlab-neon-theme/tree/master/style/custom.css) and detailly commented for you to customize. \n\nAfter you edited css files, please follow instructions in the [Development installation](https://github.com/yeebc/jupyterlab-neon-theme#development-installation) to reinstall.\n\n### 1. Transparent left/top bar\nPLease follow the comments to ajust the transparency.\n\n### 2. Background\nTwo gradient backgrounds, 'Neon Night' and 'Neon Sunset', are provided. The default style is 'Neon Night' and you can uncomment codes to employ 'Neon Sunset' style.\n\nTo use an image as background, uncomment the corresponding part of codes, and change the url to the path of your image.\n\n### 3. Fonts\nTo change fonts of editor and neon, firstly, add your font files to [`fonts`](https://github.com/yeebc/jupyterlab-neon-theme/tree/master/style/fonts) directory and update [`fonts.css`](https://github.com/yeebc/jupyterlab-neon-theme/blob/master/style/fonts.css) to register them. Then follow my comments to employ your registered fonts.\n\n\n## Compatibility\nTo support gradient scrollbars showed in screenshots, **webKit browsers** like chrome are required. Otherwise, please activate the **Theme Scrollbars** in the **Top menu** --\u003e **Settings** --\u003e **JupyterLab Theme** for dark scrollbars (except **Edge**). This color scheme is primarily designed for python and ipynb, so there may be issues in other situations. If any problem you find, please report it to me in the [Github](https://github.com/yeebc/jupyterlab-neon-theme/issues) and I'll try to fix it as soon as possible.\n\n\n## Prerequisites\n* JupyterLab \u003e= 3.0.0\n\nThis theme is an extension of Jupyterlab. In order to install JupyterLab extensions, you need to have Node.js installed and enable the **Extension Manager** which is disabled by default. More information can be found in the [Official User Guide](https://jupyterlab.readthedocs.io/en/stable/user/extensions.html).\n```bash\nconda install -c conda-forge nodejs\n```\n\n## Package installation\n* Using GUI\n\nYou can use the extension manager to find and install this theme for JupyterLab. Please check [Official User Guide](https://jupyterlab.readthedocs.io/en/stable/user/extensions.html#finding-extensions) for detailed instructions.\n\n* Using the command\n```bash\njupyter labextension install @yeebc/jupyterlab_neon_theme\n```\n\n\n## Development installation\nFor a development install (requires npm version 4 or later), clone this github repo and do the following in the repository directory:\n\n```bash\nnpm install\njupyter labextension link .\n```\n\nTo rebuild the package and the JupyterLab app:\n\n```bash\nnpm run build\njupyter lab build\n```\n\n\n## Contributing\nI welcome any contribution to this theme. You can get more imfomation about the project structure of JupyterLab theme extensions from [Official Document](https://jupyterlab.readthedocs.io/en/stable/developer/css.html).\n\n\n## Thanks\nYou may also like  [SynthWave '84](https://github.com/robb0wen/synthwave-vscode), my favorite VS Code theme,  with similar style and  it is more compatible with HTML \u0026 CSS, JS.\n\nAnd [Welcome to 1984](https://github.com/juanmnl/vs-1984).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyeebc%2Fjupyterlab-neon-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyeebc%2Fjupyterlab-neon-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyeebc%2Fjupyterlab-neon-theme/lists"}