Admonitions should have box, color and icon

[axolotl-git]

Describe the feature

right now the admonitions look like this:

which look very wrong

Use Case

because it's a good way to make users notice the admonition and look less ugly

Proposed Solution

i'd like if it looked like this (with ofc the colors and theme of dracula):

Other Information

the admonition markdown look like this:

!!! warning "WIP"

    **the docs are still a WIP and may not be 100% correct**

i also tried

!!! warning "WIP"
    **the docs are still a WIP and may not be 100% correct**

to be sure

Acknowledgements

• I may be able to implement this feature request
• This feature might incur a breaking change

SDK version used

mkdocs-dracula-theme 1.0.8 with mkdocs 1.6.1 on Python 3.13

Environment details (OS name and version, etc.)

Windows 11

[axolotl-git]

maybe something like this?

here the CSS:

.admonition{
	box-sizing:content-box;
	background: #282a36;
	width: 41.4%;
	padding: 25px 20px 15px 20px;
	border-radius: var(--rounded-lg);
	border-style: solid;
	border-width: 5px;
	border-color: #ff5555;
	border-left-width: 13.5px;
}
.admonition-title{
	padding-left: 60px;
	transform: scale(1.3);
}
.admonition.warning .admonition-title{
		color: #ff5555
}