{"id":13407465,"url":"https://github.com/orta/Essence","last_synced_at":"2025-03-14T12:31:04.028Z","repository":{"id":66647014,"uuid":"76271961","full_name":"orta/Essence","owner":"orta","description":"A VSCode UI.","archived":false,"fork":false,"pushed_at":"2017-02-02T22:09:04.000Z","size":11169,"stargazers_count":76,"open_issues_count":0,"forks_count":7,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-23T12:17:20.656Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":false,"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/orta.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}},"created_at":"2016-12-12T15:56:45.000Z","updated_at":"2024-05-05T21:38:37.000Z","dependencies_parsed_at":"2023-02-22T17:16:13.355Z","dependency_job_id":null,"html_url":"https://github.com/orta/Essence","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orta%2FEssence","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orta%2FEssence/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orta%2FEssence/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/orta%2FEssence/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/orta","download_url":"https://codeload.github.com/orta/Essence/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243577775,"owners_count":20313697,"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":[],"created_at":"2024-07-30T20:00:40.829Z","updated_at":"2025-03-14T12:31:03.423Z","avatar_url":"https://github.com/orta.png","language":"CSS","readme":"A pragmatic [fork of flagello/Essence](https://github.com/flagello/Essence) mixing my [inline toolbar style](https://github.com/Microsoft/vscode/pull/12628)\n\n![Showcase](showcase/i/E1.png)\n\n---\n\n## Using\n\n### Traffic Lights\n\nSet the user setting `\"window.titleBarStyle\": \"custom\"`.\n\nNow you need to edit the code the VS Code ships with.\n\n\n### Code `1.9.0`\n\nYou need to change the traffic light positions to move down a bit, this is controlled by `titleBarStyle` on a new Window.\n\nSet the user setting `\"window.titleBarStyle\": \"custom\"`.\n\nThen:\n```\ncode /Applications/Visual\\ Studio\\ Code.app/Contents/Resources/app/out/vs/code/electron-main/main.js\n```\n\nEdit `(h.titleBarStyle=\"hidden\",` to be `(h.titleBarStyle=\"hidden-inset\",`.\n\n```\ncode /Applications/Visual\\ Studio\\ Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/workbench.main.js\n```\n\n#### Make it fit\nEdit `prototype.isFullscreen=function(){this._fullscreen` to `prototype.isFullscreen=function(){return true; this._fullscreen`\n\n#### Ensure wide activitybar\nEdit `this.activitybarWidth=r?0:this.partLayoutInfo` to `this.activitybarWidth=r?0:65,this.partLayoutInfo`\n\n### Code `1.8.0` + `1.8.1`\n\nEdit `(w.titleBarStyle=\"hidden\",` to be `(w.titleBarStyle=\"hidden-inset\",`.\n\n### Colors\n\nYou need to use the extension \"[Custom CSS and JS Loader](https://github.com/be5invis/vscode-custom-css)\" - search and install it.\n\nThen clone this repo.\n\n```\ngit clone https://github.com/orta/Essence.git\n```\n\nSet a user preference for your custom CSS:\n\n```\n  \"vscode_custom_css.imports\": [\n      \"file:///Users/orta/dev/misc/Essence/essence.css\"\n  ],\n```\n\nRun the command \"Enable Custom CSS and JS\".\n\nRestart VS Code.\n\n### Done\n\nYou will see \"Your Code installation appears to be corrupt. Please reinstall.\" on every new window, press escape to make it go away. You have modded VS Code\n\nI use the color theme \"Ayu Light\". If you find others that fit well, I'd love to make a list in here, send me a PR.\n\n---\n\n### Want to make improvements?\n\nThe front-end is just a website, so you can use the chrome web inspector to make your changes. What I do is use the command \"Developer: Toggle Developer Tools\" then dig through the DOM to find the element to style.\n\nYou can make your changes at runtime to verify them, then add them to the CSS file. Then validate they work by doing \"Reload Window\".\n","funding_links":[],"categories":["UI","用户界面"],"sub_categories":["[Spotify](https://marketplace.visualstudio.com/items?itemName=shyykoserhiy.vscode-spotify)","[Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forta%2FEssence","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Forta%2FEssence","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Forta%2FEssence/lists"}