Title: Theme proposal
Last modified: May 3, 2020

---

# Theme proposal

 *  [simonsanchezart](https://wordpress.org/support/users/simonsanchezart/)
 * (@simonsanchezart)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/theme-proposal-2/)
 * Hey! I was messing with the css of the Rdark theme to tune it to my liking, I’ve
   modify it to look as the Monokai theme from Sublime Text. I didn’t know how to
   make a separate theme, so I’ve modified that css directly.
 * This is how it looks: [https://i.imgur.com/XwjjQnq.png](https://i.imgur.com/XwjjQnq.png)
 * And here’s the css
 *     ```
       /**
        * SyntaxHighlighter
        * http://alexgorbatchev.com/SyntaxHighlighter
        *
        * SyntaxHighlighter is donationware. If you are using it, please donate.
        * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
        *
        * @version
        * 3.0.83 (July 02 2010)
        * 
        * @copyright
        * Copyright (C) 2004-2010 Alex Gorbatchev.
        *
        * @license
        * Dual licensed under the MIT and GPL licenses.
        */
       .syntaxhighlighter {
         background-color: #282923 !important;
       }
       .syntaxhighlighter .line.alt1 {
         background-color: #282923 !important;
       }
       .syntaxhighlighter .line.alt2 {
         background-color: #282923 !important;
       }
       .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 {
         background-color: #49483E !important;
       }
       .syntaxhighlighter .line.highlighted.number {
         color: #90908a !important;
       }
       .syntaxhighlighter table caption {
         color: #b9bdb6 !important;
       }
       .syntaxhighlighter .gutter {
         color: #90908a !important;
       }
       .syntaxhighlighter .gutter .line {
         border-right: 3px solid #282923 !important;
       }
       .syntaxhighlighter .gutter .line.highlighted {
         background-color: #435a5f !important;
         color: #1b2426 !important;
       }
       .syntaxhighlighter.printing .line .content {
         border: none !important;
       }
       .syntaxhighlighter.collapsed {
         overflow: visible !important;
       }
       .syntaxhighlighter.collapsed .toolbar {
         color: #5ba1cf !important;
         background: black !important;
         border: 1px solid #435a5f !important;
       }
       .syntaxhighlighter.collapsed .toolbar a {
         color: #5ba1cf !important;
       }
       .syntaxhighlighter.collapsed .toolbar a:hover {
         color: #5ce638 !important;
       }
       .syntaxhighlighter .toolbar {
         color: white !important;
         background: #435a5f !important;
         border: none !important;
       }
       .syntaxhighlighter .toolbar a {
         color: white !important;
       }
       .syntaxhighlighter .toolbar a:hover {
         color: #e0e8ff !important;
       }
       .syntaxhighlighter .plain, .syntaxhighlighter .plain a {
         color: white !important;
       }
       .syntaxhighlighter .comments, .syntaxhighlighter .comments a {
         color: #75715e !important;
       }
       .syntaxhighlighter .string, .syntaxhighlighter .string a {
         color: #e6db74 !important;
       }
       .syntaxhighlighter .keyword {
         color: #64d4e9 !important;
       }
       .syntaxhighlighter .preprocessor {
         color: #ae81ff !important;
       }
       .syntaxhighlighter .variable {
         color: #ffaa3e !important;
       }
       .syntaxhighlighter .value {
         color: #009900 !important;
       }
       .syntaxhighlighter .functions {
         color: #f72571 !important;
       }
       .syntaxhighlighter .constants {
         color: #e0e8ff !important;
       }
       .syntaxhighlighter .script {
         font-weight: bold !important;
         color: #5ba1cf !important;
         background-color: none !important;
       }
       .syntaxhighlighter .color1, .syntaxhighlighter .color1 a {
         color: #f8941e !important;
       }
       .syntaxhighlighter .color2, .syntaxhighlighter .color2 a {
         color: white !important;
       }
       .syntaxhighlighter .color3, .syntaxhighlighter .color3 a {
         color: #ffaa3e !important;
       }
       ```
   
 * Feel free to make it an official part of the plugin if you like it 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Dan Roundhill](https://wordpress.org/support/users/mrroundhill/)
 * (@mrroundhill)
 * [6 years ago](https://wordpress.org/support/topic/theme-proposal-2/#post-12842661)
 * Nice! How about you submit a Pull Request for the plugin here? [https://github.com/Automattic/syntaxhighlighter](https://github.com/Automattic/syntaxhighlighter)
 *  [giangel84](https://wordpress.org/support/users/giangel84/)
 * (@giangel84)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/theme-proposal-2/#post-13559941)
 * [@mrroundhill](https://wordpress.org/support/users/mrroundhill/) is there any
   chance to make a custom theme working externally? By putting files inside the‘/
   wp-content/themes/mythemefolder’, or ‘/wp-content/she_themes’?
 * Just to avoid overwriting behaviour after the plugin is upgraded.
 * EDIT: I found the answer by searching through the forum. 😀
    [https://alex.blog/wordpress-plugins/syntaxhighlighter/adding-a-new-theme/](https://alex.blog/wordpress-plugins/syntaxhighlighter/adding-a-new-theme/)
    -  This reply was modified 5 years, 7 months ago by [giangel84](https://wordpress.org/support/users/giangel84/).
 *  [giangel84](https://wordpress.org/support/users/giangel84/)
 * (@giangel84)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/theme-proposal-2/#post-13560022)
 * [@mrroundhill](https://wordpress.org/support/users/mrroundhill/) unfortunately
   the solution I found above doesn’t work properly.
    New theme is recognised correctly
   by plugin, I can save it and also the custom-theme.css is loaded, but the default
   theme still also loaded and that’s overwriting the custom css rules.
 * How can i fix this behaviour?
    Thanks in advance.
 *  [Peter Kiss (a11n)](https://wordpress.org/support/users/yscik8/)
 * (@yscik8)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/theme-proposal-2/#post-13640023)
 * Howdy!
    You can set the **Color Theme** to **None** in Syntax Highlighter settings,
   which should fix your issue.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Theme proposal’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/syntaxhighlighter_ffffff.svg)
 * [SyntaxHighlighter Evolved](https://wordpress.org/plugins/syntaxhighlighter/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/syntaxhighlighter/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/syntaxhighlighter/)
 * [Active Topics](https://wordpress.org/support/plugin/syntaxhighlighter/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/syntaxhighlighter/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/syntaxhighlighter/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [custom theme](https://wordpress.org/support/topic-tag/custom-theme/)
 * [Themes](https://wordpress.org/support/topic-tag/themes/)

 * 4 replies
 * 4 participants
 * Last reply from: [Peter Kiss (a11n)](https://wordpress.org/support/users/yscik8/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/theme-proposal-2/#post-13640023)
 * Status: not a support question