Customizing the Styling

Themes

You can change the theme of Osmos Uploaders. To configure the theme, please add this section into your code snippet embedded in your HTML
1
<script>
2
FortyTwoLayers.configure({
3
theme: {
4
colors: {
5
primary: "#1888e2",
6
secondary: "#ffd626",
7
success: "#38d800",
8
warning: "#fba21d",
9
error: "#ef2929",
10
rowHighlight: "#ffd626"
11
}
12
},
13
schema: {
14
// other keys copied from the uploader view
15
}
16
})
17
</script>
Copied!
Each of the colors is optional so feel free to set whichever ones you'd like. The colors must be a valid CSS color string, so things like red, indigo and rgba(255, 255, 255, 0) are all valid options.
Copy link