theme.scss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. @import "direction";
  2. @import "variables";
  3. // @import "../node_modules/bootstrap/scss/functions";
  4. // @import "../node_modules/bootstrap/scss/variables";
  5. // @import "../node_modules/bootstrap/scss/mixins";
  6. // @import "../node_modules/bootstrap/scss/maps";
  7. // @import "../node_modules/bootstrap/scss/utilities";
  8. // $utilities: map-merge(
  9. // $utilities,
  10. // (
  11. // "button-radius": (
  12. // property: border-radius,
  13. // class: buttuuon,
  14. // values: (
  15. // null: 20px,
  16. // ),
  17. // ),
  18. // )
  19. // );
  20. // @import "../node_modules/bootstrap/scss/utilities/api";
  21. @import "../node_modules/bootstrap/scss/bootstrap";
  22. @import "common";
  23. @import "enum-editor";
  24. @import "gis";
  25. @import "navigation";
  26. @import "designer";
  27. @import "rte";
  28. @import "codemirror";
  29. @import "jqplot";
  30. @import "resizable-menu";
  31. @import "icons";
  32. @import "reboot";
  33. @import "tables";
  34. @import "forms";
  35. @import "buttons";
  36. @import "nav";
  37. @import "navbar";
  38. @import "dropdown";
  39. @import "card";
  40. @import "breadcrumb";
  41. @import "alert";
  42. @import "list-group";
  43. @import "modal";
  44. // @import "jquery-ui";
  45. // select[name="set_theme"]::after {
  46. // select#themeSelect::after,
  47. #li_select_theme::after,
  48. form[name="setTheme"]::after {
  49. content: "Theme Created by Shahab Movahhedi \A Visit shmovahhedi.com";
  50. display: block;
  51. font-size: 12px;
  52. font-weight: 400;
  53. color: #7f7f7f;
  54. font-style: italic;
  55. white-space: pre;
  56. user-select: text;
  57. }
  58. // .sr-only {
  59. // @include visually-hidden();
  60. // }
  61. // legend {
  62. // float: none;
  63. // }
  64. // .table-light,
  65. // .table-light > th,
  66. // .table-light > td {
  67. // background-color: #fdfdfe;
  68. // }
  69. // .form-check-input {
  70. // appearance: unset;
  71. // }
  72. // .form-row {
  73. // display: flex;
  74. // flex-wrap: wrap;
  75. // margin-right: -5px;
  76. // margin-left: -5px;
  77. // }
  78. // .form-inline {
  79. // display: flex;
  80. // flex-flow: row wrap;
  81. // align-items: center;
  82. // }
  83. // .form-group {
  84. // margin-bottom: 1rem;
  85. // }
  86. // @media (min-width: 576px) {
  87. // .form-inline label {
  88. // display: flex;
  89. // align-items: center;
  90. // justify-content: center;
  91. // margin-bottom: 0;
  92. // }
  93. // .form-inline .form-group {
  94. // display: flex;
  95. // flex: 0 0 auto;
  96. // flex-flow: row wrap;
  97. // align-items: center;
  98. // margin-bottom: 0;
  99. // }
  100. // .form-inline .form-control {
  101. // display: inline-block;
  102. // width: auto;
  103. // vertical-align: middle;
  104. // }
  105. // }
  106. // .text-right {
  107. // text-align: right;
  108. // }
  109. // .text-left {
  110. // text-align: left;
  111. // }
  112. * {
  113. color: $Color-Tailwind-Title;
  114. // color: $Color-Tailwind-Text;
  115. // color: $Color-Text-Main;
  116. font-family: "Segoe UI", "Segoe Pro", sans-serif;
  117. }
  118. .ltr {
  119. direction: ltr;
  120. text-align: start;
  121. }
  122. .rtl {
  123. direction: rtl;
  124. text-align: start;
  125. }
  126. .english {
  127. font-family: $Font-English;
  128. direction: ltr;
  129. text-align: start;
  130. }
  131. .persian {
  132. font-family: $Font-Persian;
  133. direction: rtl;
  134. text-align: start;
  135. }
  136. .arabic {
  137. font-family: $Font-Arabic;
  138. direction: rtl;
  139. text-align: start;
  140. }
  141. .bold {
  142. font-weight: bold;
  143. }
  144. code,
  145. code *,
  146. .english-mono,
  147. .mono {
  148. font-family: $Font-Mono;
  149. direction: ltr;
  150. text-align: left;
  151. }
  152. body {
  153. background-color: #1e1e2a;
  154. }
  155. ::-webkit-scrollbar {
  156. width: 0.8rem;
  157. }
  158. ::-webkit-scrollbar-thumb {
  159. min-height: 10vh;
  160. background: #005ab4;
  161. border-radius: 13px;
  162. &:hover {
  163. background: #006ad3;
  164. }
  165. &:active {
  166. background: $Color-Azure;
  167. }
  168. }
  169. // .card-header + .list-group.list-group-flush {
  170. // margin-top: 0;
  171. // }