国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Vuetify中如何自定義默認(rèn)顏色?
P粉615829742
P粉615829742 2023-08-25 00:02:37
[Vue.js討論組]
<p>也許我的問(wèn)題很簡(jiǎn)單,但直到現(xiàn)在我都找不到任何解決辦法。我在我的Nuxt應(yīng)用程序中使用<strong>Vuetify</strong>。我使用了它的暗色主題。根據(jù)官方網(wǎng)站的主題配置,我們可以使用我們想要的顏色更改主題的<strong>primary</strong>、<strong>secondary</strong>或其他顏色。但是,當(dāng)我們?cè)O(shè)置為<strong>暗色主題</strong>時(shí),默認(rèn)的文本和背景顏色被設(shè)置為白色和黑色。我找不到任何解決辦法來(lái)改變它們。我知道我們可以為一個(gè)元素設(shè)置例如<code>class=&quot;primary&quot;</code>來(lái)改變它的背景顏色。但是我想像這樣為文本或背景設(shè)置一個(gè)默認(rèn)顏色:</p> <p> <pre class="brush:css;toolbar:false;">body { color: var(--v-info-base); } /* 或者 */ #app { color: var(--v-info-base); }</pre> </p> <p>我的網(wǎng)站的顏色是在我的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>但對(duì)我來(lái)說(shuō)這行不通?。?!</p>
P粉615829742
P粉615829742

全部回復(fù)(1)
P粉982054449

要實(shí)現(xiàn)這一點(diǎn),您需要重寫(xiě)vuetify的sass變量,在文檔中有使用示例

例如,在您的variables.scss中,您可以使用以下代碼:

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

這將重寫(xiě)暗模式下的默認(rèn)背景和文本顏色。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
關(guān)于我們 免責(zé)申明 意見(jiàn)反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長(zhǎng)!
關(guān)注服務(wù)號(hào) 技術(shù)交流群
PHP中文網(wǎng)訂閱號(hào)
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時(shí)隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號(hào)
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)