moox/atom-monokai-tweaked-ui

Atom Monokai Tweaked UI theme

Hey!

I am MoOx, a front-end developer making mobile, web & desktop apps. I enjoy working with:

• ⚛️ React & React Native (for iOS, Android, Web, Windows, macOS)
• ⛑ JavaScript, TypeScript & ReScript
• 🚀 ReScript React Native (which I created).

💬 You can easily message me 📩 via many platforms.

More informations about me on my website https://moox.io.

atom-monokai-tweaked-ui's Issues

Weird hover effect of the tabs

When you hover over a tab, this tab and every other tab (in the same part of Atom - for example in the editor) get wider. I assume this hover effect should only affect the currently active tab (and it looks really weird when every tab gets wider on hover of only ONE tab).

Should this be fixed somehow? I get a bit sick of the look of it :D

I can open a PR when I find the LESS class that causes this issue. (Haven't found anything yet)

Use the selector `atom-pane-axis.horizontal` instead of the `pane-row` class.

In index.less: Use the selector atom-pane-axis.horizontal instead of the pane-row class.

Use the `atom-pane-container` tag instead of the `panes` class.

In index.less: Use the atom-pane-container tag instead of the panes class.

Use the selector `atom-panel.modal` instead of the `overlay` class.

In index.less: Use the selector atom-panel.modal instead of the overlay class.

Deprecated selector in `monokai-tweaked-ui/index.less`

In monokai-tweaked-ui/index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• atom-text-editor::shadow .highlighted.selection .region => atom-text-editor.editor .highlighted.selection .region

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

Use the selector `atom-text-editor[mini]` to select mini-editors.

In index.less: Use the selector atom-text-editor[mini] to select mini-editors.

Use the `atom-workspace` tag instead of the `workspace` class.

In index.less: Use the atom-workspace tag instead of the workspace class.

Use the `atom-text-editor` tag instead of the `editor-colors` class.

In index.less: Use the atom-text-editor tag instead of the editor-colors class.

Use the selector `atom-pane-axis.vertical` instead of the `pane-column` class.

In index.less: Use the selector atom-pane-axis.vertical instead of the pane-column class.

Use the `atom-text-editor` tag instead of the `editor` class.

In index.less: Use the atom-text-editor tag instead of the editor class.

Style elements within text editors using the `atom-text-editor::shadow` selector or the `.atom-text-editor.less` file extension.If you want to target overlay elements, target them directly or as descendants of `atom-overlay` elements.

In index.less: Style elements within text editors using the atom-text-editor::shadow selector or the .atom-text-editor.less file extension.
If you want to target overlay elements, target them directly or as descendants of atom-overlay elements.

monokai tweaked theme not showing up for selection on Theme dropdown

I am using MacOS El-Capitan running Atom 1.10.2, installed monokai-tweaked but it was not showing up as a choice to select in the UI theme dropdownlist.
any way to resolve this ?

Deprecated selector in `monokai-tweaked-ui\index.less`

In monokai-tweaked-ui\index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• atom-text-editor::shadow .highlighted.selection .region => atom-text-editor.editor .highlighted.selection .region

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

Use the selector `atom-panel.left` instead of the `panel-left` class.

In index.less: Use the selector atom-panel.left instead of the panel-left class.

Use the `atom-pane` tag instead of the `pane` class.

In index.less: Use the atom-pane tag instead of the pane class.

Use the selector `atom-panel` instead of the `tool-panel` class.

In index.less: Use the selector atom-panel instead of the tool-panel class.

Use the selector `atom-panel.bottom` instead of the `panel-bottom` class.

In index.less: Use the selector atom-panel.bottom instead of the panel-bottom class.