Replies: 2 comments
-
I'm also looking for more examples on how to set custom style, for example how to change |
Beta Was this translation helpful? Give feedback.
0 replies
-
OK, I manage to set colors in editor. import { WysiwygEditor } from "@remirror/react-editors/wysiwyg";
export default function HomeView() {
return (
<div>
<div className="container">
<div className="row">
<div className="col-md-10 offset-md-1">
<h1>Home</h1>
<div style={{ padding: 16 }}>
<WysiwygEditor placeholder="Enter text..." theme={{
fontFamily: { default: 'cursive, "Gill Sans", Georgia' },
color: {
foreground: "#e0e",
background: "#aaa",
primary: "#f00",
secondary: "#00f",
muted: "#0ee",
faded: "#ee0",
border: "#eee",
shadow1: "#550",
shadow2: "#050",
shadow3: "#500",
outline: "#eee",
active: {
primary: "#121212",
border: "#ee00ee"
},
hover: {
primary: "#121212",
border: "#ee00ee"
}
},
}}/>
</div>
</div>
</div>
</div>
</div>
);
} Thank you for this beautiful package! 👍 🥇 |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I'm not finding a lot of docs on how to customize the look and feel. I'm using
@remirror/styles/emotion
. Are there any examples?I'm using MUI 5 and basically trying to remove styles from Remirror and wrap things in MUI instead.
So far I've tried
this removes the box shadow when the cursor is in the editable area (the blue border is coming from a MUI
<Box>
:but when it's not, the shadow shows up again:
Are there different states that need to be styled?
Beta Was this translation helpful? Give feedback.
All reactions