{"id":13426583,"url":"https://github.com/webmatze/hyperborder","last_synced_at":"2025-04-05T02:12:06.552Z","repository":{"id":41676346,"uuid":"63541709","full_name":"webmatze/hyperborder","owner":"webmatze","description":"adds a gradient border to the Hyper terminal","archived":false,"fork":false,"pushed_at":"2023-10-02T18:56:38.000Z","size":539,"stargazers_count":249,"open_issues_count":6,"forks_count":29,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-29T03:02:03.438Z","etag":null,"topics":["animation","extension","gradient-border","hyper","hyperterm"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webmatze.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-07-17T16:31:39.000Z","updated_at":"2025-02-24T06:04:26.000Z","dependencies_parsed_at":"2022-07-07T21:44:03.516Z","dependency_job_id":"e41d4c58-6268-4875-9771-45faba704a88","html_url":"https://github.com/webmatze/hyperborder","commit_stats":{"total_commits":110,"total_committers":17,"mean_commits":6.470588235294118,"dds":"0.36363636363636365","last_synced_commit":"197dfbf1cc7f7257f83609e6b647377347515f0a"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmatze%2Fhyperborder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmatze%2Fhyperborder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmatze%2Fhyperborder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webmatze%2Fhyperborder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webmatze","download_url":"https://codeload.github.com/webmatze/hyperborder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247276189,"owners_count":20912288,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","extension","gradient-border","hyper","hyperterm"],"created_at":"2024-07-31T00:01:38.395Z","updated_at":"2025-04-05T02:12:06.532Z","avatar_url":"https://github.com/webmatze.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# hyperborder - extension for Hyper\nadds a gradient border to the `Hyper` terminal\n\n![](https://cldup.com/pL94ODfQNP.png)\n\n## Installation\nadd it to plugins in your `~/.hyper.js` configuration\n\n````\nmodule.exports = {\n  ...\n  plugins: ['hyperborder']\n  ...\n}\n````\nthen just restart `Hyper` app or go to the menu 'Plugins / Update All Now'\n\n## Configuration\nThe following settings can be configured by adding a `hyperBorder` section in your `.hyper.js` `config` section:\n\n| Setting              | Type                 | Description                                            |\n|----------------------|----------------------|--------------------------------------------------------|\n| `borderWidth`        | `string`             | CSS string for how thick the borders should be         |\n| `borderRadiusInner`  | `string`             | CSS string for round inner corners                     |\n| `borderRadiusOuter`  | `string`             | CSS string for round outer corners                     |\n| `borderColors`       | `string`, `string[]` | The color(s) for the border                            |\n| `adminBorderColors`  | `string`, `string[]` | The color(s) for the border for an admin/elevated window. This follows the precedence  of `adminBorderColors` \u003e `borderColors` \u003e defaultColors                                    |\n| `blurredColors`      | `string`, `string[]` | The color(s) of the borders when the window isn't active |\n| `blurredAdminColors` | `string`, `string[]` | The color(s) of the borders when the admin/elevated window isn't active. This follows the precedence of `blurredAdminColors` \u003e `blurredColors` \u003e `adminBorderColors` \u003e `borderColors` \u003e defaultColors |\n\n## A note on admin/root colors\nThe use of Hyper under the admin/root account is mainly intended for Windows' users (where it is common to run an application in\nelevated mode), since on Linux/OSX you would typically utilize the `sudo \u003ccommand\u003e` command. _Technically_ you can run Hyper as root\non non-Windows machines (there are issues running Hyper as root under a [Wayland](https://wayland.freedesktop.org/) desktop), though\nin this case, the root user will actually have their own copy of `.hyper.js` configuration.\n\n### EXAMPLE: Set Border Colors And Width\n\n```javascript\nmodule.exports = {\n  config: {\n    ...\n      hyperBorder: {\n        borderColors: ['#fc1da7', '#fba506'],\n        borderWidth: '8px'\n      }\n    ...\n  }\n}\n```\n\n### EXAMPLE: Set Border Colors To Random Colors\n\nIn addition, you can set any color value to `'random'` (string value):\n\n```javascript\nmodule.exports = {\n  config: {\n    ...\n      hyperBorder: {\n        borderColors: ['random','random'],\n        borderWidth: '8px'\n      }\n    ...\n  }\n}\n```\n\nThen every newly opened `Hyper` terminal window will have a different colored border.\n\n### EXAMPLE: Animate Border Colors\nYou like some animations? Then try this:\n\n```javascript\nmodule.exports = {\n  config: {\n    ...\n    hyperBorder: {\n      animate: true,\n      ...\n    }\n    ...\n  }\n}\n```\n\nTo change the speed of animation, specify an object with a `duration` property in milliseconds:\n\n```javascript\nmodule.exports = {\n  config: {\n    ...\n    hyperBorder: {\n      animate: {\n        duration: '1000',  // default is 18000\n      },\n      ...\n    }\n    ...\n  }\n}\n```\n\n### EXAMPLE: Angled Gradients\nBecause we use CSS3's `linear-gradient`, we're able to specify angles at which to create the radius. Set your own angle like this:\n\n```javascript\nmodule.exports = {\n  config: {\n    ...\n    hyperBorder: {\n      borderAngle: '180deg',\n      ...\n    }\n    ...\n  }\n}\n```\n\n## Download Hyper here\nhttps://hyper.is/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebmatze%2Fhyperborder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebmatze%2Fhyperborder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebmatze%2Fhyperborder/lists"}