Guest User

CaliforniaFix

a guest
Nov 17th, 2022
542
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Icons */
  2. body:not(.cc-no-custom-icons) svg.lucide-folder-closed {
  3.     stroke-width: 0;
  4.     background-color: currentColor;
  5. }
  6. body:not(.cc-no-custom-icons) svg.folder > path {
  7.     display: none;
  8. }
  9.  
  10. .workspace-tab-header-container-inner {  /* from .workspace-tab-container-inner */
  11.     border-radius: var(--radius-s);
  12.     background: var(--shade-plus-darker) !important;
  13.     padding: 1px !important;
  14.     margin-left: 10px !important;
  15.     border-radius: var(--radius-s);
  16.     box-shadow: inset 0px 0px 4px rgba(var(--color-black-rgb), 0.04);
  17. }
  18.  
  19. .workspace-tab-header.is-active,
  20. .workspace-tab-header.is-active:hover {
  21.   color: var(--text-muted) !important;
  22.   background-color: var(--shade-0) !important;
  23.   box-shadow: 0px 0.5px 1px 0.5px rgba(var(--color-black-rgb), 0.1) !important;
  24.   opacity: 1;
  25. }
  26. .workspace-tab-header:hover {
  27.     background-color: var(--shade-plus-darker) !important;
  28.     box-shadow: 0px 0.5px 1px 0.5px rgba(var(--color-black-rgb), 0.1) !important;
  29.   }
  30.  
  31. .workspace-tab-header.is-active {
  32.     border-radius: var(--radius-s);
  33. }
  34.  
  35. body:not(.cc-no-custom-icons) .workspace-tab-header[data-type=file-explorer] svg.lucide-folder-closed, /*from svg.folder*/
  36. body:not(.cc-no-custom-icons) svg.file-explorer-glyph {
  37.   -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="red" d="M87.5 16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333H20.833C16.238 8.333 12.5 12.071 12.5 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V16.667zM20.833 16.667h58.333v29.167H20.833V16.667zM20.833 83.333v-29.167h58.337v29.167H20.833z M58.333 29.167L41.667 29.167 41.667 25 33.333 25 33.333 37.5 66.667 37.5 66.667 25 58.333 25zM58.333 62.5L58.333 66.667 41.667 66.667 41.667 62.5 33.333 62.5 33.333 75 66.667 75 66.667 62.5z"></path></svg>') !important;
  38. }
  39.  
  40. .mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner {
  41.     padding: 1px 8px 7px;
  42.     margin: 0;
  43.     gap: 0;
  44. }
  45.  
  46. .workspace-tab-header-inner-icon > svg {
  47.     width: var(--svg-l);
  48.     height: var(--svg-l);
  49.     /*margin: 4px;*/
  50.   }
  51.  
  52.  
  53. .mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon,
  54. .mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon,
  55. .mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
  56. .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
  57.   opacity: var(--icon-opacity) !important;
  58.   color: var(--icon-color) !important;
  59. }
  60.  
  61. .nav-buttons-container {
  62.     padding: 4px 10px !important;
  63. }
  64.  
  65. /* Header */
  66. body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) {
  67.     padding-top: 0 !important;
  68.   }
  69.  
  70. .workspace-tab-header-container {
  71.     line-height: 1;
  72.     background-color: transparent;
  73.     height: var(--header-height);
  74.     padding: 5px 10px 5px 5px;
  75. }
  76. .workspace-tab-header-container-inner {
  77.     display: flex;
  78.     flex: 0 1 auto;
  79.     overflow: auto;
  80.     margin: 0;
  81.     padding: 0;
  82. }
  83. .workspace-tab-header-inner {
  84.     line-height: 1;
  85.     padding: 0px 8px;
  86. }
  87. .sidebar-toggle-button {
  88.     height: auto;
  89. }
  90. .mod-right-split .workspace-tab-header-container {
  91.     padding: 8px 4px;
  92. }
  93. .workspace-ribbon .sidebar-toggle-button {
  94.     width: 36px;
  95. }
  96.  
  97. .is-hidden-frameless.mod-windows .titlebar, .is-hidden-frameless.mod-linux .titlebar {
  98.     background: transparent;
  99.     background-color: transparent;
  100.     border: none;
  101.     /* z-index: var(--layer-popover); */
  102.     pointer-events: none;
  103. }
  104.  
  105. .is-translucent .workspace-leaf-resize-handle, .workspace-leaf-resize-handle {
  106.     background-color: transparent;
  107. }
  108.  
  109. .workspace-tab-header-new-tab {
  110.     margin-left: 4px;
  111. }
  112.  
  113. /* Settings */
  114. .modal-content {
  115.     flex-direction:row;
  116.     align-items: initial;
  117. }
  118. .modal-close-button {
  119.     margin: 0;
  120.     padding: 0;
  121. }
  122.  
  123. .search-input-container:before {
  124.     top: calc((var(--input-height) - var(--search-icon-size))/1.5);
  125. }
  126. .search-input-container input {
  127.     padding-left: 32px;
  128. }
  129. .search-input-clear-button {
  130.     padding: 0;
  131.     margin: 0;
  132. }
  133. .search-input-clear-button:before {
  134.     display:none;
  135. }
  136.  
  137. body:not(.is-mobile) .nav-files-container {
  138.     /* background: linear-gradient(var(--background-secondary) 33%, rgba(255, 255, 255, 0)), radial-gradient(farthest-side at 25% 0, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); */
  139.     background-color: transparent !important;
  140.     background: none !important;
  141. }
  142. .workspace-ribbon.mod-left:before {
  143.     background-color: transparent;
  144. }
  145.  
Advertisement
Add Comment
Please, Sign In to add comment