{"id":19024338,"date":"2026-09-20T00:03:50","date_gmt":"2026-09-20T00:03:50","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/where-do-i-author-my-custom-css\/"},"modified":"2026-09-20T00:28:18","modified_gmt":"2026-09-20T00:28:18","slug":"where-do-i-author-my-custom-css","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/where-do-i-author-my-custom-css\/","title":{"rendered":"Where do I author my custom CSS?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hi, I would like to change not only the color scheme in the admin area (which the plugin does great), but also the font family and font size of the text when I am writing posts and pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I see in the documentation that the plugin provides a filter for customization:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>add_filter( 'dark_mode_dashboard_css', 'your_custom_stylesheet' )<\/code> \u2014 load a custom stylesheet<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Where is this file? Or do I create a file from scratch? And if the latter, where do I upload it in my theme\u2019s directory (or plugins directory)? Or is the idea that I need to add that line to my functions.php file, and then add a \u201cyour_custom_stylesheet.css\u201d file to the root of my site\u2019s theme?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I tried editing \/wp-content\/plugins\/dark-mode-for-wp-dashboard\/assets\/css\/dark-mode-editor.css<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I added a font rule on line 47:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body.dark-mode .editor-styles-wrapper p {<br \/>    color: var(--dm-text-primary);<br \/>    font: 22px\/1.5 \"Noto Serif\", Georgia, serif !important;<br \/>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">But my blog posts and pages are still showing (in the Admin area) in the default font that WordPress ships with.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I\u2019m sorry if all of this seems elementary to you\u2014my expertise is in CSS, but not WordPress-flavored PHP. Thanks!<\/p>\n","protected":false},"template":"","class_list":["post-19024338","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19024338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":3,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19024338\/revisions"}],"predecessor-version":[{"id":19024345,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19024338\/revisions\/19024345"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19024338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}