Git Product home page Git Product logo

unity-ui's Introduction

Unity UI

An Atom theme for a more native experience on OS X

unity

Install

From the command line:

$ apm install unity-ui

Alternatively, open Atom Preferences, select Themes > Search for unity, then Install.

Activate the theme by selecting the Themes section of Preferences.

unity-ui's People

Contributors

cliffrowley avatar dgraham avatar jtkiley avatar mathiasbynens avatar moox avatar orderedlist avatar simurai avatar stevehedrick avatar tsmango avatar ylansegal avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

unity-ui's Issues

Missing Scrollbars

Recently, I lost the scrollbars with this theme. They may show up in the first window when I start up the editor, but get lost at the point where I switch between tabs...

The Scrollbars reappear when I switch to a default theme, and they will stay when I switch the theme back to unity - only to disappear again when I switch tabs.

This is the same for horizontal and vertical srollbars.

Theme not available as Syntax Theme

Installed theme within Atom. Theme option appears as a UI Theme option and works, but does not show in Syntax Theme as an option.

screen shot 2014-08-08 at 6 10 08 pm

Atom 0.120.0
OS X 10.9.4

ui-variables.less missing?

You're probably aware of this, but from the "Creating a Theme" guide:

Interface themes must provide a ui-variables.less file which contains all of the variables provided by the core themes.

Maybe this information is outdated? Or perhaps you've hidden the file away in that santa hat. Frankly, there's a good chance I'm misunderstanding why it's required, just figured I'd point it out. Thanks for the theme.

Tab bar not consistent with other apps on yosemite

Its missing a 1px border between the tabs and title bar. Looks like the height on .tab-bar is 1px short for it.

Tabs

The border also remains when the tab is active.

Quick fix:

.unity-mac-new {
  .tab-bar {
    height: 27px;
  }
  .tab.active, .tab:hover.active {
    border-top-color: transparent;
  }
}

Still looks off with atom's titlebar not matching the same background gradient as other apps though. I'm guessing thats upstream in atom-shell and not something the theme can change.

For anoter ed?

Hi
Maybe theme can be 'ported' to Cudatext [uvviewsoft.com]?

PWD on tab hover gets truncated

I just noticed the file path that appears on hover of any document tab doesn't display the full file path, but instead gets truncated with what appears to be overflow: ellipses.

image

Autocomplete popup is rendered transparent

In the latest release of Unity-UI (2.0.1), popups for autocomplete are rendered transparent and are difficult to read. This problem did not exist in the 1.x release cycle.

unity

For reference, this is what it looks like in the One Light UI theme:

one_light

atom-text-editor appears to be missing a font color

Since updating to the latest version on Atom 0.166.0 the colour for the text in the field is missing or set to match the background colour? As such nothing shows. See below screen grabs.

If you look really close there is some copy in there
screen shot 2015-01-07 at 15 49 35

This is more like it should be
screen shot 2015-01-07 at 15 49 49

I've noticed this when searching within the file, project or when using emmet.

ThemePackage.activateConfig is deprecated.

Latest 0.195 atom is putting up this warning with Unity UI enabled:


Use a config schema instead. See the configuration section
of https://atom.io/docs/latest/hacking-atom-package-word-count and
https://atom.io/docs/api/latest/Config for more details

ThemePackage.activateConfig (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:247:11)
ThemePackage.activateNow (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:218:14)
<unknown> (/Applications/Atom.app/Contents/Resources/app.asar/src/theme-package.js:48:26)
ThemePackage.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:147:15)

Bottom Right Icons Misaligned

I am running El Capitan (10.11.6) and Atom 1.12.9 with Unity-UI 2.1.8.

The Bottom right icons (I.e. Pending updates, current Language etc.) are misaligned, starting from approx. the midpoint of the bottom bar.

Some UI changes can lead to the alignment to update to the correct position but I haven't figured out what exactly prompts this change.

Deprecation

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[mini] .placeholder-text, atom-text-editor[mini]::shadow .placeholder-text, atom-text-editor[mini].editor .placeholder-text => atom-text-editor[mini] .placeholder-text, atom-text-editor[mini].editor .placeholder-text, atom-text-editor[mini].editor .placeholder-text
atom-text-editor[mini] .selection .region, atom-text-editor[mini]::shadow .selection .region, atom-text-editor[mini].editor .selection .region => atom-text-editor[mini] .selection .region, atom-text-editor[mini].editor .selection .region, atom-text-editor[mini].editor .selection .region
atom-text-editor[mini] .cursor, atom-text-editor[mini]::shadow .cursor, atom-text-editor[mini].editor .cursor => atom-text-editor[mini] .cursor, atom-text-editor[mini].editor .cursor, atom-text-editor[mini].editor .cursor
atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow, atom-text-editor[mini].is-focused.editor => atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused.editor, atom-text-editor[mini].is-focused.editor
atom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused::shadow .selection .region, atom-text-editor[mini].is-focused.editor .selection .region => atom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused.editor .selection .region, atom-text-editor[mini].is-focused.editor .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.

Which syntax theme in the screenshot?

I'm using "Base16 Tomorrow Dark" with Source Code Pro typeface @ 14px. Have stuck with this for a long time in Sublime, but type in Atom is very fuzzy with the same.

