seti-ui-chrome-dev-tools

KO | EN

gitlite — search

#python #hacktoberfest #go #linux #macos #java #windows #awesome #kubernetes #awesome-list #security #mcp #openai #open-source

seti-ui-chrome-dev-tools

(★ 9)

A syntax highlighting and UI skinning port of Seti UI to Chrome Developer tools

seti-ui-chrome-dev-tools 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#Note

The following readme may be incomplete, I am slowly changing it over for this theme, but it uses the base [Zero Base Themes](https://github.com/mauricecruz/zero-base-themes) readme.

The extension & theme are in production, and not all syntaxes are finished yet.

To use - enable the developer options in your chrome://extensions window and load an unpacked extension, you can build this with grunt, and load the files it produces.

![Seti UI Theme Image](http://f.cl.ly/items/3r0l3Q431K0o1W1o2e15/Screen%20Shot%202015-01-05%20at%2010.40.52%20PM.png "Seti UI Theme")

# Seti-UI Dev Tools Theme

A port of the [seti-ui](https://atom.io/themes/seti-ui) theme and syntax highlighting to Chrome Devtools that use the Zero Base Template.

# Contributing

Zero Base Themes is built on LESS. Grunt is used to listen for changes to LESS files and generates CSS. This means [Node](http://nodejs.org/) is required.

## Getting Started

1. Clone this repo: `git clone git@github.com:WillsonSmith/seti-ui-chrome-dev-tools.git`.

2. Install dependencies: `npm install`.

3. To use an existing theme: `grunt`. (If you're going to work on your own theme: `grunt watch` to listen for changes).

4. `Chrome > Preferences... > Extensions > DevTools Theme: Zero Dark Matrix = Enabled` (also enable `Allow incognito` below if you wish).

5. chrome://flags (make sure `Enable Developer Tools experiments` is enabled).

6. In Chome Dev Tools > Settings (cog icon or `Shift+?`) > Experiments > Allow custom UI themes.

7. Sometimes it's required to close and reopen the dev tools.

## Contributing to Template Source

All template files are located in the `/less` directory. Files beginning with an `_` indicate template partials. They are imported via `build.less`. Any addition/removal of template partials should be reflected in the build file.

## Changing Themes

Copy `/themes/_theme-template.less` and modify color values accordingly. Rename the file and save in the `/themes` directory. Specify the theme of your choice in `config.less`.

# About Canary

As of Version v. **33.0.1726.0**, themes only work via extensions and the developer tools experiments.

There is a [thread detailing how this method came about.](https://code.google.com/p/chromium/issues/detail?can=4&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified&groupby=&sort=&id=318566).  Feel free to voice your opinions there.

***

## Additional Resources

Blog post and screencast showing how to get up and running and create your own theme as well http://s10wen.com/blog/2014/03/12/chrome-dev-tools-theming-with-zero-base-themes/

seti-ui-chrome-dev-tools

seti-ui-chrome-dev-tools 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

seti-ui-chrome-dev-tools

seti-ui-chrome-dev-tools 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README