Material-ui: मैं वैश्विक टेक्स्ट रंग कैसे सेट करूं

को निर्मित 10 अप्रैल 2018 · 6टिप्पणियाँ · स्रोत: mui-org/material-ui

मेरे पास एक डार्क थीम है जो वर्तमान में सभी घटकों को एक काले रंग की पृष्ठभूमि पर काले रंग में प्रस्तुत कर रहा है। केवल एक सफेद है जो एक मेनू है जिसे ओवरराइड के माध्यम से सेट किया गया है

मैंने कई अलग-अलग चीजों की कोशिश की है जैसा कि आप नीचे देख सकते हैं। मुझे यकीन नहीं है लेकिन डॉक्स एक पैलेट.टेक्स्ट का संदर्भ देता है लेकिन वह काम नहीं करता है।

मैं वैश्विक फ़ॉन्ट रंग कैसे सेट करूं

import { createMuiTheme } from "material-ui/styles";

const dark = createMuiTheme({
    shadows: ["none"],
    type: 'dark',
    typography: {
      color: 'white',
    },
    palette: {
        background: {
            paper: '#000',
            default: '#000',
        },
        text: {
          default: '#fff',
        },
        textColor: '#fff',
        primary: {
          main: '#ff0000',
        },
    },

    root: {
      textDecoration: 'none',
    },

    overrides: {
    MuiPaper: {
      root: {
        boxShadow: 'none',
      },
    },
    MuiBackdrop: {
      root: {
        backgroundColor: 'rgba(255, 0, 0, 0.75)',
      },
    },
    MuiAppBar: {
      root: {
        background: 'white',
        boxShadow: 'none',
      },
      colorPrimary: {
        backgroundColor: 'transparent'
      }
    },
    MuiIconButton: {
      root: {
        marginLeft: -12,
        marginRight: 20,
        color: 'white',
      }
    }
  }
});

export default dark;

[x] मैंने इस भंडार के मुद्दों को खोजा है और यह मानता हूं कि यह कोई डुप्लिकेट नहीं है।

प्रसंग

https://codesandbox.io/s/kk6zp8jw07

आपका पर्यावरण

| टेक | संस्करण |
| -------------- | --------- |
| सामग्री- यूआई | 1.00beta.40 |
| प्रतिक्रिया | 16.3.0 |
| ब्राउज़र | क्रोम |
| आदि | |

question

स्रोत

afridley

👍2

सबसे उपयोगी टिप्पणी

))) यह पता लगाने की कोशिश कर के कुछ घंटे बिताओ ... SO:


palette:  { 
      text: {
          primary: "#ffffff",
          secondary: "#00000"
    } 
}

रंग = "textPrimary"
रंग = "textSecondary"

धन्यवाद, स्लीज़र!

777akot 3 मई 2019

👍45 ❤8 🚀6

सभी 6 टिप्पणियाँ

यह सब यहाँ प्रलेखित है: https://material-ui-next.com/style/color/

lazee 10 अप्रैल 2018

👎32

मैं वैश्विक फ़ॉन्ट रंग कैसे सेट करूं

@afridley कोई वैश्विक फ़ॉन्ट रंग नहीं है। आप जिस रंग की तलाश कर रहे हैं, उसका अधिकांश भाग टाइपोग्राफी भाग से आता है। आपको दस्तावेज़ को और अधिक बारीकी से पढ़ने की आवश्यकता है:

const theme = createMuiTheme({
- type: "dark",
  palette: {
+   type: "dark",
  },
});

https://codesandbox.io/s/vvpnpy6jql

oliviertassinari 10 अप्रैल 2018

@oliviertassinari आह जल्दी जवाब के लिए धन्यवाद मैं खिचड़ी भाषा का मानना है कि मैं याद किया। मैं नोट कर रहा था कि कैसे

palette: {
+   type: "dark",
  },

परिवर्तन पैलेट.टेक्स्ट का मतलब है कि मैं डिफ़ॉल्ट फ़ॉन्ट रंग को मैन्युअल रूप से बदल सकता हूं अगर मुझे पता था कि इसमें क्या डाला जाए।

जैसे कैसे palette.background में कागज और डिफ़ॉल्ट है। मैंने सोचा कि शायद पैलेट.टेक्स्ट के समान मूल्य हो सकते हैं। लेकिन मुझे यह पता नहीं चल पाया कि पैलेट.बैकग्राउंड में शामिल होने के लिए पेपर और डिफॉल्ट कहां से आया

इसलिए मैं सोच रहा हूं कि क्या इन मूल्यों पर प्रलेखन है क्योंकि मैं केवल इसे टिकट के मुद्दे पर ढूंढ सकता हूं।

palette.text
palette.divider
palette.background
palette.action

ex This works
palette: {
        background: {
            paper: '#000',
            default: '#000',
        },
},

But what values can I change in
palette: {
        text: {
            ?: '#000',
            ?: '#000',
        },
},

प्रलेखन के आधार पर यहाँ https://material-ui-next.com/customization/themes/#type -light-dark-theme-

afridley 10 अप्रैल 2018

@afridley आपके द्वारा परिवर्तित किए जा

यहाँ एक लिंक है https://material-ui.com/customization/default-theme/

Sleazer 27 अग॰ 2018

👍4

))) यह पता लगाने की कोशिश कर के कुछ घंटे बिताओ ... SO:


palette:  { 
      text: {
          primary: "#ffffff",
          secondary: "#00000"
    } 
}

रंग = "textPrimary"
रंग = "textSecondary"

धन्यवाद, स्लीज़र!

777akot 3 मई 2019

👍45 ❤8 🚀6

V4 में स्थिति में सुधार होना चाहिए। CssBasline घटक शरीर तत्व में theme.palette.text.primary लागू होता है।

oliviertassinari 4 मई 2019

❤5 👍5 👎1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Material-ui: मैं वैश्विक टेक्स्ट रंग कैसे सेट करूं

प्रसंग

आपका पर्यावरण

सबसे उपयोगी टिप्पणी

सभी 6 टिप्पणियाँ

संबंधित मुद्दों