style.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. @font-face {
  2. font-family: "Iosevka Slab";
  3. src: url("fonts/SGr-IosevkaSlab-Regular.ttc");
  4. }
  5. .root {
  6. -fx-background-color: #000000;
  7. -fx-font-family: "Iosevka Slab", serif;
  8. -fx-font-size: 1.7em;
  9. -fx-focus-color: #aaaaaa;
  10. }
  11. .vbox,
  12. .grid-pane,
  13. .text-flow {
  14. -fx-background-color: transparent;
  15. }
  16. .text,
  17. .label {
  18. -fx-fill: #e0e0e0;
  19. -fx-text-fill: #e0e0e0;
  20. }
  21. .scroll-pane {
  22. -fx-background-color: #000000;
  23. -fx-background-radius: 0;
  24. -fx-border-width: 0;
  25. }
  26. .scroll-pane > .viewport {
  27. -fx-background-color: #000000;
  28. }
  29. .button {
  30. -fx-background-color: #222222;
  31. -fx-text-fill: #e0e0e0;
  32. -fx-border-color: #555555;
  33. -fx-border-width: 1px;
  34. -fx-background-radius: 0;
  35. -fx-border-radius: 0;
  36. -fx-padding: 6px 12px;
  37. }
  38. .enter-button {
  39. -fx-background-color: #14262b !important;
  40. }
  41. .press-button {
  42. -fx-background-color: #14182b !important;
  43. }
  44. .slay-button {
  45. -fx-background-color: #2b1416 !important;
  46. }
  47. .take-button {
  48. -fx-background-color: #1e142b !important;
  49. }
  50. .button:hover {
  51. -fx-background-color: #333333;
  52. -fx-border-color: #777777;
  53. -fx-text-fill: #ffffff;
  54. }
  55. .button:focused {
  56. -fx-border-color: #e0e0e0;
  57. -fx-border-width: 1px;
  58. }
  59. .button:pressed {
  60. -fx-background-color: #111111;
  61. }
  62. .scroll-bar {
  63. -fx-background-color: #000000;
  64. }
  65. .scroll-bar .increment-button,
  66. .scroll-bar .decrement-button {
  67. -fx-background-color: #000000;
  68. -fx-background-radius: 0;
  69. -fx-padding: 0;
  70. }
  71. .scroll-bar .increment-arrow,
  72. .scroll-bar .decrement-arrow {
  73. -fx-shape: "";
  74. -fx-padding: 0;
  75. }
  76. .scroll-bar:vertical .track,
  77. .scroll-bar:horizontal .track {
  78. -fx-background-color: #000000;
  79. -fx-border-color: #000000;
  80. -fx-background-radius: 0;
  81. -fx-border-radius: 0;
  82. }
  83. .scroll-bar .thumb {
  84. -fx-background-color: #333333;
  85. -fx-background-radius: 0;
  86. }
  87. .scroll-bar .thumb:hover {
  88. -fx-background-color: #555555;
  89. }
  90. .inventory-item {
  91. -fx-background-color: transparent;
  92. -fx-border-color: transparent;
  93. -fx-border-width: 1px;
  94. -fx-background-radius: 0;
  95. -fx-border-radius: 0;
  96. -fx-padding: 6px 12px;
  97. }
  98. .inventory-item:hover {
  99. -fx-background-color: transparent;
  100. -fx-border-color: #e0e0e0;
  101. -fx-text-fill: #ffffff;
  102. }
  103. .inventory-item:focused {
  104. -fx-border-color: #aaaaaa;
  105. -fx-border-width: 1px;
  106. -fx-background-color: transparent;
  107. }
  108. .inventory-item:pressed {
  109. -fx-background-color: rgba(224, 224, 224, 0.1);
  110. -fx-border-color: #e0e0e0;
  111. }
  112. .weapon,
  113. .button.weapon:disabled,
  114. .weapon:disabled,
  115. .button.weapon:disabled .text {
  116. -fx-text-fill: #ff5555 !important;
  117. -fx-fill: #ff5555 !important;
  118. -fx-opacity: 1 !important;
  119. }
  120. .button:hover {
  121. -fx-cursor: hand;
  122. }
  123. .button:disabled,
  124. .button:disabled:hover {
  125. -fx-cursor: default;
  126. }
  127. .dialog-pane {
  128. -fx-background-color: #000000;
  129. -fx-border-color: #555555;
  130. -fx-border-width: 1px;
  131. }
  132. .dialog-pane .header-panel,
  133. .dialog-pane .button-bar {
  134. -fx-background-color: transparent;
  135. }