$ apm install apex-ui
This variant:
Slim variant:
- Check out Unsplash for wallpapers
- Remove title bar
- Apex UI Slim
- Apex Syntax
tjholowaychuk.com · GitHub @tj · Twitter @tjholowaychuk
Apex monochrome Atom theme UI.
License: MIT License
$ apm install apex-ui
This variant:
Slim variant:
tjholowaychuk.com · GitHub @tj · Twitter @tjholowaychuk
I don't get an indication on the tabs or the list that a file has been changed and not saved.
I prefer light personally but hey.
Firstly, thanks for publishing this theme! It's awesome.
I'm having some strange behavior with the command palette. When I first open it up and don't type anything, it takes the full width of the screen:
After typing a little, it changes width size:
Something weird I noticed was if I closed the tree-view
, reopened it, and then opened the command palette, it started off in the right position:
Everytime you open the command palette after that, it starts off at the right size. However, what's a bit weirder is if you press esc a couple of times from the main editor, and then open the command palette it goes back to the full size:
Kind of a weird issue, but I'll try to look into the styles and see if anything's causing it or if it's some other package I have installed (although I don't think so since I don't have many custom packages).
I didn't really spend much time on that yet, I like a more muted contrast, but a few things are probably a tad light.
Hi tj
First of all I want to congratulate you for making such a cool theme.. It is indeed one of the best theme that I have ever seen.
I frequently face this problem when renaming or creating folders/files using atom.. The width of new item creator window or palette is not enough, I cant see what i am writing or editing.
Status bar is not a great place for this IMO, and I just dislike the status bar in general.
Error tips etc
In apex-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].is-focused::shadow .cursor
=> atom-text-editor[mini].is-focused.editor .cursor
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
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.
Hard to tell if it's a bug somewhere or what, just changed out of nowhere, title bar is back as well
Hi,
First of all, I would like to thank you for making this minimalistic theme. I really like it. One issue that I regularly face is this create new file
issue. The textbox for entering name is not wide enough for some names, especially when the font size is large. Also there is no highlighting when I select text in this textbox.
The new option to remove it entirely makes the padding uneven
The variable @base-background-color
in the ui package overrides the syntax @syntax-background-color
.
Currently Atom doesn't actually let you remove the title bar without hacking Atom's codebase... some day :D
Hi TJ,
Thank you so much for this great theme.
Is there any extension for VS Code? Any plans?
Thanks,
Akash
Review the Project Find & Replace. It isn't correctly styled.
Great work so far! 👍
Upgraded Atom to 1.13 and I have this deprecation notification for Apex-UI. It also crashes quite a lot, I am trying to get some logs for the crashes.
In apex-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].is-focused::shadow .cursor
=> atom-text-editor[mini].is-focused.editor .cursor
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
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.
I use this quite a bit to jump around, but the opaque dialog gets annoying.
I saw the lack of an Apex icon for atom, so I went ahead and made one. :)
The download link for the .icns file is here if you like it add it to your readme so others can download it too.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.