Advertisement
McKolin

DynaHUD.css

Sep 4th, 2021
855
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.90 KB | None | 0 0
  1. /*===============================*/
  2. /*  CONFIGURABLE SETTINGS START  */
  3. /*===============================*/
  4. /* NOTE: Do not remove the trailing semicolons! */
  5. :root {
  6.     /* ====================== */
  7.     /*  HUD Opacity Settings  */
  8.     /* ====================== */
  9.  
  10.     /* Health Bar Opacity */
  11.     --dynahud-opacity-hp-bar: 0.6;
  12.  
  13.     /* Enemy Health Bar Opacity */
  14.     --dynahud-opacity-enemy-hp-bar: 0.6;
  15.  
  16.     /* Energy Bar Opacity */
  17.     --dynahud-opacity-energy-bar: 0.8;
  18.  
  19.     /* Crosshair Opacity */
  20.     --dynahud-opacity-crosshair: 1.0;
  21.  
  22.     /* Ammo Bar Opacity */
  23.     --dynahud-opacity-ammo-bar: 1.0;
  24.  
  25.     /* Mission Log Opacity */
  26.     --dynahud-opacity-mission-log: 0.6;
  27.  
  28.     /* Source Collection Notification Opacity */
  29.     --dynahud-opacity-source-collector: 0.6;
  30.  
  31.     /* Item Pickup Notification Opacity */
  32.     --dynahud-opacity-pickup-notification: 0.6;
  33.  
  34.     /* Interaction Marker Opacity */
  35.     --dynahud-opacity-interaction-marker: 1.0;
  36.  
  37.     /* Threat Indicator Opacity */
  38.     --dynahud-opacity-threat-indicator: 1.0;
  39.  
  40.     /* Expedition Modifiers */
  41.     --dynahud-opacity-expedition-modifiers: 1.0;
  42.  
  43.     /* ========================== */
  44.     /*  Dynamic Opacity Settings  */
  45.     /* ========================== */
  46.  
  47.     /* Health bar opacity when hidden */
  48.     --dynahud-opacity-hp-bar-hidden: 0.2;
  49.  
  50.     /* Mission log opacity when hidden */
  51.     --dynahud-opacity-mission-log-hidden: 0.2;
  52.  
  53.     /* Crosshair opacity when hidden */
  54.     --dynahud-opacity-crosshair-hidden: 0.3;
  55.    
  56.     /* Hud Padding (for 32:9 resolutions) */
  57.     --dynahud-padding: 1500px;
  58. }
  59.  
  60. /*=============================*/
  61. /*  CONFIGURABLE SETTINGS END  */
  62. /*=============================*/
  63.  
  64. /* Health Bar */
  65. .health-bar:not(.health-bar--hidden) {
  66.     opacity: var(--dynahud-opacity-hp-bar);
  67.     left: var(--dynahud-padding);
  68. }
  69. .health-bar--hidden {
  70.     /* Allow hidden attribute to override any inline styles we set via script */
  71.     opacity: 0 !important;
  72. }
  73.  
  74. /* Enemy Health Bar */
  75. .enemy-health-container {
  76.     opacity: var(--dynahud-opacity-enemy-hp-bar);
  77. }
  78. .enemy-health__compel-prompt:not(.enemy-health__compel-prompt--hidden) {
  79.     opacity: var(--dynahud-opacity-enemy-hp-bar);
  80. }
  81.  
  82. /* Energy Bar */
  83. .ability-resource-bar:not(.ability-resource-bar--full):not(.ability-resource-bar--hidden) {
  84.     opacity: var(--dynahud-opacity-energy-bar);
  85. }
  86.  
  87. /* Crosshair */
  88. .awesome-crosshair:not(.awesome-crosshair--hidden) {
  89.     opacity: var(--dynahud-opacity-crosshair);
  90. }
  91.  
  92. /* Mission Log */
  93. .mission-log-wrapper {
  94.     opacity: var(--dynahud-opacity-mission-log);
  95. }
  96.  
  97. /* Source Collector */
  98. .essence-collector--hud.essence-collector--show {
  99.     opacity: var(--dynahud-opacity-source-collector);
  100.     left: var(--dynahud-padding);
  101. }
  102.  
  103. /* Item Pickup Notifications */
  104. .pickup-notifications-container {
  105.     opacity: var(--dynahud-opacity-pickup-notification);
  106.     right: var(--dynahud-padding);
  107. }
  108.  
  109. /* Interaction Marker */
  110. .interaction-marker-container {
  111.     opacity: var(--dynahud-opacity-interaction-marker);
  112. }
  113.  
  114. /* Threat Indicator */
  115. .threat-indicators {
  116.     opacity: var(--dynahud-opacity-threat-indicator);
  117. }
  118.  
  119. /* Expedition Modifiers on HUD */
  120. .expedition-hud > .expedition-mod-group {
  121.     opacity: var(--dynahud-opacity-expedition-modifiers);
  122. }
  123.  
  124. /* Other */
  125. .ability-resource-bar--full {
  126.     /* disable white flash animation when full since this results in a opacity 1 flash */
  127.     animation: unset;
  128. }
  129.  
  130. /* MissionLogComponent */
  131. .mission-log-wrapper {
  132.     transition: opacity 300ms var(--easing);
  133.     left: var(--dynahud-padding);
  134. }
  135.  
  136. .mission-log-wrapper.dynahud-hide {
  137.     opacity: var(--dynahud-opacity-mission-log-hidden);
  138. }
  139.  
  140. .mission-log-wrapper.dynahud-in-map {
  141.     /* Ensure full opacity when in map */
  142.     opacity: 1;
  143. }
  144.  
  145. /* CrosshairComponent */
  146. .awesome-crosshair.dynahud-hide {
  147.     opacity: var(--dynahud-opacity-crosshair-hidden);
  148.     transition: opacity 300ms var(--easing);
  149. }
  150.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement