Giter Club home page Giter Club logo

vscode-rainbowcolors's Introduction

RainbowColors

RainbowColors is an extension that changes the foreground or background color rainbowly after a certain interval or a few keystrokes have been made.

Why???

I created this extension because I wanted to learn or expand my knowledge of the following points:

  • Have fun developing vscode extensions with vscode.
  • TypeScript
  • Compiling with tsc
  • esbuild (bundling extensions used in VS Code for Web environments)
  • VSCode Testing
Repository GitHub Visual Studio Marketplace
GitHub release (latest by date) GitHub open issues GitHub closed issues Visual Studio Marketplace last-updated Visual Studio Marketplace Version
GitHub license GitHub pull requests GitHub closed pull requests Visual Studio Marketplace Rating release-date
GitHub language count GitHub contributors Visual Studio Marketplace Rating (Stars) Visual Studio Marketplace Rating
GitHub code size in bytes GitHub downloads VSC marketplace download VSC marketplace install
Status
GitHub commits since tagged version GitHub Workflow Lint GitHub Workflow Pages

Feature

The rainbowColors.event setting defines which event triggers the RainbowColors function. This event determines when the foreground or background color changes in a rainbow pattern. The available options for this setting are interval and keystrokes.

When set to interval, the colors will change at a specified time interval. When set to keystrokes, the colors will change after a certain number of keystrokes have been made. You can customize this setting according to your preference by modifying the value of rainbowColors.event in the extension's settings.

Start RainbowColors

Starts the rainbow colors animation.

Shortcut: strg + alt + r, s
Command: RainbowColors: Start.

Stop RainbowColors

Stops the rainbow colors animation and restores the original color customizations workbench.colorCustomizations.

Shortcut: strg + alt + r, e
Command: RainbowColors: Stop.

Pause RainbowColors

Pauses the rainbow colors animation. The current color remains the same.

Shortcut: strg + alt + r, p
Command: RainbowColors: Pause.

Remove RainbowColors

Removes rainbow colors from the VS Code workspace workbench.colorCustomizations.

Shortcut: strg + alt + r, q
Command: RainbowColors: Remove.

RainbowColors RainbowColors RainbowColors

Settings

Preferences -> Settings -> Extensions -> RainbowColors

Name Description Default Value
rainbowColors.event Defines which event executes the RainbowColor function. interval
rainbowColors.mode Defines which color change is to be carried out. foreground
rainbowColors.interval The interval (in seconds) between change the colors. 5
rainbowColors.numberOfKeystrokes Specifies the number of keystrokes that must be performed before the colors changes. 3
rainbowColors.numberOfColors Specifies the number of colors to be used for generating the rainbow colors. 100
rainbowColors.background Defines which background areas should be changed.
rainbowColors.foreground Defines which foreground (borders and shadows) areas are to be changed.
rainbowColors.colorCustomizations This is the original colorCustomizations setting. (Overrides colors from the currently selected color theme.).

Settings


Installation

To install this extension, you have three options:

1. Search Extension in Marketplace

Search and install online extension via VSC extensions menu.

Code -> Preferences -> Extensions simply search for RainbowColors to install.

2. Install via vsix file

Download latest vsix file and install via extensions menu.

Code -> Preferences -> Extensions -> Views and More Action -> Install from VSIX.

3. Source code

Download archive with the latest release and unpack it to VisualStudioCode extensions folder $HOME/.vscode/extensions/.


Download

For download see VSCode-RainbowColors


Enjoy!

Your Denny Korsukéwitz 🚀

vscode-rainbowcolors's People

Contributors

dennykorsukewitz avatar

Stargazers

Bird avatar

Watchers

 avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

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

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.