syntax highlighting FORK (css only, night-mode)

AnkiWeb addon 1100811177

Provides CSS-only night-mode syntax highlighting for code in Anki, requiring template import setup and manual CSS Injector modification for Anki 2.1.50–2.1.54.
AI-generated summary; may contain mistakes.

formattingappearancecard-templatesobsoletefork-or-reupload

Open on AnkiWeb GitHub Forum topic Ask about alternatives

AnkiWeb

Rating
8 (👍 6 · 👎 2)
Updated
2023-03-19
Anki versions
2.1.55~
Description language
en

Maintenance

abandoned

  • Last update or commit was 1292 days before the snapshot (2023-03-19).

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
2.1.222.1.55+2023-03-19
History across monthly snapshots

Loading…

Similar addons

Description

This add-on is not maintained In 2022 there's another syntax highlight add-on named "Highlight Code" that got many upvotes in a short time. Have a look at it. Also check out this approach by a top anki, ankidroid, add-on contributor which should make it easier to later change the code. Also see here . This add-on is a fork (modified version). For the original add-on Syntax Highlighting for Code (maintained/extened by glutanimate) click here . There are many differences between the add-ons: My version only uses css for styling, has a different gui, has an updated pygments version, etc. The downside of relying on CSS is that this add-on must be adjusted to future changes in Anki and who knows how I long will adjust the add-on. And very few people use this add-on ... # SETUP NEEDED The styling section of the card template (for each note type) must start with the line @import url("_styles_for_syntax_highlighting.css");. In my add-on config you can batch update all your note types with a few clicks. If you use Anki 2.1.50-2.1.54 you must also install the add-on CSS Injector . Then you must modify it by adding one line into one file of this add-on. If css injector gets updates you'd have to repeat this. But "CSS Injector" shouldn't get too many updates since Anki 2.1.55 now makes it easy to load css into the editor. Open the file "181103283/web/injector.js" in an editor. Then below the line 105 which is injectStylesheet(root, editable, `/_addons/${addonPackage}/user_files/field.css`); insert the new line injectStylesheet(root, editable, `/_addons/${addonPackage}/user_files/field_syntax_highlighting.css`); Then restart Anki. # bugs etc. Make sure to check if the styling section of your card template starts with the line '@import url("_styles_for_syntax_highlighting.css");'. Then check if you have the file "_styles_for_syntax_highlighting.css" in your media folder and if it contains the css styles you want. If you find a bug let me know on github or in the anki forum (click the "contact author" button in the upper right). # Versions - 2023-03-19 user info about editor css workaround for 2.1.55+ - 2022-10-17 fix theme change sync, add warning about conflicts of day and night theme, change default themes. - 2022-10-01 re-upload, fix for 2.1.50-2.1.54 and 2.1.55 Beta1, different styles for day and night mode, simplify settings, misc - 2022-01-24 fix for pyqt6 font selection, modified pygments import - 2022-01-20 support for anki 2.1.50, after the commits from 2022-01-08 (and before those from 2022-01-24). the beta1 and beta2 from 2021-12 are not supported. Thanks @kleinerpirat: I reused code from his CSS Injector add-on, https://ankiweb.net/shared/info/181103283 . - 2021-12-11 updated bundled pygments to 2.10 one version for all anki versions, misc - 2021-03-15 fix for 2.1.41+, bundle pygments 2.8.1, removed all code related to inline styling and separate classes for each theme. - 2020-11-03 "pre" has inline style "text-align: left;" and custom class, individual class for each theme, use less bs4, - 2020-09-13 pygments 2.7.0, add button in settings to view/edit css file (location), add dialog to update all templates (instead of having to select each one). - 2020-05-13 try to fix #2 (display chosen font when using classes) - 2020-05-05 fix #1 (some code isn't inserted) - 2020-04-27 small improvements for the filter dialog: remember size, etc. - 2020-03-24 pygments 2.6.1, night-mode fix in settings, reset font option in settings, remove leading spaces if possible (code by hakakou), - 2020-01-03 handle non-existent lang names - 2019-12-28 Pygments 2.5.2, fix for "sometimes no text was pasted" - 2019-11-19 multiple fixes, improve inline code function, postprocess with bs4 - 2019-10-18 initial release # Credits and License see the file __init__.py of this add-on. the code to insert/wrap in "pre" or "code" tags is reused from the add-on Mini Format Pack Supplementary .