Advertisement
Guest User

Untitled

a guest
Aug 23rd, 2021
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.16 KB | None | 0 0
  1. @media (prefers-color-scheme:dark),(prefers-color-scheme: no-preference){
  2. #root[data-style="auto"],
  3. #root[data-style="dark"]{
  4.  
  5. --fg-primary: white;
  6. --border-color : #000000;
  7. --bg-primary: #2b2b2b;
  8. /*--bg-primary: rgba(0,0,0,0);*/
  9. --bg-secondary: #4c4c4c;
  10. --bg-tertiary: #1e1e1e;
  11. --tabs-bg-hover : #4f4f4f;
  12. }}
  13.  
  14.  
  15.  
  16. @media (prefers-color-scheme:light){
  17. #root[data-style="auto"],
  18. #root[data-style="light"]{
  19.  
  20. --fg-primary: black;
  21. --bg-primary: #f0f0f0;
  22. --border-color : #ececec;
  23. --bg-tertiary: #C9C9C9;
  24.  
  25.  
  26. }}
  27.  
  28.  
  29.  
  30. *{
  31. font-family: Cantarell;
  32. font-size : 20px;
  33. }
  34.  
  35. /***** dual lines *****/
  36. #root {
  37. --tabs-height: 36px !important;
  38. --tabs-title-padding: 6px;
  39. --tabs-font-size: 14px;
  40. --tabs-title-lines: 1;
  41. }
  42.  
  43.  
  44. .Tab {
  45. margin : 5px 0px 5px 1px !important;
  46. border-radius : 5px !important;
  47. width : calc(100vw - var(--nav-btn-width) + 21px) !important;
  48.  
  49. }
  50.  
  51. .Tab[data-active="true"] {
  52. background-color: var(--bg-secondary);
  53. color: var(--fg-primary);
  54. box-shadow : 0px 2px 3px #111111;
  55. margin : 0px 0px;
  56. position : center;
  57. //border : 2px solid var(--border-color);
  58. }
  59.  
  60. .Tab .title {
  61. color: var(--fg-primary);
  62. }
  63.  
  64.  
  65. .Tab[data-active="true"] .title {
  66. color: var(--fg-primary);
  67. }
  68.  
  69.  
  70. .Tab .t-box {
  71. align-items: center;
  72. max-height: calc(var(--tabs-height) - var(--tabs-title-padding));
  73. overflow: hidden;
  74. }
  75.  
  76. .Tab .title {
  77. font-size: var(--tabs-font-size);
  78. white-space: pre-wrap;
  79. line-height: calc((var(--tabs-height) - var(--tabs-title-padding)) / var(--tabs-title-lines));
  80. padding : 0px ;
  81. margin : 0 13px 0 0;
  82.  
  83.  
  84.  
  85.  
  86. }
  87.  
  88. /***** dual lines *****/
  89.  
  90.  
  91. .PinnedDock {
  92. box-shadow : none!important;
  93. box-shadow : 1px 1px 6px #1e1e1e !important;
  94. height : 35px !important;
  95. border-radius : 6px;
  96. border-bottom : 0px solid var(--border-color);
  97. background-image : none !important;
  98. background-color: rgba(33,35,43,0) !important;
  99. margin : 5px 0px 5px 5px;
  100. width : calc(100vw - var(--nav-btn-width) + 21px) !important;
  101.  
  102. }
  103.  
  104. .PinnedDock::before {
  105. background-image : none !important;
  106. background-color: var(--bg-tertiary) !important;
  107. border-radius : 6px;
  108. }
  109.  
  110. .PinnedTab[data-active="true"] {
  111.  
  112. background-color: var(--bg-secondary); !important;
  113. border-radius : 15px;
  114. box-shadow : 1px 1px 4px #1e1e1e !important;
  115. }
  116.  
  117. .panel-box {
  118.  
  119. background-color: var(--bg-primary);
  120. box-shadow : 0px 0px 6px black;
  121. border : none !important;
  122. align-content : center;
  123. padding : 5px 0px;
  124. spacing : 20px;
  125. row-gap: 5px;
  126. /* width : 35px !important;*/
  127.  
  128.  
  129.  
  130. }
  131.  
  132. .panels-box {
  133. border : none !important;
  134.  
  135. height: 45px;
  136. }
  137.  
  138. .panel-btn {
  139. transform: scale(0.95,0.95) !important;
  140. border-radius : 4px;
  141. padding : 0px 0px;
  142. margin : 10px 0 2px 10px;
  143.  
  144. }
  145. .panel-btn[data-active="true"] {
  146. background-color: var(--bg-tertiary) !important;
  147. }
  148. .NavigationBar{
  149. //background-colo #222222;
  150. background-color: var(--bg-primary);
  151. box-shadow : none !important;
  152. }
  153.  
  154.  
  155. /**** active Tab
  156. ****/
  157.  
  158.  
  159.  
  160.  
  161. /**** active tab indicator -hidden *****/
  162. /*
  163. .Tab[data-active="true"] .lvl-wrapper::before {
  164. display : none ;
  165. background-color: yellow;
  166.  
  167. }
  168. */
  169.  
  170.  
  171. .container {
  172. background-color: var(--bg-primary);
  173. padding : 5px 0px 5px 0px !important;
  174. border-bottom: 1px solid var(--bg-secondary) !important;
  175.  
  176. }
  177.  
  178. .scrollable {
  179. background-color: var(--bg-primary);
  180. margin-left : 0px;
  181. }
  182.  
  183.  
  184.  
  185. .Tab .close {
  186. margin : -0px 5px 0 0px;
  187. transform: scale(1.3,1.3);
  188. fill : var(--fg-primary);
  189. }
  190.  
  191. .Tab .close > svg{
  192. fill : var(--fg-primary);
  193. }
  194.  
  195. .Sidebar .settings-btn {
  196. /*width : 45px;*/
  197. padding : 15px 5px 0 0px;
  198.  
  199. /*box-shadow : 0px 12px 14px #000000 !important;*/
  200. }
  201.  
  202. .scroll-container {
  203. background-color :#ff0000;
  204. background-color : var(--bg-primary) !important;
  205. border : none !important;
  206. margin-left : 5px;
  207.  
  208. }
  209.  
  210. .scrollable {
  211. background-color : var(--bg-primary) !important;
  212. border : none !important;
  213. }
  214.  
  215.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement