<p>也許我的問題很簡單，但直到現在我都找不到任何解決方案。我在我的Nuxt應用程式中使用<strong>Vuetify</strong>。我使用了它的暗色主題。根據官方網站的主題配置，我們可以使用我們想要的顏色來更改主題的<strong>primary</strong>、<strong>secondary</strong>或其他顏色。但是，當我們設定為<strong>暗色主題</strong>時，預設的文字和背景顏色被設定為白色和黑色。我找不到任何解決方案來改變它們。我知道我們可以為一個元素設定例如<code>class="primary"</code>來改變它的背景顏色。但我想像這樣為文字或背景設定一個預設顏色：</p> <p> <pre class="brush:css;toolbar:false;">body { color: var(--v-info-base); } /* 或 */ #app { color: var(--v-info-base); }</pre> </p> <p>我的網站的顏色是在我的nuxt.config.js檔案中定義的，像這樣：</p> <p> <pre class="brush:js;toolbar:false;">vuetify: { customVariables: ['~/assets/variables.scss'], theme: { dark: true, options: { customProperties: true }, themes: { dark: { primary: { base: "#099b63", darken1: "#04c279" }, accent: "#250032", secondary: "#97812F", info: { base: "#1FFFF1", darken1: "#450b5a", darken2: "#1125c0", darken3: "#40bfa4" }, warning: colors.amber.base, error: colors.deepOrange.accent4, success: colors.green.accent3, anchor: "#1FFFF1" } }, } },</pre> </p> <p>但對我來說這不行！ ！ ！ </p>

$material-dark: (
  'background': #464994,
  'text': (
     'theme': #944646,
   )
);