nordtheme / atom-ui Goto Github PK

The background color for selected list items should be changed from nord2 to nord1 to better fit the darker ambience and improve the text visibility.

When in the markdown preview, color of the bold text using both
**test text**
__test text__
is mixed with the editor's background color (see figure below)

thanks!

When typing in a regular expression in the find dialog, I encounter an unhappy interaction between Nord theme and Nord syntax - The plain-text contents of group matches (e.g. 'Le' in Who (Le)* Foo) are syntax highlighted white, and the background of the active search field is white. Hence the text is invisible. Selecting the text makes it visible again by virtue of the light grey selection highlight, but it does cause a small bit of irritation every now and then.

I'm not sure what the best solution here might be - a modification of the syntax highlighting when in a dialog field? A different focus highlight color for these fields?

Implement optimized styles for the community 📦 imdone-atom by imdone.

1. The task lists should have the base background color.
2. Tasks should have the correct background color.
3. Tasks should have the correct border color.
4. Tasks should have a background-color transition when beeing dragged.
   5 The trash icon for tasks list should have a color transition.

Milestone #20 Issue

Implement support for the core 📦 autocomplete-plus.

Create the repository with base project files.

If there is only one tab open the focusing background color does not play well with the base theme background color.
Make use of the :only-child pseudo class to change this behavior if only one tab is open.

📦 ❤️
This epic tracks issues for support implementations of the most popular Atom packages.
I'm happy for any help and improvement suggestions so please feel free to create a PR or report issues.

💬 Community

