html._theme-default {
  --absolute: black;

  --documentBackground: #f3f3f3;
  --contentBackground: #fff;

  --textColor: #333;
  --textColorLight: #666;
  --textColorLighter: #888;

  --externalsBackground: #fff;

  --inputFocusBorder: #35b5f4;

  --focusBackground: #e5e5e5;
  --focusBorder: #d4d4d4;
  --focusText: #000;

  --loadingText: #ccc;

  --selectionBackground: #398df0;
  --selectionBorder: #196fc2;

  --highlightBackground: #fffdcd;

  --linkColor: #3377c0;
  --linkColorHover: #2f6cb6;
  --linkTextDecoration: none;

  --headerBackground: #eee;
  --headerBorder: #d7d7d7;
  --searchTagBackground: #{darken(#eee, 5%)};
  --searchBorder: #{darken(#d7d7d7, 2%)};

  --sidebarBackground: #f9f9f9;
  --transparentSidebarBackground: #{rgba(#f9f9f9, 0)};
  --sidebarBorder: #e1e1e1;

  --scrollbarColor: #ccc;
  --scrollbarColorHover: #999;

  --pathBackground: var(--sidebarBackground);
  --pathBorder: var(--sidebarBorder);

  --noticeBackground: #faf9e2;
  --noticeBorder: #e2e2c1;

  --boxBackground: #fafafa;
  --boxBorder: #d8d8d8;
  --boxBorderLight: #e5e5e5;
  --boxHeaderColor: var(--textColor);
  --boxHeaderBackground: #f5f5f5;

  --noteBackground: #f8f8dd;
  --noteBorder: #d3d952;

  --noteGreenBackground: #e7f8e1;
  --noteGreenBorder: #89da70;

  --noteBlueBackground: #d4f3fd;
  --noteBlueBorder: #94bbeb;

  --noteOrangeBackground: #fbe6d1;
  --noteOrangeBorder: #ec8b01;

  --noteRedBackground: #fed5d3;
  --noteRedBorder: #dc7874;

  --labelBackground: #f4f4f4;

  --notifBackground: #{rgba(#333, .85)};
  --notifBorder: none;

  --tipBackground: #{rgba(#fffdcd, .95)};
  --tipBorder: 1px solid #e7dca9;
}