bitkris-dev / atom-fallout-ui

Modern UI with Fallout-ish colors

Who am I?

I'm Kristian Barrese, an italian IT-passionate who started the Web Developer career 8 years ago. I create responsive mobile apps, web apps, websites and PWA (Progressive Web Apps) with modern Front-End technologies and languages as: .

Of course I use everyday!

I also work as a Back-End/Full-Stack with .

Other libraries I'm familiar with

atom-fallout-ui's Issues

Deprecated selector in `atom-fallout-ui/index.less`

In atom-fallout-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:

• .theme-atom-fallout-ui atom-text-editor[mini]::shadow .placeholder-text => .theme-atom-fallout-ui atom-text-editor[mini].editor .placeholder-text

• .theme-atom-fallout-ui atom-text-editor[mini]::shadow .selection .region => .theme-atom-fallout-ui atom-text-editor[mini].editor .selection .region

• .theme-atom-fallout-ui .badge, .theme-atom-fallout-ui .deprecation-cop .deprecation-info:hover, .theme-atom-fallout-ui .list-group .selected::before, .theme-atom-fallout-ui .list-group li.selected, .theme-atom-fallout-ui .list-tree .selected::before, .theme-atom-fallout-ui .nav-pills > li.active > a, .theme-atom-fallout-ui .nav-pills > li.active > a:focus, .theme-atom-fallout-ui .nav-pills > li.active > a:hover, .theme-atom-fallout-ui .settings-view .config-menu .nav > li.active > a, .theme-atom-fallout-ui .settings-view .keybinding-panel .is-user, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.background-color-selected:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.button-border-color:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.inset-panel-border-color:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.tab-background-color-active:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.tool-panel-border-color:before, .theme-atom-fallout-ui .tab-bar .tab.active, .theme-atom-fallout-ui atom-text-editor[mini] .selection .region, .theme-atom-fallout-ui atom-text-editor[mini]::shadow .selection .region => .theme-atom-fallout-ui .badge, .theme-atom-fallout-ui .deprecation-cop .deprecation-info:hover, .theme-atom-fallout-ui .list-group .selected::before, .theme-atom-fallout-ui .list-group li.selected, .theme-atom-fallout-ui .list-tree .selected::before, .theme-atom-fallout-ui .nav-pills > li.active > a, .theme-atom-fallout-ui .nav-pills > li.active > a:focus, .theme-atom-fallout-ui .nav-pills > li.active > a:hover, .theme-atom-fallout-ui .settings-view .config-menu .nav > li.active > a, .theme-atom-fallout-ui .settings-view .keybinding-panel .is-user, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.background-color-selected:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.button-border-color:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.inset-panel-border-color:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.tab-background-color-active:before, .theme-atom-fallout-ui .styleguide [data-name="variables"] .is-color.tool-panel-border-color:before, .theme-atom-fallout-ui .tab-bar .tab.active, .theme-atom-fallout-ui atom-text-editor[mini] .selection .region, .theme-atom-fallout-ui atom-text-editor[mini].editor .selection .region

• .theme-atom-fallout-ui .scrollbars-visible-always atom-text-editor::-webkit-scrollbar-thumb, .theme-atom-fallout-ui .scrollbars-visible-always::-webkit-scrollbar-thumb, .theme-atom-fallout-ui .tooltip .keystroke, .theme-atom-fallout-ui atom-text-editor atom-text-editor-minimap::shadow .minimap-scroll-indicator, .theme-atom-fallout-ui atom-text-editor::shadow atom-text-editor-minimap::shadow .minimap-scroll-indicator, .theme-atom-fallout-ui html atom-text-editor-minimap::shadow .minimap-scroll-indicator => .theme-atom-fallout-ui .scrollbars-visible-always atom-text-editor::-webkit-scrollbar-thumb, .theme-atom-fallout-ui .scrollbars-visible-always::-webkit-scrollbar-thumb, .theme-atom-fallout-ui .tooltip .keystroke, .theme-atom-fallout-ui atom-text-editor atom-text-editor-minimap::shadow .minimap-scroll-indicator, .theme-atom-fallout-ui atom-text-editor.editor atom-text-editor-minimap::shadow .minimap-scroll-indicator, .theme-atom-fallout-ui html atom-text-editor-minimap::shadow .minimap-scroll-indicator

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.