The checkboxes are getting the input-checkbox tag in Javascript, so that they are rendered like the editor's checkboxes.
The obsolete settings are removed from the global style sheet.
The editor's theme will be overwritten in the GitHub theme file.
The position and margin adjustments are made for the different themes (including GitHub's).
Alternate Designs
Should the -webkit-appearance: checkbox; checkbox used for untested themes? (It would be a deviation from the editor's theme.)
Should the checkboxes centered on the lowercase letters (vertical-align: middle;) not on the uppercase letters (It wasn't like that before.)
The task list items aren't aligned with the list items in the exported HTML and doesn't scale in the Gecko and WebKit engine but in Blink engine.
Like in the Github's theme.
They can be aligned by using:
and moving the position: absolute; line back to the markdown-preview.less file.
If possible:
Redirecting the .input-checkbox stylesheet to the checkboxes in default mode (without Javascript) so that there are no unnecessary input-checkbox classes in the GitHub and exported HTML.
Benefits
This lets the task lists checkboxes use the editor's theme (in the default preview mode):
Possible Drawbacks
Only the themes One, Atom, Atom Material, Seti, Nucleus Dark and Solarized are tested!\
With other themes, the space between the checkboxes could be too small or the boxes could be slightly off centered.
Note
The HTML based list doesn't get the class `input-checkbox` assigned,
```html
Check
```
how a list with a checkbox doesn't get the class `tasklist` assigned.
Description of the Change
input-checkboxtag in Javascript, so that they are rendered like the editor's checkboxes.Alternate Designs
-webkit-appearance: checkbox;checkbox used for untested themes? (It would be a deviation from the editor's theme.)vertical-align: middle;) not on the uppercase letters (It wasn't like that before.)and moving the
position: absolute;line back to themarkdown-preview.lessfile..input-checkboxstylesheet to the checkboxes in default mode (without Javascript) so that there are no unnecessaryinput-checkboxclasses in the GitHub and exported HTML.Benefits
This lets the task lists checkboxes use the editor's theme (in the default preview mode):
Possible Drawbacks
Only the themes One, Atom, Atom Material, Seti, Nucleus Dark and Solarized are tested!\ With other themes, the space between the checkboxes could be too small or the boxes could be slightly off centered.
Note
The HTML based list doesn't get the class `input-checkbox` assigned, ```html- Check
``` how a list with a checkbox doesn't get the class `tasklist` assigned.