This package will generate inlined CSS style in your exported HTML, according to your installed Emacs color theme.
(use-package org-html-themify
:straight
(org-html-themify
:type git
:host github
:repo "DogLooksGood/org-html-themify"
:files ("*.el" "*.js" "*.css"))
:hook (org-mode . org-html-themify-mode)
:custom
(org-html-themify-themes
'((dark . modus-vivendi)
(light . modus-operandi))))
(add-to-list 'load-path "</path/to/org-html-themify>")
(require 'org-html-themify)
(setq org-html-themify-themes
'((dark . modus-vivendi)
(light . modus-operandi)))
(add-hook 'org-mode-hook 'org-html-themify-mode)
Just export org-mode to HTML files as usual.
with popular Zenburn theme
media query is also supported