ursine-polar.scss

// SCSS VARIABLES //

// Umbra or Polar?
$umbra: false;

// Important colors for writing (text, links, code, etc.)
$bg-color: #fbfbfb;
$text-color: #333;
$md-char-color: #b4b4b4;
$meta-content-color: #757575;
$link-color: #db4d52;
$mark-color: #c7f661d3;
$quote-color: #827676;
$code-bg-color: #fafafa;
$code-border-color: #0000001a;
$kbd-bg-color: #f7f7f7;
$selected-text-bg-color: #fbb6b7;

// Button and table colors
$primary-color: #db4d52;
$primary-btn-border-color: #be2f34;
$accent-color: #ddd;
$table-head-color: #ddd;

// Active and hover colors
$active-file-bg-color: #16161a;
$active-search-item-bg-color: #23242b;
$item-hover-bg-color: #ececec;
$item-hover-text-color: inherit;

// Sidebar colors
$sidebar-bg-color: #2e3235;
$sidebar-text-color: #f0f0f0;
$sidebar-bg-hover-color: #202020 !default;
$sidebar-file-rename-text-color: $text-color;
$search-hit-bg-color: #db4d5230;
$search-select-bg-color: #db4d5270;
$files-menu-hover-color: $sidebar-bg-hover-color;

// Tooltip and footnote colors
$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;

// Dropdown and footer colors
$dropdown-bg-color: $bg-color;
$dropdown-hover-bg-color: #e6e6e6;
$dropdown-divider-color: #e6e6e6;
$footer-hover-color: #e6e6e6;

// Megamenu colors
$megamenu-bg-color: $bg-color;
$megamenu-text-color: $text-color;
$megamenu-hover-bg-color: #eee;
$megamenu-active-bg-color: #ddd;
$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 colors
$mermaid-node-fill: $bg-color;
$mermaid-node-border: $code-border-color;
$mermaid-task-fill: #bfbee2;
$mermaid-task-border: #9d9bce;
$mermaid-task-done-fill: #d5d5d5;
$mermaid-task-done-border: #929292;
$mermaid-task-active-fill: #bcc0ff;
$mermaid-task-active-border: #7f7ccd;
$mermaid-task-crit-fill: #ebb5bd;
$mermaid-task-crit-border: #d45c62;

// IMPORTS //

@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;
  }

  input {
    color: $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;
  }
}