README.md

What it is?

It is a dark theme for https://observablehq.com

How to use

1. Install Violentmonkey extension
2. Load test.user.js script.
3. Open your favorite observable notebook

Contributing

Setting up your favourite editor

• Firstly read this Install a local script

Let's use "hard way"

• Your browser is Google Chrome or Mozilla Firefox
• Install node.js if it's not installed
• Run npm install in project directory
• Start http server by running npm start or http-server -c5
• Open url in browser http://localhost:8080/test.user.js
• Click on options button and select Track local file before this window is closed
• Click Confirm installation or install button

Note: You will need to reload browser after each script change.

Issues:

• User can't see border line in markdown ---
• User can't see brackets that have red color
• User can't see cursor
• User can't see selected text
• User can't see current working cell
• User can't see placeholders like alt-backspace to delete
• Booleans are dark green, it's bad
• Code completion (you can press TAB for code completion) use wrong background and text colors
• Buttons! Publish, like, menu
• Right panel `graph of dependencies` needs more contrast colors
• Help ("?" in bottom right corner)
  • Keyboard shortcuts
  • Other submenus
• Notebook comments have white background