search

harshkhandeparkar / rainbow-board

Cross-platform electron-based Whiteboard app.
https://harshkhandeparkar.github.io/rainbow-board
MIT License
63 stars 5 forks source link

Board Background colour selector #20

Open hilakata opened 2 years ago

hilakata commented 2 years ago

As a rainbow-board user I need a green background colour in order to use rainbow-board as a whiteboard overlay in OBS for live annotations during screen casts or video recordings.

Solution: Option 1: Background colour is changeable in settings. Option 2: A 'Green Room' theme

harshkhandeparkar commented 2 years ago

Could you elaborate what you mean by "Green Room Theme"? We can discuss this on Discord if you like, the server link is in the README file.

hilakata commented 2 years ago

The board background colour of the (not yet existing) Greenboard Theme is set to #00FF00 and not white as for Default Light / Dark Whiteboard, or black for Default Dark / Light Blackboard. (your existing themes) This way I can record in OBS a window in which rainbow-board is running as a source on top of the screen I am showing, and the background of rainbow-board becomes completely transparent by using a chroma key filter set to #00FF00 (in OBS). This way I can interactively 'whiteboard' on top of what I am showing as the main screen in OBS.

hilakata commented 2 years ago

Addendum: The icing on the cake would be a slightly darker green for the ruler options ('Set Background'). This is a nice to have only.

harshkhandeparkar commented 2 years ago

I can make a theme but instead of adding it to the app (which will take time), I can send you a "plugin" for now that will add the theme to your installation if you tell me your operating system.

The darker green ruler will take more time as well.

hilakata commented 2 years ago

No worries, didn't expect such a fast response. ;)

Ubuntu 20.04 LTS

harshkhandeparkar commented 2 years ago

Here's the zipped plugin file: green-screen.zip

The zip file has a folder called green-screen, you will have to put the folder in ~/.config/Rainbow Board/plugins or ~/.config/rainbow-board/plugins, whichever directory exists.

Secondly, you will have to change the file ~/.config/Rainbow Board/settings.json or ~/.config/rainbow-board/settings.json. Find the line "plugins": [] and replace it with "plugins": ["green-screen"].

Relaunch the app after doing this and new themes will appear in the settings.