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:
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.
Thank you for raising the issue, but I'm not maintaining this repository anymore, since I've stopped to use Atom. I would appreciate a Pull Request with a fix!
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 withsyntax--
. 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.