You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

arc-green.less 23KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186
  1. @import "_base";
  2. .hljs {
  3. display: block;
  4. overflow-x: auto;
  5. padding: 0.5em;
  6. color: #bababa;
  7. }
  8. .repository.file.list .non-diff-file-content .code-view .lines-num,
  9. .repository.file.list .non-diff-file-content .code-view .lines-code ol {
  10. background-color: #2b2b2b !important;
  11. }
  12. .hljs-strong,
  13. .hljs-emphasis {
  14. color: #a8a8a2;
  15. }
  16. .hljs-bullet,
  17. .hljs-quote,
  18. .hljs-link,
  19. .hljs-number,
  20. .hljs-regexp,
  21. .hljs-literal {
  22. color: #6896ba;
  23. }
  24. .hljs-code,
  25. .hljs-selector-class {
  26. color: #a6e22e;
  27. }
  28. .hljs-emphasis {
  29. font-style: italic;
  30. }
  31. .hljs-keyword,
  32. .hljs-selector-tag,
  33. .hljs-section,
  34. .hljs-attribute,
  35. .hljs-name,
  36. .hljs-variable {
  37. color: #cb7832;
  38. }
  39. .hljs-params {
  40. color: #b9b9b9;
  41. }
  42. .hljs-string {
  43. color: #6a8759;
  44. }
  45. .hljs-subst,
  46. .hljs-type,
  47. .hljs-built_in,
  48. .hljs-builtin-name,
  49. .hljs-symbol,
  50. .hljs-selector-id,
  51. .hljs-selector-attr,
  52. .hljs-selector-pseudo,
  53. .hljs-template-tag,
  54. .hljs-template-variable,
  55. .hljs-addition {
  56. color: #e0c46c;
  57. }
  58. .hljs-comment,
  59. .hljs-deletion,
  60. .hljs-meta {
  61. color: #7f7f7f;
  62. }
  63. .repository .ui.segment.sub-menu .list .item a {
  64. color: #dbdbdb;
  65. }
  66. .ui.horizontal.segments > .segment {
  67. background-color: #383c4a;
  68. }
  69. body {
  70. background: #383c4a;
  71. color: #9e9e9e;
  72. }
  73. a {
  74. color: #87ab63;
  75. }
  76. a:hover {
  77. color: #a0cc75;
  78. }
  79. .ui.card > .extra a:not(.ui):hover,
  80. .ui.cards > .card > .extra a:not(.ui):hover {
  81. color: #a0cc75;
  82. }
  83. .ui.breadcrumb a:hover {
  84. color: #a0cc75;
  85. }
  86. .ui.breadcrumb a {
  87. color: #87ab63;
  88. }
  89. .repository .metas .ui.list a .text {
  90. color: #87ab63;
  91. }
  92. .repository .metas .ui.list a .text:hover {
  93. color: #a0cc75;
  94. }
  95. .repository .label.list .item a {
  96. color: #87ab63;
  97. }
  98. .repository .label.list .item a:hover {
  99. color: #a0cc75;
  100. }
  101. .repository .milestone.list > .item > a {
  102. color: #87ab63;
  103. }
  104. .repository .milestone.list > .item > a:hover {
  105. color: #a0cc75;
  106. }
  107. .repository.release #release-list {
  108. border-top: 1px solid #4c505c;
  109. }
  110. .repository .milestone.list > .item .operate > a {
  111. color: #87ab63;
  112. }
  113. .repository .milestone.list > .item .operate > a:hover {
  114. color: #a0cc75;
  115. }
  116. .ui.green.progress .bar {
  117. background-color: #668844;
  118. }
  119. .ui.progress.success .bar {
  120. background-color: #7b9e57 !important;
  121. }
  122. .following.bar.light {
  123. background: #2e323e;
  124. border-bottom: 1px solid #313131;
  125. }
  126. .ui.secondary.menu .active.item {
  127. color: #dbdbdb;
  128. }
  129. .ui.secondary.menu .item {
  130. color: #9e9e9e;
  131. }
  132. .following.bar .top.menu a.item:hover {
  133. color: #ffffff;
  134. }
  135. .repository.view.issue .comment-list .comment .content > .bottom.segment a {
  136. border: solid 1px #353945;
  137. background-color: #353945;
  138. }
  139. .ui.attached.header {
  140. background: #404552;
  141. border: 1px solid #404552;
  142. color: #dbdbdb;
  143. }
  144. .ui.attached.table {
  145. border: 1px solid #304251;
  146. background: #304251;
  147. }
  148. .feeds .list ul li:not(:last-child) {
  149. border-bottom: 1px solid #333640;
  150. }
  151. .feeds .list ul li.private {
  152. background: #353945;
  153. border: 1px solid #333640;
  154. }
  155. .ui.secondary.menu .dropdown.item:hover,
  156. .ui.secondary.menu .link.item:hover,
  157. .ui.secondary.menu a.item:hover {
  158. color: #ffffff;
  159. }
  160. .ui.menu .ui.dropdown .menu > .item {
  161. background: #2c303a !important;
  162. color: #9e9e9e !important;
  163. }
  164. .ui.secondary.menu .dropdown.item > .menu,
  165. .ui.text.menu .dropdown.item > .menu {
  166. border: 1px solid #434444;
  167. }
  168. footer {
  169. background: #2e323e;
  170. border-top: 1px solid #313131;
  171. }
  172. .ui.menu .dropdown.item .menu {
  173. background: #2c303a;
  174. }
  175. .ui.menu .ui.dropdown .menu > .item:hover,
  176. .ui.menu .ui.dropdown .menu > .selected.item {
  177. color: #ffffff !important;
  178. }
  179. .ui.dropdown .menu > .header {
  180. color: #dbdbdb;
  181. }
  182. .ui.red.label,
  183. .ui.red.labels .label {
  184. background-color: #7d3434 !important;
  185. border-color: #8a2121 !important;
  186. }
  187. .ui.menu {
  188. background: #404552;
  189. border: 1px solid #353945;
  190. }
  191. .ui.menu .active.item:hover,
  192. .ui.vertical.menu .active.item:hover {
  193. color: #dbdbdb;
  194. background: #4b5162;
  195. }
  196. .ui.link.menu .item:hover,
  197. .ui.menu .dropdown.item:hover,
  198. .ui.menu .link.item:hover,
  199. .ui.menu a.item:hover {
  200. color: #dbdbdb;
  201. background: #454b5a;
  202. }
  203. .ui.menu .active.item {
  204. background: #4b5162;
  205. color: #dbdbdb;
  206. }
  207. .ui.input input {
  208. background: #404552;
  209. border: 2px solid #353945;
  210. color: #dbdbdb;
  211. }
  212. .ui.input input:focus,
  213. .ui.input.focus input {
  214. background: #404552;
  215. border: 2px solid #353945;
  216. color: #dbdbdb;
  217. }
  218. .ui.accordion .title:not(.ui) {
  219. color: #dbdbdb;
  220. }
  221. .ui.label {
  222. color: #dbdbdb;
  223. background-color: #404552;
  224. }
  225. .issue.list > .item .title {
  226. color: #87ab63;
  227. }
  228. .issue.list > .item .title:hover {
  229. color: #a0cc75;
  230. }
  231. .issue.list > .item {
  232. border-bottom: 1px dashed #475767;
  233. }
  234. .ui.green.label,
  235. .ui.green.labels .label,
  236. .ui.basic.green.label {
  237. background-color: #2d693b !important;
  238. border-color: #2d693b !important;
  239. }
  240. .ui.basic.green.labels a.label:hover,
  241. a.ui.basic.green.label:hover {
  242. background-color: #16ab39 !important;
  243. border-color: #16ab39 !important;
  244. color: #ffffff !important;
  245. }
  246. .issue.list > .item .comment {
  247. color: #129c92;
  248. }
  249. .ui.basic.button,
  250. .ui.basic.buttons .button {
  251. color: #797979 !important;
  252. }
  253. .ui.basic.red.active.button,
  254. .ui.basic.red.buttons .active.button {
  255. box-shadow: 0 0 0 1px #c75252 inset !important;
  256. color: #c75252 !important;
  257. }
  258. .ui.basic.button:focus,
  259. .ui.basic.button:hover,
  260. .ui.basic.buttons .button:focus,
  261. .ui.basic.buttons .button:hover {
  262. background: transparent !important;
  263. color: #dbdbdb !important;
  264. }
  265. .ui.menu .item {
  266. background: #404552;
  267. color: #9e9e9e;
  268. }
  269. .ui.menu .item.disabled,
  270. .ui.menu .item.disabled:hover {
  271. color: #626773;
  272. }
  273. .ui.pagination.menu .active.item {
  274. color: #dbdbdb;
  275. background-color: #87ab63;
  276. }
  277. .repository .header-wrapper {
  278. background-color: #2a2e3a;
  279. }
  280. .ui.tabular.menu .active.item {
  281. background: #383c4a;
  282. color: #dbdbdb;
  283. border-left: 1px solid transparent;
  284. border-right: 1px solid transparent;
  285. border-top: 0;
  286. }
  287. .ui.tabular.menu .item {
  288. color: #9e9e9e;
  289. }
  290. .ui.tabular.menu .item:hover {
  291. color: #dbdbdb;
  292. }
  293. .ui.header,
  294. .ui.breadcrumb .divider {
  295. color: #9e9e9e;
  296. }
  297. .ui.blue.label,
  298. .ui.blue.labels .label {
  299. background-color: #26577b !important;
  300. border-color: #26577b !important;
  301. }
  302. .ui.menu .item > .label {
  303. background: #565454;
  304. }
  305. .ui.blue.button,
  306. .ui.blue.buttons .button {
  307. background-color: #87ab63;
  308. }
  309. .ui.blue.button:hover,
  310. .ui.blue.buttons .button:hover {
  311. background-color: #a0cc75;
  312. }
  313. .ui.form input:not([type]),
  314. .ui.form input[type="text"],
  315. .ui.form input[type="email"],
  316. .ui.form input[type="search"],
  317. .ui.form input[type="password"],
  318. .ui.form input[type="date"],
  319. .ui.form input[type="datetime-local"],
  320. .ui.form input[type="tel"],
  321. .ui.form input[type="time"],
  322. .ui.form input[type="url"],
  323. .ui.form input[type="number"] {
  324. color: #9e9e9e;
  325. background: #404552;
  326. border: 2px solid #353945;
  327. }
  328. .ui.form input:not([type]):focus,
  329. .ui.form input[type="text"]:focus,
  330. .ui.form input[type="email"]:focus,
  331. .ui.form input[type="search"]:focus,
  332. .ui.form input[type="password"]:focus,
  333. .ui.form input[type="date"]:focus,
  334. .ui.form input[type="datetime-local"]:focus,
  335. .ui.form input[type="tel"]:focus,
  336. .ui.form input[type="time"]:focus,
  337. .ui.form input[type="url"]:focus,
  338. .ui.form input[type="number"]:focus {
  339. background: #404552;
  340. border: 2px solid #4b505f;
  341. color: #dbdbdb;
  342. }
  343. .ui.action.input:not([class*="left action"]) input:focus {
  344. border-right-color: #4b505f !important;
  345. }
  346. .ui.green.button,
  347. .ui.green.buttons .button {
  348. background-color: #87ab63;
  349. }
  350. .ui.green.button:hover,
  351. .ui.green.buttons .button:hover {
  352. background-color: #a0cc75;
  353. }
  354. .ui.button {
  355. background: #383c4a;
  356. border: 1px solid #4c505c;
  357. color: #dbdbdb;
  358. }
  359. .ui.labeled.button:not([class*="left labeled"]) > .label,
  360. .ui[class*="left labeled"].button > .button {
  361. background: #404552;
  362. border: 1px solid #4c505c;
  363. color: #87ab63;
  364. }
  365. .ui.button:hover {
  366. background-color: #404552;
  367. color: #dbdbdb;
  368. }
  369. .ui.table thead th {
  370. background: #404552;
  371. color: #dbdbdb;
  372. }
  373. .repository.file.list #repo-files-table tr:hover {
  374. background-color: #393d4a;
  375. }
  376. .ui.table {
  377. color: #a5a5a5 !important;
  378. border: 1px solid #4c505c;
  379. background: #353945;
  380. }
  381. .ui.table tbody tr {
  382. border-bottom: 1px solid #333640;
  383. background: #2a2e3a;
  384. }
  385. .ui .text.grey {
  386. color: #808084 !important;
  387. }
  388. .ui.attached.table.segment {
  389. background: #353945;
  390. color: #dbdbdb !important;
  391. }
  392. .markdown:not(code) h2 {
  393. border-bottom: 1px solid #304251;
  394. }
  395. .hljs,
  396. .hljs-keyword,
  397. .hljs-selector-tag,
  398. .hljs-subst {
  399. color: #9daccc;
  400. }
  401. .markdown:not(code) .highlight pre,
  402. .markdown:not(code) pre {
  403. background-color: #2a2e3a;
  404. border: 1px solid #404552;
  405. }
  406. .markdown:not(code) table tr:nth-child(2n) {
  407. background-color: #2a2e39;
  408. }
  409. .markdown:not(code) table tr:nth-child(2n-1) {
  410. background-color: #383b44;
  411. }
  412. .markdown:not(code) table thead tr:nth-child(2n-1) {
  413. background-color: #464c5d !important;
  414. }
  415. .markdown:not(code) table td,
  416. .markdown:not(code) table th {
  417. border-color: #4c505c !important;
  418. }
  419. .repository.file.editor.edit,
  420. .repository.wiki.new .CodeMirror {
  421. border-right: 1px solid rgba(187, 187, 187, 0.6);
  422. border-left: 1px solid rgba(187, 187, 187, 0.6);
  423. border-bottom: 1px solid rgba(187, 187, 187, 0.6);
  424. .editor-preview,
  425. .editor-preview-side {
  426. background: #353945;
  427. .markdown:not(code).ui.segment {
  428. border-width: 0;
  429. }
  430. }
  431. }
  432. .ui.dropdown .menu {
  433. background: #2c303a;
  434. }
  435. .ui.dropdown .menu > .message:not(.ui) {
  436. color: #636363;
  437. }
  438. .ui.input {
  439. color: #dbdbdb;
  440. }
  441. .overflow.menu .items .item {
  442. color: #9d9d9d;
  443. }
  444. .overflow.menu .items .item:hover {
  445. color: #dbdbdb;
  446. }
  447. .ui.segment {
  448. background: #353945;
  449. color: #9e9e9e !important;
  450. border: 1px solid #404552;
  451. }
  452. .ui.active.button:active,
  453. .ui.button:active,
  454. .ui.button:focus {
  455. background-color: #2e3e4e;
  456. color: #dbdbdb;
  457. }
  458. .ui.dropdown .menu .selected.item,
  459. .ui.dropdown.selected {
  460. color: #dbdbdb;
  461. }
  462. .ui.dropdown .menu > .item:hover {
  463. color: #dbdbdb;
  464. }
  465. .ui.dropdown .menu > .item {
  466. color: #9e9e9e;
  467. }
  468. .ui.attached.segment {
  469. border: 1px solid #404552;
  470. }
  471. .repository.view.issue .comment-list .comment .content > .bottom.segment {
  472. background: #353945;
  473. }
  474. .repository.view.issue .comment-list .comment .content .header {
  475. color: #dbdbdb;
  476. background-color: #404552;
  477. border-bottom: 1px solid #353944;
  478. }
  479. .ui .text.grey a {
  480. color: #dbdbdb !important;
  481. }
  482. .ui.comments .comment .actions a {
  483. color: #dbdbdb;
  484. }
  485. .repository.view.issue .comment-list .comment .content .header:after {
  486. border-right-color: #404552;
  487. }
  488. .repository.new.issue .comment.form .content:after {
  489. border-right-color: #353945;
  490. }
  491. .repository.view.issue .comment-list .comment .content .header:before {
  492. border-right-color: #404552;
  493. }
  494. .repository.new.issue .comment.form .content:before {
  495. border-right-color: #353945;
  496. }
  497. .repository.view.issue .comment-list:before {
  498. background-color: #313c47;
  499. }
  500. .repository .comment.form .content .form:after {
  501. border-right-color: #313c47;
  502. }
  503. .repository .comment.form .content .form:before {
  504. border-right-color: #313c47;
  505. }
  506. .ui .text.grey a:hover {
  507. color: #dbdbdb !important;
  508. }
  509. .ui.basic.green.active.button,
  510. .ui.basic.green.buttons .active.button {
  511. color: #13ae38 !important;
  512. }
  513. .ui.form textarea,
  514. .ui.form textarea:focus {
  515. color: #dbdbdb;
  516. background: #404552;
  517. border: 2px solid #353945;
  518. }
  519. .ui.form textarea:focus {
  520. border: 1px solid #456580;
  521. }
  522. .ui .info.segment.top {
  523. background-color: #404552 !important;
  524. }
  525. .repository .diff-file-box .code-diff-unified tbody tr.del-code td {
  526. background-color: #3c2626 !important;
  527. border-color: #634343 !important;
  528. }
  529. .repository .diff-file-box .code-diff-unified tbody tr.add-code td {
  530. background-color: #283e2d !important;
  531. border-color: #314a37 !important;
  532. }
  533. .repository .diff-file-box .code-diff tbody tr .added-code {
  534. background-color: #3a523a;
  535. }
  536. .repository .diff-file-box .code-diff .lines-num {
  537. border-right: 1px solid #2d2d2d;
  538. }
  539. .repository .diff-file-box .file-body.file-code .lines-num {
  540. color: #9e9e9e;
  541. background: #2e323e;
  542. }
  543. .repository .diff-file-box .file-body.file-code .lines-num-old {
  544. border-right: 1px solid #2d2d2d;
  545. }
  546. .hljs-title,
  547. .hljs-section,
  548. .hljs-selector-id {
  549. color: #986c88;
  550. }
  551. .hljs-string,
  552. .hljs-doctag {
  553. color: #8ab398;
  554. }
  555. .repository .diff-file-box .code-diff tbody tr .removed-code {
  556. background-color: #5f3737;
  557. }
  558. .repository .diff-file-box .code-diff tbody tr.tag-code td,
  559. .repository .diff-file-box .code-diff tbody tr td.tag-code {
  560. background-color: #292727 !important;
  561. }
  562. .ui.vertical.menu .active.item {
  563. background: #4b5162;
  564. }
  565. .ui.vertical.menu .item {
  566. background: #353945;
  567. }
  568. .ui.vertical.menu .header.item {
  569. background: #404552;
  570. }
  571. .ui.vertical.menu {
  572. background: #353945;
  573. border: 1px solid #333640;
  574. }
  575. .ui.repository.list .item:not(:first-child) {
  576. border-top: 1px solid #4c505c;
  577. }
  578. .ui .text.blue {
  579. color: #87ab63 !important;
  580. }
  581. .ui.selection.active.dropdown,
  582. .ui.selection.active.dropdown .menu {
  583. border-color: #4e5361;
  584. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  585. }
  586. .ui.selection.active.dropdown:hover,
  587. .ui.selection.active.dropdown:hover .menu {
  588. border-color: #4e5361;
  589. box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  590. }
  591. .ui.selection.dropdown {
  592. background: #404552;
  593. border: 1px solid #404552;
  594. color: #9e9e9e;
  595. }
  596. .ui.menu .ui.dropdown .menu > .active.item {
  597. color: #dbdbdb !important;
  598. }
  599. .ui.tabular.menu {
  600. border-bottom: 1px solid #313c47;
  601. }
  602. .ui.card,
  603. .ui.cards > .card {
  604. background: #353945;
  605. box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
  606. }
  607. .ui.card > .content > .header,
  608. .ui.cards > .card > .content > .header {
  609. color: #dbdbdb;
  610. }
  611. .ui.card > .extra a:not(.ui),
  612. .ui.cards > .card > .extra a:not(.ui) {
  613. color: #87ab63;
  614. }
  615. .ui .text.black {
  616. color: #9e9e9e;
  617. }
  618. .ui .text.black:hover {
  619. color: #dbdbdb;
  620. }
  621. .ui.secondary.segment {
  622. background: #353945;
  623. }
  624. .ui.secondary.pointing.menu .active.item {
  625. color: #dbdbdb;
  626. border: 0;
  627. background: #383c4a;
  628. }
  629. .ui.user.list .item:not(:first-child) {
  630. border-top: 1px solid #4c505c;
  631. }
  632. .ui.secondary.pointing.menu .active.item:hover {
  633. border-color: #af8b4c;
  634. color: #dbdbdb;
  635. background: #4b5162;
  636. }
  637. .ui.secondary.pointing.menu .dropdown.item:hover,
  638. .ui.secondary.pointing.menu .link.item:hover,
  639. .ui.secondary.pointing.menu a.item:hover {
  640. color: #dbdbdb;
  641. }
  642. .ui.checkbox label,
  643. .ui.checkbox + label,
  644. .ui.form .field > label {
  645. color: #9e9e9e;
  646. }
  647. .ui.form .inline.field > label,
  648. .ui.form .inline.field > p,
  649. .ui.form .inline.fields .field > label,
  650. .ui.form .inline.fields .field > p,
  651. .ui.form .inline.fields > label {
  652. color: #9e9e9e;
  653. }
  654. .user.settings .email.list .item:not(:first-child) {
  655. border-top: 1px solid #3f4451;
  656. }
  657. .explore .navbar {
  658. background-color: #2a2e3a !important;
  659. }
  660. .ui.menu.new-menu {
  661. background-color: #2a2e3a !important;
  662. @media only screen and (max-width: 1200px) {
  663. &:after {
  664. background-image: linear-gradient(to right, rgba(42, 46, 42, 0), rgba(42, 46, 42, 1) 100%);
  665. }
  666. }
  667. }
  668. input {
  669. background: #2e323e;
  670. }
  671. .settings .key.list .item:not(:first-child) {
  672. border-top: 1px solid #404552;
  673. }
  674. .ui.attached.info.message,
  675. .ui.info.message {
  676. box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
  677. }
  678. .ui.bottom.attached.message {
  679. background-color: #2c662d;
  680. color: #87ab63;
  681. }
  682. .ui.bottom.attached.message .pull-right {
  683. color: #87ab63;
  684. }
  685. .ui.info.message {
  686. background-color: #2c3b4a;
  687. color: #9ebcc5;
  688. }
  689. .CodeMirror div.CodeMirror-cursor {
  690. border-left: 1px solid #9e9e9e;
  691. }
  692. .ui .warning.header {
  693. background-color: #5d3a22 !important;
  694. border-color: #794f31;
  695. }
  696. .ui.red.message {
  697. background-color: rgba(80, 23, 17, 0.6);
  698. color: #f9cbcb;
  699. box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
  700. }
  701. .ui.red.button,
  702. .ui.red.buttons .button {
  703. background-color: #7d3434;
  704. }
  705. .ui.red.button:hover,
  706. .ui.red.buttons .button:hover {
  707. background-color: #984646;
  708. }
  709. .ui.checkbox label:hover,
  710. .ui.checkbox + label:hover {
  711. color: #dbdbdb !important;
  712. }
  713. .ui.checkbox input:checked ~ .box:after,
  714. .ui.checkbox input:checked ~ label:after {
  715. color: #7f98ad;
  716. }
  717. .ui.checkbox input:checked ~ .box:before,
  718. .ui.checkbox input:checked ~ label:before {
  719. background: #304251;
  720. opacity: 1;
  721. color: #7f98ad;
  722. border-color: #304251;
  723. }
  724. .ui.checkbox .box:hover::before,
  725. .ui.checkbox label:hover::before {
  726. background: #304251;
  727. }
  728. .ui.checkbox .box:before,
  729. .ui.checkbox label:before {
  730. background: #304251;
  731. border: 1px solid #304251;
  732. }
  733. .ui.checkbox .box:active::before,
  734. .ui.checkbox label:active::before {
  735. background: #304251;
  736. border-color: rgba(34, 36, 38, 0.35);
  737. }
  738. .ui.checkbox input:focus ~ .box:before,
  739. .ui.checkbox input:focus ~ label:before {
  740. border-color: #304251;
  741. background: #304251;
  742. }
  743. .ui.checkbox input:checked:focus ~ .box:before,
  744. .ui.checkbox input:checked:focus ~ label:before,
  745. .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
  746. .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
  747. border-color: #304251;
  748. background: #304251;
  749. }
  750. .ui.checkbox input:checked:focus ~ .box:after,
  751. .ui.checkbox input:checked:focus ~ label:after,
  752. .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
  753. .ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
  754. color: #7f98ad;
  755. }
  756. .ui.checkbox input:focus ~ .box:after,
  757. .ui.checkbox input:focus ~ label,
  758. .ui.checkbox input:focus ~ label:after {
  759. color: #9a9a9a;
  760. }
  761. .ui.selection.dropdown:hover {
  762. border: 1px solid #456580;
  763. }
  764. .ui.selection.dropdown .menu > .item {
  765. border-top: 1px solid #313c47;
  766. }
  767. .ui.selection.visible.dropdown > .text:not(.default) {
  768. color: #9e9e9e;
  769. }
  770. .ui.negative.message {
  771. background-color: rgba(80, 23, 17, 0.6);
  772. color: #f9cbcb;
  773. box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
  774. }
  775. .hljs-tag,
  776. .hljs-name,
  777. .hljs-attribute {
  778. color: #ef5e77;
  779. }
  780. .user.profile .ui.card .extra.content ul li:not(:last-child) {
  781. border-bottom: 1px solid #4c505c;
  782. }
  783. .hljs-number,
  784. .hljs-literal,
  785. .hljs-variable,
  786. .hljs-template-variable,
  787. .hljs-tag .hljs-attr {
  788. color: #bd84bf;
  789. }
  790. .ui.form .dropzone {
  791. border: 2px dashed #4c505c;
  792. }
  793. .ui.basic.red.button,
  794. .ui.basic.red.buttons .button {
  795. box-shadow: 0 0 0 1px #a04141 inset !important;
  796. color: #a04141 !important;
  797. }
  798. .ui.list .list > .item .header,
  799. .ui.list > .item .header {
  800. color: #dedede;
  801. }
  802. .ui.list .list > .item .description,
  803. .ui.list > .item .description {
  804. color: #9e9e9e;
  805. }
  806. .ui.user.list .item .description a {
  807. color: #668cb1;
  808. }
  809. .repository.file.list #file-content .code-view .lines-num {
  810. background: #2e323e;
  811. }
  812. .repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,
  813. .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
  814. color: #7c9b5e;
  815. }
  816. .ui.blue.button:focus,
  817. .ui.blue.buttons .button:focus {
  818. background-color: #a27558;
  819. }
  820. .ui.basic.blue.button:hover,
  821. .ui.basic.blue.buttons .button:hover {
  822. box-shadow: 0 0 0 1px #87ab63 inset !important;
  823. color: #87ab63 !important;
  824. }
  825. .ui.basic.blue.button:focus,
  826. .ui.basic.blue.buttons .button:focus {
  827. box-shadow: 0 0 0 1px #87ab63 inset !important;
  828. color: #87ab63 !important;
  829. }
  830. .repository.file.list #file-content .code-view .lines-num pre,
  831. .repository.file.list #file-content .code-view .lines-code pre,
  832. .repository.file.list #file-content .code-view .lines-num ol,
  833. .repository.file.list #file-content .code-view .lines-code ol,
  834. .repository.file.list #file-content .code-view .lines-num .hljs,
  835. .repository.file.list #file-content .code-view .lines-code .hljs {
  836. background-color: #2a2e3a;
  837. }
  838. a.ui.label:hover,
  839. a.ui.labels .label:hover {
  840. background-color: #505667;
  841. color: #dbdbdb;
  842. }
  843. .repository .label.list .item {
  844. border-bottom: 1px dashed #4c505c;
  845. }
  846. .ui.basic.blue.button,
  847. .ui.basic.blue.buttons .button {
  848. box-shadow: 0 0 0 1px #87ab63 inset !important;
  849. color: #87ab63 !important;
  850. }
  851. .repository.file.list #file-content .code-view {
  852. .lines-num pre,
  853. .lines-code pre,
  854. .lines-num ol,
  855. .lines-code ol,
  856. .lines-num .hljs,
  857. .hljs {
  858. background-color: #2a2e3a;
  859. }
  860. }
  861. .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1),
  862. .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),
  863. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),
  864. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4),
  865. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5),
  866. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) {
  867. background-color: #2a2e3a;
  868. }
  869. .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),
  870. .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5),
  871. .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6),
  872. .repository .diff-file-box .code-diff-split tbody tr td.add-code {
  873. background-color: #283e2d !important;
  874. border-color: #314a37 !important;
  875. }
  876. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1),
  877. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),
  878. .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),
  879. .repository .diff-file-box .code-diff-split tbody tr td.del-code {
  880. background-color: #3c2626 !important;
  881. border-color: #634343 !important;
  882. }
  883. .ui.blue.button:active,
  884. .ui.blue.buttons .button:active {
  885. background-color: #a27558;
  886. }
  887. #git-graph-container li a {
  888. color: #c79575;
  889. }
  890. #git-graph-container li .author {
  891. color: #c79575;
  892. }
  893. .ui.header .sub.header {
  894. color: #9e9e9e;
  895. }
  896. .ui.dividing.header {
  897. border-bottom: 1px solid #4c505c;
  898. }
  899. .ui.modal > .header {
  900. background: #404552;
  901. color: #dbdbdb;
  902. }
  903. .ui.modal > .actions {
  904. background: #404552;
  905. border-top: 1px solid #404552;
  906. }
  907. .ui.modal > .content {
  908. background: #383c4a;
  909. }
  910. .editor-toolbar {
  911. background-color: #404552;
  912. a {
  913. color: #87ab63 !important;
  914. }
  915. }
  916. .CodeMirror {
  917. color: #9daccc;
  918. background-color: #2b2b2b;
  919. border-top: 0;
  920. }
  921. .CodeMirror-gutters {
  922. background-color: #2b2b2b;
  923. }
  924. .repository .diff-detail-box {
  925. background-color: #383c4a;
  926. .detail-files {
  927. background-color: inherit;
  928. }
  929. }
  930. .comment-code-cloud {
  931. .ui.attached.tabular.menu {
  932. background: none transparent;
  933. border: 0;
  934. }
  935. .footer .markdown-info {
  936. color: inherit;
  937. }
  938. }
  939. .file-comment {
  940. color: #888888;
  941. }
  942. .ui.comments .comment {
  943. .author {
  944. color: #dbdbdb;
  945. }
  946. .metadata {
  947. color: #808084;
  948. }
  949. .text {
  950. color: #9e9e9e;
  951. }
  952. }
  953. .heatmap-color-0 {
  954. background-color: #2d303b;
  955. }