LonelySquid
commented
2 years ago Till the issue is solved by the author, wanna share this link and give a small do-it-yourself-fix for an easy and quick resolution, the link gives more info in case someone wanna dig deeper into the matery. Anyways, the error is caused by 3 lines of code '::shaodow' inside the editor.less file. Removing these three lines fixes the theme and removes the error messages from the GUI.
https://flight-manual.atom.io/shadow-dom/sections/removing-shadow-dom-styles/
Mini tutorial:
Step 1: access the file to edit substep 1: press [CTRL + ,] to access the settings menu of Atom substep 2: navigate to 'Themes' substep 3: click on 'lunar-particle-ui' substep 4: click on 'view code' substep 5: you should end up in this file directory: --> .atom\packages\lunar-particle-ui\styles\editor.less
Step 2: edit the file substep 1: hit [CTRL + F] and find and replace '::shadow" for '' (basically removing 3x '::shadow' from the file) substep 2: safe the file and enjoy!
Hope it may help anyone who struggles with it!! <3
In
lunar-particle-ui/index.less:Starting from Atom v1.13.0, the contents of
atom-text-editorelements are no longer encapsulated within a shadow DOM boundary. This means you should stop using:hostand::shadowpseudo-selectors, and prepend all your syntax selectors withsyntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:atom-text-editor[mini], atom-text-editor[mini]::shadow=>atom-text-editor[mini], atom-text-editor[mini].editoratom-text-editor[mini] .cursor, atom-text-editor[mini]::shadow .cursor=>atom-text-editor[mini] .cursor, atom-text-editor[mini].editor .cursoratom-text-editor[mini] .selection .region, atom-text-editor[mini]::shadow .selection .region=>atom-text-editor[mini] .selection .region, atom-text-editor[mini].editor .selection .regionatom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow=>atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused.editoratom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused::shadow .selection .region=>atom-text-editor[mini].is-focused .selection .region, atom-text-editor[mini].is-focused.editor .selection .regionatom-text-editor .gutter .line-number, atom-text-editor::shadow .gutter .line-number=>atom-text-editor .gutter .line-number, atom-text-editor.editor .gutter .line-numberatom-text-editor .gutter .line-number.cursor-line, atom-text-editor::shadow .gutter .line-number.cursor-line=>atom-text-editor .gutter .line-number.cursor-line, atom-text-editor.editor .gutter .line-number.cursor-lineatom-text-editor .gutter .line-number.cursor-line-no-selection, atom-text-editor::shadow .gutter .line-number.cursor-line-no-selection=>atom-text-editor .gutter .line-number.cursor-line-no-selection, atom-text-editor.editor .gutter .line-number.cursor-line-no-selectionatom-text-editor .gutter .line-number.git-line-ignored, atom-text-editor::shadow .gutter .line-number.git-line-ignored=>atom-text-editor .gutter .line-number.git-line-ignored, atom-text-editor.editor .gutter .line-number.git-line-ignoredatom-text-editor .gutter .line-number.git-line-added, atom-text-editor::shadow .gutter .line-number.git-line-added=>atom-text-editor .gutter .line-number.git-line-added, atom-text-editor.editor .gutter .line-number.git-line-addedatom-text-editor .gutter .line-number.git-line-renamed, atom-text-editor::shadow .gutter .line-number.git-line-renamed=>atom-text-editor .gutter .line-number.git-line-renamed, atom-text-editor.editor .gutter .line-number.git-line-renamedatom-text-editor .gutter .line-number.git-line-modified, atom-text-editor::shadow .gutter .line-number.git-line-modified=>atom-text-editor .gutter .line-number.git-line-modified, atom-text-editor.editor .gutter .line-number.git-line-modifiedatom-text-editor .gutter .line-number.git-line-removed, atom-text-editor::shadow .gutter .line-number.git-line-removed=>atom-text-editor .gutter .line-number.git-line-removed, atom-text-editor.editor .gutter .line-number.git-line-removedatom-text-editor .gutter .drop-shadow, atom-text-editor::shadow .gutter .drop-shadow=>atom-text-editor .gutter .drop-shadow, atom-text-editor.editor .gutter .syntax--drop-shadowatom-text-editor .highlighted.selection .region, atom-text-editor::shadow .highlighted.selection .region=>atom-text-editor .highlighted.selection .region, atom-text-editor.editor .highlighted.selection .regionAutomatic 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.