Support » Plugin: SyntaxHighlighter Evolved » Theme proposal

  • 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

    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)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme proposal’ is closed to new replies.