daily pastebin goal
19%
SHARE
TWEET

Untitled

a guest Jul 20th, 2018 56 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2.  * Your Stylesheet
  3.  *
  4.  * This stylesheet is loaded when Atom starts up and is reloaded automatically
  5.  * when it is changed and saved.
  6.  *
  7.  * Add your own CSS or Less to fully customize Atom.
  8.  * If you are unfamiliar with Less, you can read more about it here:
  9.  * http://lesscss.org
  10.  */
  11.  
  12.  
  13. /*
  14.  * Examples
  15.  * (To see them, uncomment and save)
  16.  */
  17.  
  18. @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
  19.  
  20. // style the background color of the tree view
  21. .tree-view {
  22.     font-family: 'Roboto', sans-serif !important;
  23.  
  24. }
  25.  
  26. .custom-menu{
  27.     font-family: 'Roboto', sans-serif !important;
  28. }
  29. atom-workspace {
  30.     background-color: #81d4fa;
  31. font-family: 'Roboto', sans-serif;
  32.     border: 1px solid #81d4fa;
  33. }
  34.  
  35. atom-text-editor {
  36.     background-color: rgb(22,22,22);
  37.     color: #abb2bf;
  38. }
  39. .syntax--storage {
  40.     color: #ff0097;
  41. }
  42. .syntax--punctuation.syntax--section.syntax--embedded {
  43.     color: rgb(34,255,50);
  44. }
  45. .syntax--entity.syntax--name.syntax--function {
  46.     color: #ffae47;
  47. }
  48. .syntax--variable {
  49.     color: #fff;
  50. }
  51. .syntax--support.syntax--function {
  52.     color: #00ff50;
  53. }
  54.  
  55. .custom-title-bar {
  56.     font-family: 'Roboto', sans-serif !important;
  57.     -webkit-app-region: drag;
  58.     display: inline-block;
  59.     position: relative;
  60.     width: 100%;
  61.     color: #cacaca;
  62.     background: #444444;
  63.     cursor: default;
  64.     -webkit-user-select: none;
  65.     overflow: visible;
  66.     margin-top: 3px;
  67.     z-index: 900;
  68.  
  69. }
  70.  
  71. .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item {
  72.     font-weight: normal;
  73.     font-family: 'Roboto', sans-serif !important;
  74.     font-size:15px !important;
  75.     color: #ddd;
  76. }
  77.  
  78. .tab-bar .tab {
  79.  
  80.     position: relative;
  81.     top: 0;
  82.     padding: 0;
  83.     margin: 0;
  84.     height: inherit;
  85.     font-size: inherit;
  86.     line-height: 2.5em;
  87.     color: rgba(168, 168, 168, 0.6);
  88.     background-color: #2b2b2b;
  89.     box-shadow: inherit;
  90.     border-left: 1px solid #141414;
  91. }
  92.  
  93. .tab-bar .tab.active[data-type$="Editor"], .tab-bar .tab.active[data-type$="AboutView"], .tab-bar .tab.active[data-type$="TimecopView"], .tab-bar .tab.active[data-type$="StyleguideView"], .tab-bar .tab.active[data-type="MarkdownPreviewView"] {
  94.     color: #ffffff;
  95.     background-color: #000000;
  96.     border: 1px solid #81d4fa;
  97.     /* border-left: 26px; */
  98.     border-left-width: 2px;
  99. }
  100. .bracket-matcher {
  101.     border-bottom: 1px solid lime;
  102.     position: absolute;
  103.  
  104.     border: 1px solid rgba(0, 255, 0, 0.7);
  105.     background-color: rgba(0, 255, 0, 0.3);
  106. }
  107.  
  108. atom-dock .tab-bar .tab.active {
  109.     background-color: #444444;
  110.     border-bottom: 1px solid #81d4fa;
  111. }
  112.  
  113. atom-pane.active .tab.active:before {
  114.     content: "";
  115.     position: absolute;
  116.     pointer-events: none;
  117.     z-index: 2;
  118.     top: 0;
  119.     left: -1px;
  120.     bottom: 0;
  121.     width: 2px;
  122.     background: inherit;
  123.     /* border: 2px solid red; */
  124. }
  125. atom-text-editor .gutter .line-number.cursor-line {
  126.     background-color: #303030;
  127.     color: #00ff56;
  128. }
  129. atom-text-editor .gutter {
  130.     background-color: #212121;
  131.     color: #ffffff;
  132. }
  133.  
  134. // style the background and foreground colors on the atom-text-editor-element itself
  135. atom-text-editor {
  136.   // color: white;
  137.   // background-color: hsl(180, 24%, 12%);
  138. }
  139.  
  140. // style UI elements inside atom-text-editor
  141. atom-text-editor .cursor {
  142.   // border-color: red;
  143. }
  144.  
  145. .theme-one-dark-ui {
  146.   .tab-bar { font-size: 14px; background-color:rgb(60,63,65); }
  147.   .tree-view { font-size: 17px; background-color:rgb(71,72,75); }
  148.   .status-bar { font-size: 14px; background-color:rgb(60,63,65); }
  149. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top