vuetifyThemeConfig.json 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. {
  2. "defaultTheme": "dark",
  3. "themes": {
  4. "light": {
  5. "colors": {
  6. "surface": "#FFFFFF",
  7. "background": "#E0E0E0",
  8. "accent": "#545555",
  9. "prominent": "#FFFFFF",
  10. "modification": "#FFFFFF",
  11. "transition": "#EFEFEF",
  12. "undertint": "#3A4352",
  13. "depth": "#D3D1D1",
  14. "on-undertint-bg": "#000",
  15. "undertint-bg": "#CDCDCD",
  16. "depth-bg": "#EBE9E9",
  17. "inverse": "#000000",
  18. "inverse1": "#FFFFFF",
  19. "console": "#787878",
  20. "on-console": "#fff"
  21. },
  22. "variables": {
  23. "border-color": "#000000",
  24. "border-opacity": 0.12,
  25. "high-emphasis-opacity": 0.87,
  26. "medium-emphasis-opacity": 1,
  27. "disabled-opacity": 0.38,
  28. "idle-opacity": 0.04,
  29. "hover-opacity": 0.2,
  30. "focus-opacity": 0.12,
  31. "selected-opacity": 0.08,
  32. "activated-opacity": 0.1,
  33. "pressed-opacity": 0.12,
  34. "dragged-opacity": 0.08,
  35. "theme-kbd": "#212529",
  36. "theme-on-kbd": "#FFFFFF",
  37. "theme-code": "#F5F5F5",
  38. "theme-on-code": "#000000",
  39. "theme-tbody": "#f3f3f3"
  40. }
  41. },
  42. "dark": {
  43. "colors": {
  44. "surface": "#212832",
  45. "background": "#212832",
  46. "accent": "#545555",
  47. "prominent": "#3A4352",
  48. "modification": "#1E252F",
  49. "transition": "#5D6675",
  50. "undertint": "#AEABAB",
  51. "on-undertint": "#fff",
  52. "depth": "#5D6675",
  53. "on-depth": "#fff",
  54. "undertint-bg": "#2E3440",
  55. "depth-bg": "#454F61",
  56. "inverse": "#FFFFFF",
  57. "inverse1": "#000000",
  58. "console": "#787878",
  59. "on-console": "#fff"
  60. },
  61. "variables": {
  62. "border-color": "#FFFFFF",
  63. "border-opacity": 0.12,
  64. "high-emphasis-opacity": 0.87,
  65. "medium-emphasis-opacity": 1,
  66. "disabled-opacity": 0.38,
  67. "idle-opacity": 0.1,
  68. "hover-opacity": 0.2,
  69. "focus-opacity": 0.12,
  70. "selected-opacity": 0.08,
  71. "activated-opacity": 0.1,
  72. "pressed-opacity": 0.16,
  73. "dragged-opacity": 0.08,
  74. "theme-kbd": "#212529",
  75. "theme-on-kbd": "#FFFFFF",
  76. "theme-code": "#343434",
  77. "theme-on-code": "#CCCCCC",
  78. "theme-tbody": "#343b48"
  79. }
  80. }
  81. }
  82. }