Front end of the Slack clone application.

ionic.theme.dark.scss 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @import "./ionic.globals";
  2. // Dark Theme
  3. // ----------------------------------
  4. $colors: (
  5. primary: #007aff,
  6. secondary: #32db64,
  7. danger: #d91e18,
  8. light: #f4f4f4,
  9. dark: #222,
  10. ) !default;
  11. $text-color: #fff !default;
  12. $link-color: color($colors, primary) !default;
  13. $background-color: #191919 !default;
  14. $subdued-text-color: #666 !default;
  15. $font-family-base: -apple-system, "Helvetica Neue", "Roboto", sans-serif !default;
  16. $font-size-base: 1.4rem !default; // 1.4rem == 14px
  17. $content-padding: 16px !default;
  18. $content-margin: 16px !default;
  19. $toolbar-background: #151515 !default;
  20. $toolbar-border-color: #222 !default;
  21. $toolbar-text-color: $text-color !default;
  22. $toolbar-active-color: $link-color !default;
  23. $toolbar-inactive-color: #8c8c8c !default;
  24. $tabs-background: #151515 !default;
  25. $tabs-border-color: #222 !default;
  26. $tabs-tab-color-inactive: #8c8c8c !default;
  27. $tabs-tab-color-active: $link-color !default;
  28. $list-text-color: $text-color !default;
  29. $list-background-color: #242424 !default;
  30. $list-border-color: #000 !default;