Create gorgeous watch faces for time in Active Tabs & Toolbar Icon : From Start36

Latest Version

Version

1.0

Update

October 16, 2024

Size

106KiB

Developer

Hello Time Colorful Clock Faces [HTCCF] Extension

###Create colorful clocks within your Active Tabs and/or Pinned Icon in the browser's toolbar.

Be unhinged with your creativity in your custom watch faces.

Shows Digital time (watch) as well as Analog time (clock).

Use the default set of PRESETS as a base and go wild with your customizations.

_______
######SELECT WHERE TO SHOW:
- Active Tabs
- Pinned Icon
- Select either or both
- KINDLY DON'T UNCHECK BOTH (you may, if you insist, though!). THIS WILL NOT SHOW LIVE CLOCK at either place!

_______
Customize each of the HOURS/MINUTES/SECONDS hands:
- Pick your own colors with intuitive color panels
- Select transparency levels with easy bar sliders
- If you don't want a particular CIRCLE or HAND (say, HOURS CIRCLE or HOURS HAND) use the transparency bar sliders to set them to ZERO (take them all the way to the extreme left)
- Select your own thickness of the CIRCLE or HAND

_______
Additional Hovering-Dynamic-Circle For SECONDS:
- Pick a Fill color to add radiant gloss
- Pick a Shine color to add radiant glow
- Go wild and try various combinations

See As You Change - Intuitive Live Preview, SAVE once you like what you see

Supports 8 languages to help you with your customized settings.

_______
Runs efficiently:
- runs only in one active tab per window of the browser
- all other instances are paused. This is why we need the permissions to dynamically run/pause per tab. Is usually very quick to stop running in previously active tabs and instantly runs the clock in your newly active tab.

Very lightweight:
Only adds a DIV & a CANVAS to your HTML content.

_______
PLACE your clock:
- IMAGINE ORIGIN (0,0) at the bottom-left corner of your browser window
- SELECT your horizontal x offset
- SELECT your vertical y offset
- INTUITIVE LIVE PREVIEW SHOWS WHERE your clock will be displayed once you hit save

You didn't save yet, but you don't like your last set of changes?:
- Easy, just select \"Current Settings\" from PRESETS dropdown
- It does an undo and takes you back to the settings of what's currently running the clock

REMEMBER to hit SAVE button
- After hitting save (and closing the popup options screen), try to go back to another tab and you should instantly see the new settings take effect.

_______
TO SEE BIGGER SETTINGS SCREEN visually, Move your mouse over to and hover on the SETTINGS GEAR ICON at the top right of the SETTINGS SCREEN and just click it. This should launch the SETTINGS SCREEN in a new tab. Use your normal ZOOM controls of the browser (like Ctrl+ and Ctrl-) to zoom in.

_______
Known issues:
- Transparency levels of the digital time (background color and text color) is occasionally not honored by the pinned icon
- On uninstall, kindly refresh the tabs to remove the clock face
- Sometimes, if you see any flicker or if your clock is paused (say, on your system's sleep & wakeup, on long running sites (e.g.: Youtube) or if you've shifted across mutliple tabs too quickly in a matter of seconds with keyboard shortcuts or via programmatic controllers without necessary wait periods), please refresh your latest active tab to run the clock in it.

ABSOLUTELY, NO DATA is collected, nothing is transmitted over the network. DOES NOT READ OR STORE any of your personal data, any of your browsing activities. Only saves your customized settings of your clock face using Chrome's storage API.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "1.0", "name": "Hello Time Colorful Clock Faces [HTCCF]", "description": "Create gorgeous watch faces for time in Active Tabs & Toolbar Icon : From Start36", "icons": { "16": "icon_16.png", "32": "icon_32.png", "48": "icon_48.png", "72": "icon_72.png", "128": "icon_128.png", "512": "icon_512.png" }, "action": { "default_title": "Hello Time Colorful Clock Faces [HTCCF] from Start36", "default_popup": "action.settings.ui.html" }, "background": { "service_worker": "background.service.worker.js" }, "content_scripts": [ { "js": ["lib.common.js", "lib.drawer.js", "content.injector.js"], "matches": [ "" ] } ], "options_page": "action.settings.ui.html", "permissions": ["scripting", "tabs", "storage", "idle"], "host_permissions": [""] } "

Download CRX(106KiB)