_variables.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. // Body
  2. $body-bg: #000;
  3. $body-color: #bbb;
  4. $font-family-base: "Nanum-Square-Neo-Regular";
  5. // Typography
  6. $font-family-sans-serif: "Nanum-Square-Neo-Regular";
  7. $font-size-base: 0.9rem;
  8. $form-text-color: #9b9b9b;
  9. $text-muted: #9b9b9b;
  10. $line-height-base: 1.6;
  11. $link-color: #8d8d8d;
  12. $link-hover-color: #e4e4e4;
  13. $link-decoration: none;
  14. // border
  15. $border-color: #2c2c2c;
  16. // button
  17. $primary: #0d1e53;
  18. $success: #126e51;
  19. $danger: #6c0000;
  20. // input
  21. $input-bg: #1f1f1f;
  22. $input-color: #b0b1b3;
  23. $input-box-shadow: none;
  24. $input-border-color: #4c4c4c;
  25. $input-focus-box-shadow: none;
  26. $input-focus-border-color: #519bce;
  27. $input-focus-bg: #1f1f1f;
  28. // select
  29. $form-select-color: #b0b1b3;
  30. $form-select-border-color: #4c4c4c;
  31. $form-select-box-shadow: none;
  32. $form-select-focus-border-color: #519bce;
  33. $form-select-focus-box-shadow: none;
  34. // checkbox
  35. $form-check-input-border: 1px solid #4c4c4c;
  36. $form-check-input-checked-bg-color: #1693b8;
  37. $form-check-input-checked-border-color: #519bce;
  38. $form-check-input-focus-border: #519bce;
  39. $form-check-input-focus-box-shadow: none;
  40. // table
  41. $table-color: #c7c7c7;
  42. $table-border-color: #2c2c2c;
  43. $table-caption-color: #999;
  44. $table-hover-bg: #131313;
  45. // Pagination
  46. $pagination-bg: #222;
  47. $pagination-color: #b5b5b5;
  48. $pagination-border-color: #2c2c2c;
  49. $pagination-border-radius: 0;
  50. $pagination-active-bg: #182840;
  51. $pagination-active-border-color: #2c2c2c;
  52. $pagination-hover-bg: #182840;
  53. $pagination-hover-border-color: #2c2c2c;
  54. $pagination-disabled-bg: #222;
  55. $pagination-disabled-border-color: #2c2c2c;
  56. $pagination-focus-bg: #182840;
  57. $pagination-focus-box-shadow: none;
  58. // Modal
  59. $modal-content-bg: #000;
  60. $modal-content-color: #c7c7c7;
  61. $modal-content-border-color: #2c2c2c;
  62. // Tabs
  63. $nav-tabs-border-color: #2c2c2c;
  64. $nav-tabs-border-radius: 0;
  65. $nav-tabs-link-hover-border-color: #006989;
  66. $nav-tabs-link-active-color: #c7c7c7;
  67. $nav-tabs-link-active-bg: #003954;
  68. $nav-tabs-link-active-border-color: #006989;
  69. // Navbar
  70. $navbar-brand-margin-end: 0;
  71. $navbar-toggler-border-radius: 2px;
  72. $navbar-toggler-focus-width: 1.4px;
  73. $navbar-light-color: #d6d6d6;
  74. // Dropdown
  75. $dropdown-bg: #fff;
  76. $dropdown-link-color: #666;
  77. $dropdown-link-hover-color: #333;
  78. $dropdown-link-hover-bg: #e9ecef;
  79. $dropdown-link-active-color: #333;
  80. $dropdown-link-active-bg: #e9ecef;
  81. $dropdown-divider-margin-y: 0;
  82. // Tooltip
  83. $tooltip-color: #c7c7c7;
  84. $grid-breakpoints: (
  85. xs: 0,
  86. xxs: 420px,
  87. sm: 576px,
  88. md: 768px,
  89. lg: 992px,
  90. xl: 1200px,
  91. xxl: 1400px
  92. );
  93. $container-max-widths: (
  94. xxs: 420px,
  95. sm: 540px,
  96. md: 720px,
  97. lg: 960px,
  98. xl: 1140px,
  99. xxl: 1320px
  100. );