Giter Club home page Giter Club logo

atom-dark-ui's Introduction

This package is now a part of the core Atom repository, please direct all issues and pull requests there in the future!


Atom Dark UI theme

A dark UI theme for Atom.

This theme is installed by default with Atom and can be activated by going to the Themes section in the Settings view (cmd-,) and selecting it from the UI Themes drop-down menu.

atom-dark-ui's People

Contributors

alhadis avatar anaisbetts avatar benogle avatar brucevang avatar daviwil avatar fredwu avatar kevinsawicki avatar lee-dohm avatar marciojc avatar mcolyer avatar mnquintana avatar oclbdk avatar postcasio avatar richerlariviere avatar shama avatar simurai avatar ssorallen avatar taylorlapeyre avatar wil93 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

atom-dark-ui's Issues

Building Atom with dark-ui 0.33.0 fails

This is Win8, while building v121.

Tried it twice, but script/build keeps failing trying to download atom-dark-ui 0.33.0:
image

Changing the version in package.json back to 0.32.0, allows the build to continue successfully:
image

I was going to raise the issue on the atom repo, but the problem seems to be specific with this package's latest version?

Two different background colors

Prerequisites

Description

The atom-dark-ui theme uses two slightly different background colors on the editor: a lighter one that extends some space beyond the text on the line, and a darker one that extends to the rest of the editor edge. Different length lines thus have the lighter background going to different extents, producing an ugly staircase effect.

image

Steps to Reproduce

  1. Choose "Atom Dark" UI theme in settings
  2. Choose "Atom Dark" syntax theme in settings
  3. Open an editor window with a variety of different line lengths
  4. Observe the two distinct backgrounds

Expected behavior: For there to be a single background color that covers the entirety of the editor.

Actual behavior: There are two backgrounds colors, a lighter one, and a darker one.

Reproduces how often: Always.

Versions

Atom : 1.14.1
Electron: 1.3.13
Chrome : 52.0.2743.82
Node : 6.5.0

apm 1.15.3
npm 3.10.5
node 4.4.5 x64
python 2.7.10
git 2.11.0.390.gc69c2f50cf-goog

Running on macOS Sierra, Version 10.12.2.

Additional Information

None.

tabs do have too much left padding - waste of space

Description

Currently tabs do have too much left padding on them and they are wasting screen real-estate, displaying less of the filenames.

styles less atom 2017-04-04 11-21-13

If there is no desire to change the default style to make it better use the space, please do at least provide information on how to tune the stylesheet in order to lower the amount of wasted space.

Tree-View font-size from Settings?

Feature Request: At the moment its possible to change the font-size of the editor in the settings, but the font-size of the tree-view remains unchanged. In my case 11px is a way to small. I have set it via the styles.less to 13px. Would it be possible to set the same font-size that the editor has?

https://github.com/atom/atom-dark-ui/blob/master/stylesheets/ui-variables.less#L75

I opened it now here, but i think its more http://github.com/atom/tree-view related.

Highlight isn't readable on active tabs

2013-12-03 at 9 39 am

Since the highlight is based on a transparent white overlay, it doesn't do anything on the white-colored active tabs which makes the text in the badge very hard to read.

Bottom border of the tabs is cut off

When there are a lot of tabs open and you can scroll vertically, the bottom border is cut off.

overflow

Making the border position: fixed would work, but then there can't be anything added on top of the tabs, see #37.

๐Ÿ’ก If this get's fixed here, remember to also fix it in the light theme.

.

Prerequisites

Description

[Description of the issue]

Steps to Reproduce

  1. [First Step]
  2. [Second Step]
  3. [and so on...]

Expected behavior: [What you expect to happen]

Actual behavior: [What actually happens]

Reproduces how often: [What percentage of the time does it reproduce?]

Versions

You can get this information from copy and pasting the output of atom --version and apm --version from the command line. Also, please include the OS and what version of the OS you're running.

Additional Information

Any additional information, configuration or data that might be necessary to reproduce the issue.

Changing foreground selection colors

Currently it's quite easy to change the background colors for selections.

.selection .region { background-color: @red }

But it seems to be impossible to change the foreground color, due to the fact that the selection container simply overlays the text, and does nothing to change the actual .line element containing the text. (see screenshot)

screen shot 2014-03-11 at 14 55 11

more visible highlighting when searching

screen shot 2014-07-23 at 4 14 08 pm

The way the line is highlighted is not visible enough in my opinion. It's hard to find when you come back from a search&replace tab. Maybe an orange highlight of the line number will work better.

Thanks

Issues while publishing with apm

Not sure where to leave this, but whenever I try to publish my package with apm publish minor/major, I get an error:

โžœ  atom-soda-dark-ui git:(master) apm publish minor
Preparing and tagging a new version โœ“
Pushing v0.4.0 tag โœ“
Publishing [email protected] โœ—
Creating new version failed: Git tag not found

I've checked, and the tags do indeed exist. This is the repo:
https://github.com/dmackerman/soda-dark-ui/

Wrap guide is above selection

For some reason the wrap-guide is now above the selection which makes it look odd. I think it might have been related to the styles because the DOM order looks correct. @benogle any ideas?

screen shot 2013-09-18 at 5 40 08 pm

All grey text in status bar

Today I was fixated on the white text of the grammar-status and the "Send Feedback" text. I suggest changing these to use the grey text that the other status-bar items use. Also removing the link underline would be great.

Something like this:

.status-bar a {
  color: @text-color; /* #aaa */
}

.status-bar a:hover {
  color: @text-color-highlight; /* #fff */
  text-decoration: none;
}

how to add a file type type?

i would like to add the extension .rvb to visual basic, how would i do that? sorry if i'm being dense. thank you

Add syntax background color variable.

I was not sure where to post this because it concerns the global ui-variables.less.

I want to create a ui theme where the tabs have the background color of the user's syntax theme like Sublime Text default theme does.

The problem is that there is no variable for that, every syntax themes just set a background color without variable.

The solution could be to add a variable like @syntax-background-color in ui-variables.less with a default value.
The syntax themes will have override the value of this variable with the background color they want.
Then we could use the syntax themes background color in ui themes.

Do you agree? Should I do a pull requests for that?

Atom tab landing side confusion with drag and drop

From @elliotcm on October 2, 2017 7:35AM CDT - copied from atom/atom#15790 with edits by @rsese in the Additional Information section

Prerequisites

Description

Atom tab dragging cannot decide which side of a tab to land on if cursor placed in the middle.

Steps to Reproduce

Safe mode:
atom-flappy-tab

Expected behavior: Tab landing indicator chooses left or right

Actual behavior: Tab landing indicator flips rapidly between left and right

Reproduces how often: 100% of the time

Versions

Atom    : 1.20.1
Electron: 1.6.9
Chrome  : 56.0.2924.87
Node    : 7.4.0
apm  1.18.4
npm  3.10.10
node 6.9.5 x64
python 2.7.13
git 2.14.1

OSX 10.12.6 (16G29)

Additional Information

Reproduced in Atom Dark and Atom Light UI but not reproducible in other UI themes like the One themes or in Material and Apex.

Tabs

I think this shouldn't appear:

atom-dark-ui

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.