hexo-theme-mengd/source/css/_highlight/theme.styl

A clean and lightweight Hexo theme

$highlightTheme = hexo-config('highlight_theme') || 'default';

if ($highlightTheme == 'default') {
  $codeBlock = #222d32;
  $highlight-background = #263238;
  $highlight-current-line = #efefef;
  $highlight-selection = #80CBC420;
  $highlight-foreground = #EEFFFF;
  $highlight-comment = #546E7A;
  $highlight-red = #FF5370;
  $highlight-orange = #F78C6C;
  $highlight-yellow = #FFCB6B;
  $highlight-green = #C3E88D;
  $highlight-aqua = #89DDFF;
  $highlight-blue = #82AAFF;
  $highlight-purple = #C792EA;
  $highlight-deletion = #BF42BF;
  $highlight-addition = #105EDE;
  $highlight-gutter = {
    color: alpha($highlight-foreground, 0.5),
    bg-color: $highlight-background
  };
  $highlight-tools = {
    color: alpha($highlight-foreground, 0.8),
    bg-color: darken($highlight-background, 2)
  };
  $highlight-scrollbar = darken($highlight-background, 6);
}

if ($highlightTheme == 'darker' || ($highlightTheme == 'mac')) {
  $codeBlock = #1c1c1c;
  $highlight-background = #212121;
  $highlight-current-line = #282a2e;
  $highlight-selection = #61616150;
  $highlight-foreground = #EEFFFF;
  $highlight-comment = #969896;
  $highlight-red = #FF5370;
  $highlight-orange = #F78C6C;
  $highlight-yellow = #FFCB6B;
  $highlight-green = #C3E88D;
  $highlight-aqua = #89DDFF;
  $highlight-blue = #82AAFF;
  $highlight-purple = #C792EA;
  $highlight-deletion = #BF42BF;
  $highlight-addition = #105EDE;
  $highlight-mac-border = rgba(0, 0, 0, 0.4);
  $highlight-gutter = {
    color: alpha($highlight-foreground, 0.5),
    bg-color: $highlight-background
  };
  $highlight-tools = {
    color: alpha($highlight-foreground, 0.8),
    bg-color: darken($highlight-background, 2)
  };
  $highlight-scrollbar = darken($highlight-background, 6);
}

if ($highlightTheme == 'pale night') {
  $codeBlock = #252938;
  $highlight-background = #292D3E;
  $highlight-current-line = #393939;
  $highlight-selection = #717CB450;
  $highlight-foreground = #A6ACCD;
  $highlight-comment = #676E95;
  $highlight-red = #FF5370;
  $highlight-orange = #F78C6C;
  $highlight-yellow = #FFCB6B;
  $highlight-green = #C3E88D;
  $highlight-aqua = #89DDFF;
  $highlight-blue = #82AAFF;
  $highlight-purple = #C792EA;
  $highlight-deletion = #BF42BF;
  $highlight-addition = #105EDE;
  $highlight-gutter = {
    color: alpha($highlight-foreground, 0.5),
    bg-color: $highlight-background
  };
  $highlight-tools = {
    color: $highlight-foreground,
    bg-color: darken($highlight-background, 2)
  };
  $highlight-scrollbar = darken($highlight-background, 6);
}

if ($highlightTheme == 'ocean') {
  $codeBlock = #0b0d14;
  $highlight-background = #0F111A;
  $highlight-current-line = #000000;
  $highlight-selection = #717CB450;
  $highlight-foreground = #8F93A2;
  $highlight-comment = rgba(101, 115, 126, 0.8);
  $highlight-red = #FF5370;
  $highlight-orange = #F78C6C;
  $highlight-yellow = #FFCB6B;
  $highlight-green = #C3E88D;
  $highlight-aqua = #89DDFF;
  $highlight-blue = #82AAFF;
  $highlight-purple = #C792EA;
  $highlight-deletion = #BF42BF;
  $highlight-addition = #105EDE;
  $highlight-gutter = {
    color: alpha($highlight-foreground, 0.5),
    bg-color: $highlight-background
  };
  $highlight-tools = {
    color: $highlight-foreground,
    bg-color: darken($highlight-background, 2)
  };
  $highlight-scrollbar = darken($highlight-background, 5);
}

if ($highlightTheme == 'light' || ($highlightTheme == 'mac light')) {
  $codeBlock = #e6ebf1;
  $highlight-background = #F6F8FA;
  $highlight-current-line = #00346e;
  $highlight-selection = #80CBC440;
  $highlight-foreground = #90A4AE;
  $highlight-comment = rgba(149, 165, 166, 0.8);
  $highlight-red = #E53935;
  $highlight-orange = #F76D47;
  $highlight-yellow = #FFB62C;
  $highlight-green = #91B859;
  $highlight-aqua = #39ADB5;
  $highlight-blue = #6182B8;
  $highlight-purple = #7C4DFF;
  $highlight-deletion = #BF42BF;
  $highlight-addition = #105EDE;
  $highlight-mac-border = rgba(144, 164, 174, 0.4);
  $highlight-gutter = {
    color: alpha($highlight-foreground, 0.5),
    bg-color: $highlight-background
  };
  $highlight-tools = {
    color: $highlight-foreground,
    bg-color: darken($highlight-background, 5)
  };
  $highlight-scrollbar = darken($highlight-background, 8);
}