diff --git a/docs/docs/customization/colors.md b/docs/docs/customization/colors.md new file mode 100644 index 00000000..3b199b86 --- /dev/null +++ b/docs/docs/customization/colors.md @@ -0,0 +1,23 @@ +--- +sidebar_position: 1 +--- + +# Colors + +To customize the image uploader widget colors you can use your own css file to override the css variables defined by the `image-uploader-inline.css`, `image-uploader-inline.min.css`, `image-uploader-widget.css` and `image-uploader-widget.min.css`. See an example, taken from another personal private project: + +```scss +body { + --iuw-background: #{$dashdark} !important; + --iuw-border-color: #{$dashborder} !important; + --iuw-color: #{$dashgray} !important; + --iuw-placeholder-text-color: #{$dashgray} !important; + --iuw-dropzone-background: #{$dashlight} !important; + --iuw-image-preview-border: #{$dashborder} !important; + --iuw-image-preview-shadow: rgba(0, 0, 0, 0.3); + --iuw-add-image-background: #{$dashlight} !important; + --iuw-add-image-color: #{$dashgray} !important; +} +``` + +**Observation**: To see better the variables name, check the scss file at the GitHub repository: [here](https://github.com/inventare/django-image-uploader-widget/blob/main/src/styles/_variables.scss). diff --git a/docs/docs/customization/comming.md b/docs/docs/customization/comming.md deleted file mode 100644 index bbbd8c89..00000000 --- a/docs/docs/customization/comming.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -sidebar_position: 1 ---- - -# Comming