Giter VIP home page Giter VIP logo

dark-coordinates's Introduction

Dark Coordinates

Dark Coordinates is a Chrome extension that displays live mouse coordinates in a dark theme and might be useful for devs made by the PlawLabs's Junior Team. The extension uses a browser action to display the coordinates in a fixed position on the screen, and updates the display in real-time as the mouse moves.

Installation

To install Dark Coordinates, follow these steps:

  1. Clone or download this repository to your computer.
  2. Open Chrome and navigate to chrome://extensions.
  3. Turn on developer mode by clicking the toggle switch in the top-right corner of the screen.
  4. Click the "Load unpacked" button in the top-left corner of the screen.
  5. Select the folder containing the cloned or downloaded repository.

The extension should now be installed and ready to use.

Usage

To use Dark Coordinates, simply move your mouse and watch the coordinates display in real-time. The extension updates the display every time the mouse moves, so you can track the coordinates with precision.

If you want to customize the theme or opacity level of the coordinates display, you can open the options page by right-clicking the extension icon in the toolbar and selecting "Options". From there, you can choose between a dark or light theme, and adjust the opacity level with a slider.

Contributing

If you find a bug or have a suggestion for improving Dark Coordinates, feel free to open an issue or submit a pull request. All contributions are welcome!

License

Dark Coordinates is released under the MIT License. Feel free to use, modify, and distribute the code as you see fit.

dark-coordinates's People

Contributors

plawlost avatar

Watchers

 avatar

dark-coordinates's Issues

Missing Options for Customizing Theme and Opacity Level

Description:

Currently, the Dark Coordinates extension provides a dark theme for displaying the mouse coordinates, but there is no way for users to customize this theme or adjust the opacity level. The README.md mentions that an options page exists where users can make these customizations, but this feature is not currently implemented.

I propose adding an options page to the extension where users can choose between a dark or light theme for the coordinates display, as well as adjust the opacity level with a slider. This would provide a more customizable experience for users and make the extension more versatile.

Thank you for your attention to this issue.

Mouse coordinates not displayed outside popup box

Description:

The mouse coordinates are only displayed inside the popup box and do not update or show outside of it. Additionally, the coordinates are based on the top left corner of the popup rather than the actual mouse position on the screen.

Steps to reproduce:

  1. Install the "Dark Coordinates" extension.
  2. Click the extension icon to open the popup.
  3. Move the mouse outside of the popup box.
  4. Notice that the coordinates are frozen and do not update.

Expected behavior:

The mouse coordinates should be displayed and updated outside of the popup box, and should be based on the actual mouse position on the screen rather than the top left corner of the popup.

Actual behavior:

The mouse coordinates are only displayed and updated inside the popup box, and are based on the top left corner of the popup rather than the actual mouse position on the screen.

Additional information:

Operating system: MacOS 13.2.1
Browser version: Google Chrome Version 112.0.5615.49 (Official Build) (arm64)
Extension version: 1.0

Thank you in advance for your help:)

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.