Advertisement
globiws

pf-css

Jun 14th, 2025
244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.19 KB | None | 0 0
  1. /* Core module CSS variable definitions */
  2. :root {
  3.     --fore-color: #fdfdfd;
  4.     --hint-fore-color: #888;
  5.     --secondary-fore-color: #f0f0f0;
  6.     --back-color: #111;
  7.     --secondary-back-color: #222;
  8.     --blockquote-color: #f57c00;
  9.     --pre-color: #1565c0;
  10.     --border-color: #ddd;
  11.     --secondary-border-color: #aaa;
  12.     --heading-ratio: 1.19;
  13.     --universal-margin: 0.5rem;
  14.     --universal-padding: 0.5rem;
  15.     --universal-border-radius: 0.125rem;
  16.     --a-link-color: #5093c7;
  17.     --a-visited-color: #5093c7;
  18. }
  19.  
  20. /* Table module CSS variable definitions. */
  21. :root {
  22.     --table-border-color: #999;
  23.     --table-border-separator-color: #666;
  24.     --table-head-back-color: #212121;
  25.     --table-head-fore-color: #fdfdfd;
  26.     --table-body-back-color: #111;
  27.     --table-body-fore-color: #fdfdfd;
  28.     --table-body-alt-back-color: #444;
  29.     --table-body-alt-fore-color: #eee;
  30.     --table-body-hover-back-color: #5c819f;
  31.     --table-cell-padding: 1rem;
  32. }
  33.  
  34. /* Card component CSS variable definitions */
  35. :root {
  36.     --card-back-color: #111;
  37.     --card-fore-color: #fdfdfd;
  38.     --card-border-color: #aaa;
  39. }
  40.  
  41. /* Input_control module CSS variable definitions */
  42. :root {
  43.     --form-back-color: #111;
  44.     --form-alt-back-color: #333;
  45.     --form-fore-color: #fdfdfd;
  46.     --form-border-color: #222;
  47.     --form-row-border-color: #333;
  48.     --form-error-back-color: #611;
  49.     --form-error-border-color: #500;
  50.     --input-back-color: #111;
  51.     --input-fore-color: #fdfdfd;
  52.     --input-alt-fore-color: #ddd;
  53.     --input-border-color: #aaa;
  54.     --input-focus-color: #0288d1;
  55.     --input-invalid-color: #d32f2f;
  56.     --input-locked-back-color: #111;
  57.     --input-locked-fore-color: #fdfdfd;
  58.     --button-back-color: #212121;
  59.     --button-hover-back-color: #444;
  60.     --button-fore-color: #e2e2e2;
  61.     --button-border-color: transparent;
  62.     --button-hover-border-color: transparent;
  63.     --button-group-border-color: rgba(124, 124, 124, 0.54);
  64. }
  65.  
  66. /* Navigation module CSS variable definitions */
  67. :root {
  68.     --header-back-color: #111;
  69.     --header-hover-back-color: #222;
  70.     --header-fore-color: #f0f0f0;
  71.     --header-border-color: #aaa;
  72.     --nav-back-color: #111;
  73.     --nav-hover-back-color: #222;
  74.     --nav-fore-color: #f0f0f0;
  75.     --nav-border-color: #aaa;
  76.     --nav-link-color: #0277bd;
  77.     --footer-fore-color: #f0f0f0;
  78.     --footer-back-color: #111;
  79.     --footer-border-color: #aaa;
  80.     --footer-link-color: #0277bd;
  81.     --drawer-back-color: #111;
  82.     --drawer-hover-back-color: #222;
  83.     --drawer-border-color: #aaa;
  84.     --drawer-close-color: #f0f0f0;
  85. }
  86.  
  87. /* Contextual module CSS variable definitions */
  88. :root {
  89.     --mark-back-color: #0277bd;
  90.     --mark-fore-color: #fafafa;
  91. }
  92. :root {
  93.     --toast-back-color: #424242;
  94.     --toast-fore-color: #fafafa;
  95. }
  96. :root {
  97.     --tooltip-back-color: #fafafa;
  98.     --tooltip-fore-color: #212121;
  99. }
  100. :root {
  101.     --modal-overlay-color: rgba(0, 0, 0, 0.45);
  102.     --modal-close-color: #f0f0f0;
  103.     --modal-close-hover-color: #222;
  104. }
  105.  
  106. /* Progess module CSS variable definitions */
  107. :root {
  108.     --progress-back-color: #aaa;
  109.     --progress-fore-color: #555;
  110. }
  111.  
  112. /* Utility module CSS variable definitions */
  113. :root {
  114.     --generic-border-color: rgba(0, 0, 0, 0.3);
  115.     --generic-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.125), 0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.125);
  116. }
  117. :root {
  118.     --collapse-label-back-color: #111;
  119.     --collapse-label-fore-color: #fafafa;
  120.     --collapse-label-hover-back-color: #222;
  121.     --collapse-selected-label-back-color: #444;
  122.     --collapse-border-color: #aaa;
  123.     --collapse-content-back-color: #212121;
  124.     --collapse-selected-label-border-color: #0277bd;
  125. }
  126.  
  127. :root {
  128.     --spinner-back-color: #ddd;
  129.     --spinner-fore-color: #555;
  130. }
  131.  
  132. :root {
  133.     --status-default-back-color: #333;
  134.     --status-default-fore-color: #eee;
  135.     --status-default-border-color: #555;
  136.     --status-green-back-color: #060;
  137.     --status-green-fore-color: #dfd;
  138.     --status-green-border-color: #282;
  139.     --status-red-back-color: #d11;
  140.     --status-red-fore-color: #fff;
  141.     --status-red-border-color: #b00;
  142.     --status-blue-back-color: #036;
  143.     --status-blue-fore-color: #def;
  144.     --status-blue-border-color: #258;
  145. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement