https://linen.dev logo
Join Discord
Powered by
# react
  • a
    like i'd assume it would be
    Copy code
    hx
MuiTheme.createMuiTheme({
  palette: {
    primary: {
      main: "#3f51b5"
    },
    secondary: {
    main: "#f50057"
    },
  }
});
  • a
    but doesn't seem to be right
  • a
    ohooo.... apparantly that is right
  • a
    it's just because i was not assigning it to a variable it created a lot of macro errors 😂
  • a
    changing palette type doesn't seem to trigger the dark theme 🤔
  • a
    it only seems to affect icons
  • g
    Check mui docs; you might need to grab the dark palette instead of setting it to dark
  • g
    I think that field just says "this palette is dark, so display icons and whatnot as if it was a dark theme" only
  • a
    nah it says it's a global thing
  • a
    it does seem like "something" to do with my code, but I can't seem to figure out what it is
  • g
    🤷‍♂️
  • a
    Here i've got nothing dark
  • a
    but i open up a dialogue and it has the theme applied
  • a
    it's weird
  • g
    You have the provider as root element,right?
  • a
    Copy code
    <BrowserRouter><MuiThemeProvider theme={theme}><$App/></MuiThemeProvider></BrowserRouter>
  • a
    i have browserrouter wrapping it
  • a
    but i thought I needed that to be the root element
  • a
    will try theme provider above that
  • a
    makes no difference if i switch those 2
  • a
    Copy code
    hx
accor_root: {
  border: '1px solid rgba(0, 0, 0, .125)',
  '&expanded': {
    margin: 'auto',
}
  • a
    I'm assuming modding child style props in this way isn't supported by mui?
  • a
    the 
    &expanded
  • a
    I can't seem to get margin to stop working on accordions through the methods suggested on google
  • g
    "&.expanded"
    should work?
  • g
    '&expanded'
    means 
    accor_rootexpanded
    class (assuming 
    accor_root
    would be compiled to 
    "accor_root"
    which it may not)
  • a
    I'm trying to modify the classes defined with 
    Record<ClassKey>
    so usage looks like: 
    <Accordion square classes={{root: classes.accor_root, expanded: classes.expanded}}>
  • a
    trying to get rid of that annoying random margin being added to the top of the panel when expanding it
  • g
    I use another of my libs for that °°
  • a
    oh, what lib 👀
1...697071...80Latest