• build by noseglid (@arcticicestudio, #34, dfebe0c)
• color-picker by thomaslindstrom (@arcticicestudio, #21, 132eb79)
• expose by mrodalgaard (@arcticicestudio, #30, 4e70ed1)
• imdone-atom by imdone (@arcticicestudio, #38, 4214c7f)
• minimap by atom-minimap (@arcticicestudio, #28, 8ba2bdd)
• minimap-git-diff by atom-minimap (@arcticicestudio, #42, e5251f7)
• project-manager by danielbrodin (@arcticicestudio, #29, 233233d)
• script by rgbkrk (@arcticicestudio, #37, b8f7e87)
• tool-bar by suda (@arcticicestudio, #41, 010119c)

Core

• autocomplete-plus (@arcticicestudio, #22, 44714fd)
• deprecation-cop (@arcticicestudio, #23, e9b9a1b)
• markdown-preview (@arcticicestudio, #27, 11ed42e)
• timecop (@arcticicestudio, #24, 20653ad)

I love this, but i like SMALL tabs like panels and project tree items.

Implement optimized styles for the core 📦 package markdown-preview.

GitHub Style

1. Code blocks should use the original background color #F7F7F7
2. Code blocks should have the original padding of 16px
3. Code blocks should have the original border radius of 3px
4. All headings should use the original background color #333333

Nord Style

1. URLs/Links should be colored correctly
2. Code blocks should be colored correctly
3. Code blocks should have the correct component padding multiplied by 1.5 to match the GitHub style
4. Code blocks should have the correct component border radius
5. Blockquotes background should be colored correctly
6. Inline code should be colored correctly with the padding-box background-clip
7. All headings should be colored correctly
8. The h1, h2 and h3 headings should have bold font
9. Tables should have transparent borders
10. Table headings should differ from the body color
11. Every second table row should be colored slightly darker to achieve a pattern

Implement optimized styles for the community 📦 package minimap-git-diff by atom-minimap.

This should make the minimap-git-diff package fit more with the theme color palette.

1. The git status colors should adapt the Nord color palette

This is a milestone issue #20 item.

Selected folders in tree view have a transparent background unlike files, which are highlighted. Is this intentional, or could it be changed? It makes it really hard to navigate the tree view using the keyboard.

I've removed these lines on my computer, which fixes the issue:
https://github.com/arcticicestudio/nord-atom-ui/blob/master/styles/tree-view.less#L61-L63

I can make a pull request if you're not against removing it.

The current active tab has no visual difference compared to unactive tabs.
This leads to the fact that it is hard for the user to

• know which file currently is open editing
• know which direction to change tabs to get to another file
• know if a file is saved or not.

Caused by the .tab.active[class="MarkdownPreview"] selector which overrides the .tab.active selector rules.

Implement support for the 📦 color-picker.

Implement optimized styles for the community 📦 expose by mrodalgaard

1. The modal overlay top border is bugged and should be set to 0
2. The top icons (settings and close) should have the default size of 16px
3. The top icons (settings and close) should be darker colored and recolored to the default color on hover via transition
4. The tab close icon should use the default transition animation
5. The tab header should use the default transition animation
6. The active tab should correctly colored solid border

The color for plain text in markdown-preview code blocks is equal the background color and can therefore not be seen.

This issuse describes a similar bug as #45.

Implement optimized styles for the community 📦 tool-bar by suda.

This should make the tool-bar package fit it more with the surrounding UI.

1. The border should be removed
2. The button- and bar background- and border color should fit the theme base background color
3. Spacer should have no -webkit-mask-image shine effect and should git the base text color
4. Spacer should have margins for each layout (vertical, horizontal)

References:

• atom/one-dark-ui #162

This is a milestone issue #20 item.

The editor.less file should only contain styles for the scroll-view. All remaining styles should be moved into the nord-atom-syntax theme package.

Implement optimized styles for the community 📦 project-manager by danielbrodin

1. The project list overlay should show the Octicon project icon infront of the input field

Implement support for the core 📦 timecop.

Change all README image URLs to the raw.githubusercontent.com domain to fix unrendered images on atom.io.

Implement optimized styles for the community 📦 build by noseglid.

1. The font size should be set to the theme default.
2. The heading should be centered.
3. The terminal background color should use the slightly darkened theme base background color.
4. The buttons should be colored.
5. The flash-highlight colors should use the theme colors.

Implement support for the core 📦 deprecation-cop.

This feature should allow users to configure specific styles and behaviors of the theme.
The initial implementation should include an option (checkbox) to enable/disable the full-width tab feature as requested in #35.

All forms have an snow-inspired color effect when focused by using a light background color and a dark foreground color for the text.
As mentioned in another issue this could interfere with some users due to the contrast change.
A theme setting should be added to use a darker focus color.

Implement optimized styles for the community 📦 script by rgbkrk.

1. The border which wraps the output should be removed.

Milestone #20 Issue

The README should contain

• screenshots and descriptions of package features
• information about supported packages (optimized styles in the wiki)

Includes...

• find-and-replace
• Keybinding Badges
• Scrollbars
• select forms
• Text Editors atom-text-editor[mini](::shadow)

Implement optimized styles for the minimap by atom-minimap.

1. The opacity of the visible area marker should be reduced
2. The visible area marker should be colored correctly

Hi!
First of all - this theme is great! I really love the design, transitions and colors.

But.. there is one thing which makes it quite cumbersome to use for me - font size.
It's set to 14px. It's too big for me.
To change the font size in the entire theme, I need to add some nasty css code to my atom stylesheet.

Is it possible to add font-size selection in the theme settings?
This option is for example in the "one-dark-ui" theme.

Greetings!

Replace the background color of all checked checkboxes with the blue accent color.

Starting from Atom version 1.13, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary.
This means the :host and ::shadow pseudo-selectors and the /deep/ combinator selector should be completely removed.
To prevent breakage with existing style sheets, Atom will automatically upgrade selectors for versions less or equal to 1.12.

Currently Atom 1.13 is in the beta chanel (1.13.0.beta6).
This issue prepares the package for the incoming breaking changes when Atom 1.13 reaches the stable channel. It will me merged as soon as the official Atom theme One Dark Syntax updates the Atom engine requirement to >=1.13.

The flight manual provides the great migration guide "Removing Shadow DOM styles" for package authors to prepare their packages for this breaking change.

There are also reference pull requests for the Atom Core theme packages One Dark Syntax and One Dark UI.

The associated improvement/ghi-#49-atom-1.13-shadow-dom-removal branch will be merged as soon as the versions of the official themes "One Dark UI" and "One Dark Syntax" are bumped to <=1.13 in their package.json files to keep compability as long as lower versions are supported.

Tasks

• Remove all :host and ::shadow pseudo-selectors
• Remove all /deep/ combinator selectors

Known issues/bugs

• Bright text color in active text fields broken through the selector removements
• Bright text field border on hover

Remove the background-stripes and add a spinning icon.