common.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. html[data-theme="light"]{
  2. --body-background-color:#DED8D4;
  3. --font-color:#121929;
  4. --a-color:#862930;
  5. --a-link-color:rgba(71, 220, 71, 0.133);
  6. --a-hover-color:rgba(71, 220, 71, 0.133);
  7. --a-active-color:#862930;
  8. --a-visited-color:#862930;
  9. }
  10. html[data-theme="dark"]{
  11. --body-background-color:#121929;
  12. --font-color:#DED8D4;
  13. --a-color:#DED8D4;
  14. --a-link-color:#862930;
  15. --a-hover-color:#862930;
  16. --a-active-color:#DED8D4;
  17. --a-visited-color:#DED8D4;
  18. }
  19. :root{
  20. --body-background-color:rgba(53, 139, 225, 0.333);
  21. --background-color:rgba(53, 139, 225, 0.333);
  22. --backdrop-color:rgba(94, 164, 235, 0.3);
  23. --font-color:rgb(91, 158, 91);
  24. --font-shadow-color:rgb(91, 158, 91);
  25. --filter-color:rgb(91, 158, 91);
  26. --filter-shadow-color:rgb(91, 158, 91);
  27. --hover-color:rgba(71, 220, 71, 0.133);
  28. --a-color:rgba(71, 220, 71, 0.133);
  29. --a-link-color:rgba(71, 220, 71, 0.133);
  30. --a-hover-color:rgba(71, 220, 71, 0.133);
  31. --a-active-color:rgba(71, 220, 71, 0.133);
  32. --a-visited-color:rgba(71, 220, 71, 0.133);
  33. --normal-color:rgba(190, 243, 238, 0.133);
  34. --notice-color:rgba(88, 144, 235, 0.133);
  35. --warming-color:rgba(240, 218, 75, 0.133);
  36. --wrong-color:rgba(243, 31, 31, 0.133);
  37. --red:#122;
  38. --green:#122;
  39. --blue:#122;
  40. --black:#122;
  41. --white:#122;
  42. --gray:#122;
  43. --yellow:#122;
  44. --purple:#122;
  45. --pink:#122;
  46. --orange:#122;
  47. --brown:#122;
  48. --cyan:#122;
  49. --magenta:#122;
  50. --C:#122;
  51. --M:#122;
  52. --Y:#122;
  53. --K:#122;
  54. --plate-size-default:98%;
  55. --font-size:12px;
  56. --font-default-size:12px;
  57. --font-scale-size:24px;
  58. --font-scale-default-size:24px;
  59. --title-size:18px;
  60. --title-default-size:18px;
  61. --content-size:12px;
  62. --content-default-size:12px;
  63. --button-text-size:15px;
  64. --button-text-default-size:15px;
  65. --test-border:2px solid black;
  66. --test-border-hover:2px solid rgb(228, 20, 20);
  67. --production-border:2px solid black;
  68. }
  69. body{
  70. background-color: var(--body-background-color);
  71. color: var(--font-color);
  72. }
  73. body a{
  74. color:var(--a-color);
  75. text-decoration: none;
  76. }
  77. body a:hover{
  78. color:var(--a-hover-color);
  79. }
  80. body a:visited{
  81. color:var(--a-visited-color);
  82. }