![]() ![]() To get here, Go to "Atom > Preferences" Select "Themes" and click the settings icon next to "Seti" under UI Theme dropdown This should make for easier grokking when you're searching for a file. Seti now has 8 theme colors to choose from:įile icons will now show up in the file search ( cmd+ p) dialog in addition to the side bar and tabs. Seti UI has been updated with a cleaner, more streamlined interface, a slightly tweaked color scheme, additional icons and new user settings, as well as a handful of other small ui improvements and a refactored code base. Visual Studio Code - but, PRs are still submitted here.If these are not the droids you're looking for, may I point you in the direction of these great ports: In addition, there is a new Seti theme for Hyper. I also have Seti Syntax for theming the code view in Atom. ![]() This is for the interface of the Atom editor. Please Note: This is the Seti interface theme for Atom only Please don't include the built files in your Pull Requests, because it can cause conflicts between PRs and we only need to do this during deploys otherwise. Then, you can make you SVG changes, re-run gulp icon, node build/update-icon-theme.js and re-launch your dev copy of VS Code. Make sure that inside extensions/theme-seti/build/update-icon-theme.js - let FROM_DISK is set to true.cd to extensions/theme-seti and run node build/update-icon-theme.js Once you've confirmed that, you need to update the icons.Follow the VS Code instructions to set up a local dev copy.Clone VS Code, and make sure that it has the same parent as seti-ui.icon-set('.sass', 'sass', 'sass', Run gulp svg to minimize the svg files. There are currently 9 supported icon colors: icon-set('.scss', 'sass', first parameter '.scss' is the file extension you want to target, the second parameter 'sass' is the name of the icon you just created, without the extension (sass.svg), and the last parameter indicated what color the icon should be. Assuming you were adding an icon for Sass it might look something like this. Open styles/components/icons/mapping.less and create a link for the icon you just added with the. Once everything is setup, follow these steps any time you want to add a new icon:Ĭreate an SVG icon with the name of the language, and save it to the icons folder (do not use any spaces or special characters) There's a sketch file with examples in this repo. You want to aim for a frame of 32x32 with the icon centered at and being about 18 x 18 big.Use a single color, the colors will be overwritten to one of the 9 below when shipped.Once you have these, you will need to open a terminal window, navigate to the seti-ui folder and run npm install (note you only need to do this once). For example does your language/tool have package downloads or vscode extensions with tens of thousands of users? If no, then there's a possibility we will deny your pull request.Īdding an icon requires you have node and gulp installed. This means we only accept PRs for file icons for popular languages or toolsets. Given that changes to this repo are included in VS Code, we are somewhat conservative with adding new file icons because it can affect the performance for everyone. Seti Syntax is also available for all your code. It includes custom file icons, and new user configurable settings. The theme is a dark interface theme crafted especially for Atom, with subtle colors that are meant to be easy on the eyes. ![]() It contains the default icons used in VS Code and the seti-ui theme for Atom. This repo contains the latest version of the Seti UI theme. ![]()
0 Comments
Leave a Reply. |