common.css 2.8 KB

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