ursine-polar.scss

// SCSS VARIABLES //

$bg-color: #fbfbfb;
$text-color: #333;
$md-char-color: #b4b4b4;
$meta-content-color: #757575;
$link-color: #db4d52;
$mark-color: #d3ffa4;
$code-bg-color: #00000008;
$code-border-color: #0000001a;

$primary-color: #db4d52;
$primary-btn-border-color: #be2f34;
$accent-color: #d0d0d0;
$table-head-color: #d0d0d0;

$active-file-bg-color: #16161a;
$active-search-item-bg-color: #23242b;
$item-hover-bg-color: #202020;
$item-hover-text-color: inherit;

$sidebar-bg-color: #2e3235;
$sidebar-text-color: #f0f0f0;
$sidebar-file-rename-text-color: $text-color;
$search-hit-bg-color: #db4d5230;
$search-select-bg-color: #db4d5270;

$tooltip-bg-color: $bg-color;
$tooltip-text-color: $text-color;
$tooltip-border-color: #00000040;
$footnote-sup-bg-color: #f0f0f0;
$footnote-tooltip-bg-color: #222;
$footnote-tooltip-text-color: $sidebar-text-color;

$megamenu-bg-color: $bg-color;
$megamenu-text-color: $text-color;
$megamenu-hover-bg-color: #d8d8d8;
$megamenu-active-bg-color: $accent-color;
$megamenu-sidebar-bg-color: $sidebar-bg-color;
$megamenu-sidebar-hover-bg-color: #161819;
$megamenu-sidebar-active-bg-color: #101010;
$megamenu-button-border-color: #9292928f;

$mermaid-node-fill: $bg-color !default;
$mermaid-node-border: $code-border-color;
$mermaid-task-fill: #bfbee2 !default;
$mermaid-task-border: #9d9bce !default;
$mermaid-task-done-fill: #d5d5d5 !default;
$mermaid-task-done-border: #929292 !default;
$mermaid-task-active-fill: #bcc0ff !default;
$mermaid-task-active-border: #7f7ccd !default;
$mermaid-task-crit-fill: #ebb5bd !default;
$mermaid-task-crit-border: #d45c62 !default;

// IMPORTS //

// Inherit Ursine Umbra styling
@import 'ursine-umbra';
@import 'ursine/code-3024-day';

// STYLING //

// Tables
table tr:nth-child(2n) {
  background: #e6e6e6;
}

// Footnotes
sup.md-footnote {
  background: #ddd;
}

// Sidebar
#typora-sidebar * {
  color: $sidebar-text-color;

  // File rename
  .file-tree-rename-input {
      color: $sidebar-file-rename-text-color;
  }

  code {
    background: #0000001a;
    border-color: #ffffff26;
  }
}

// Quick open window
#typora-quick-open * {
  color: $sidebar-text-color;
}

// Windows Unibody sidebar
#megamenu-menu-sidebar {
  color: $sidebar-text-color !important;
}

.megamenu-menu-list li {
  &:not(.saved) a:not(.active):hover,
  a.active {
    color: $sidebar-text-color !important;
  }
}

// Empty file splashscreen
#write > p {
  &:first-child:not(:only-child)::before,
  &:only-child::before {
    background: url('ursine/day.png') no-repeat 55% 90% transparent;
    background-size: cover;
  }
}