Curious what you're using the screenshot because the coloration looks similar and fairly crisp.

Selected text is not highlighted

In Atom Settings when you select text that is not highlighted

Unity Ui Version: 2.1.8
OS: Mac OS Sierra 10.12.3
Atom version: 1.14.4

ThemePackage.activateConfig is deprecated.

Use a config schema instead. See the configuration section
of https://atom.io/docs/latest/hacking-atom-package-word-count and
https://atom.io/docs/api/latest/Config for more details

ThemePackage.activateConfig (D:\Users\mgursel\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:247:11)
ThemePackage.activateNow (D:\Users\mgursel\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:218:14)
<unknown> (D:\Users\mgursel\AppData\Local\atom\app-0.196.0\resources\app.asar\src\theme-package.js:48:26)
ThemePackage.measure (D:\Users\mgursel\AppData\Local\atom\app-0.196.0\resources\app.asar\src\package.js:147:15)

Fixing the whoa-big-status-bar until next release

Hello Steve (or if you prefer, Mr. List),

You're most likely doing a release soon, but I'll go ahead anyway and most-formally declare for the record that a few December commits are not included in the latest one—among them is this fix for the "whoah, big status bar."

I absolutely love this UI theme, but that one just kept bothering me. So, I noticed that it was fixed in the dark fork of it, checked that repo, and saw that—hey—the fix had been pulled in from here. :)

So if other users want to patch it up until it's released, just click "your stylesheet" in the theme preferences and add this little snipplerette:

atom-panel.tool-panel.bottom {
  padding: 0;
}

(I admit I'm not quite sure what the other two lines in the commit achieve.)

atom_-_unity_ui_bug

That shall be all. Thanks a lot for the time and effort, because what you've spawned here is a gorgeous thang for us Yosemite'ers occasionally using Atom.

PS. I'm currently passing around a petition in my neighborhood to get you to blog. So far, I have five signatures (four of them are not my own; four others not my cat's friend's). Will update you when I get to 100. :trollface:

xoxo—D.

Can't resize bottom dock

I am no longer able to resize the bottom dock when using the unity-ui theme. This only seems to affect the bottom dock; the resize cursor just does not appear at all.

Using atom 1.25.1 on MacOS 10.13.4

Unsaved file indicator

Thank you for creating this theme! It would be helpful if the file tab included some indicator when a file has changes that are unsaved.

Tab Height Jumps While Dragging

I've noticed this strange issue where dragging a tab will cause the tab bar height to jump, making it a little tough to complete the drag in certain circumstances. At first I thought this was an Atom specific issue, but after some testing, I'm not seeing the same issue in other themes.

Here's a screen cap:

2017-01-19 11_30_16

Tab background does not update with window titlebar

To reproduce:

  • Unfocus the window
  • Focus the window
  • Watch the active tab background, specifically where it meets the window titlebar

It "flickers" around 300ms (coincidence, resembling PhoneGap?) behind the window titlebar.

I'm not sure if this is a bug with Atom itself or not, but it's annoying.

Causes a bug in my package

Hello,

I have recently released a package and some users have reported a bug when using your theme with it. I would like to work together to help solve this and get people going :)

ThemePackage.activateConfig is deprecated.

Use a config schema instead. See the configuration section
of https://atom.io/docs/latest/hacking-atom-package-word-count and
https://atom.io/docs/api/latest/Config for more details

ThemePackage.activateConfig (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:267:11)
ThemePackage.activateNow (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:238:14)
<unknown> (/Applications/Atom.app/Contents/Resources/app.asar/src/theme-package.js:48:26)
ThemePackage.measure (/Applications/Atom.app/Contents/Resources/app.asar/src/package.js:167:15)

Show unsaved files

Hello, nice theme. I noticed the Atom Dark theme shows a blue circle on the right side of the tab for editor tabs that are not saved. When I use Unity-ui I don't see an indicator to easily distinguish if a tab is saved or not. This would be very helpful.

Hides icons in tree view

Hi there,

the themes don't show any icons in the tree view, which makes it much harder to use the outline view than necessary.

broken unity-ui
working standard theme

multirow-tabs

When used with the multirow-tabs package the tabs all become 100% width.

Deprecated selector in `unity-ui/index.less`

In unity-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[mini] .placeholder-text, atom-text-editor[mini]::shadow .placeholder-text => atom-text-editor[mini] .placeholder-text, atom-text-editor[mini].editor .placeholder-text

  • atom-text-editor[mini] .selection .region, atom-text-editor[mini]::shadow .selection .region => atom-text-editor[mini] .selection .region, atom-text-editor[mini].editor .selection .region

  • atom-text-editor[mini] .cursor, atom-text-editor[mini]::shadow .cursor => atom-text-editor[mini] .cursor, atom-text-editor[mini].editor .cursor

  • atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow => atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused.editor

  • atom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused::shadow .selection .region => atom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused.editor .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.

Tabs are not equal width

In Yosemite (Safari) multiple tabs are the same width. Here, they aren't which seems "off".

screen shot 2014-09-29 at 11 21 39 am

I think it might also be convenient for you to offer a setting to have normal-width tabs (as in some other themes) with the Yosemite "look" in addition to the Yosemite full-width tabs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.