/* * Colorful UI for Extera * by @officialdakari:extera.xyz * licensed under MIT */ .MuiButton-root.MuiButton-contained { background-color: aqua; color: #424262; font-weight: bolder; font-size: smaller; border-radius: 50px; } .MuiButton-root.MuiButton-outlined { background-color: #ffffff; color: #424262; font-weight: bolder; font-size: smaller; border-radius: 50px; border-width: 2px; border-style: solid; border-color: #424262; } .MuiSwitch-root:has(.Mui-checked)>span.MuiSwitch-track { background-color: #e1286e; opacity: 1; } .MuiSwitch-root>span.MuiSwitch-track { background-color: #424262; opacity: 1; scale: 1.1 1.3 1; border-radius: 60px; } .MuiSwitch-thumb { background-color: #ffffff; } button.MuiFab-root { color: #424262; background-color: #ffffff; } .MuiSpeedDial-root, button.MuiFab-root { border-radius: 30px; } .MuiDialog-container:not(:has(.MuiDialog-paperFullScreen))>.MuiDialog-paperScrollBody { border-color: azure !important; border-width: 10px; border-radius: 30px; border-style: ridge; } .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-underline::after { display: none; } .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-underline::before { display: none; } .MuiInputBase-root.MuiFilledInput-root.MuiFilledInput-underline { border-radius: 10px; background-color: aliceblue; color: azure !important; border-style: solid; border-width: 2px; border-color: #424262; } .MuiInputBase-input.MuiFilledInput-input { color: #424262; } .MuiFormControl-root>label { color: #424262; }