search

Helveg / jekyll-gfm-admonitions

Jekyll plugin for GitHub flavored Markdown admonition syntax
MIT License
1 stars 1 forks source link

The coloring is different. #2

Open sinsukehlab opened 5 days ago

sinsukehlab commented 5 days ago

Here is official one.

[!NOTE]

border-left-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
color: var(--fgColor-accent, var(--color-accent-fg));

Light default mode: #0969da Light high contrast mode: {border-left-color: #0349b4, color: #023b95} Light Protanopia & Deuteranopia mode: #0969da Light Tritanopia mode: #0969da Dark default mode: {border-left-color: #1f6feb, color: #4493f8} Dark high contrast mode: {border-left-color: #409eff, color: #60aeff} Dark Protanopia & Deuteranopia mode: {border-left-color: #1f6feb, color: #4493f8} Dark Tritanopia mode: {border-left-color: #1f6feb, color: #4493f8} Dark dimmed: {border-left-color: #316dca, color: #478be6}

[!TIP]

border-left-color: var(--borderColor-success-emphasis, var(--color-success-emphasis));
color: var(--fgColor-success, var(--color-success-fg));

Light default mode: #1a7f37 Light high contrast mode: #055d20 Light Protanopia & Deuteranopia mode: {border-left-color: #218bff, color: #0969da} Light Tritanopia mode: {border-left-color: #218bff, color: #0969da} Dark default mode: {border-left-color: #238636, color: #3fb950} Dark high contrast mode: {border-left-color: #09b43a, color: #28d751} Dark Protanopia & Deuteranopia mode: {border-left-color: #1f6feb, color: #58a6ff} Dark Tritanopia mode: {border-left-color: #1f6feb, color: #58a6ff} Dark dimmed: {border-left-color: #347d39, color: #57ab5a}

[!IMPORTANT]

border-left-color: var(--borderColor-done-emphasis, var(--color-done-emphasis));
color: var(--fgColor-done, var(--color-done-fg));

Light default mode: #8250df Light high contrast mode: #622cbc Light Protanopia & Deuteranopia mode: #8250df Light Tritanopia mode: #8250df Dark default mode: {border-left-color: #8957e5, color: #ab7df8} Dark high contrast mode: {border-left-color: #b87fff, color: #bf8fff} Dark Protanopia & Deuteranopia mode: {border-left-color: #8957e5, color: #ab7df8} Dark Tritanopia mode: {border-left-color: #8957e5, color: #ab7df8} Dark dimmed: {border-left-color: #8256d0, color: #986ee2}

[!WARNING]

border-left-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
color: var(--fgColor-attention, var(--color-attention-fg));

Light default mode: {border-left-color: #bf8700, color: #9a6700} Light high contrast mode: #744500 Light Protanopia & Deuteranopia mode: {border-left-color: #bf8700, color: #9a6700} Light Tritanopia mode: {border-left-color: #bf8700, color: #9a6700} Dark default mode: {border-left-color: #9e6a03, color: #d29922} Dark high contrast mode: {border-left-color: #e09b13, color: #f0b72f} Dark Protanopia & Deuteranopia mode: {border-left-color: #9e6a03, color: #d29922} Dark Tritanopia mode: {border-left-color: #9e6a03, color: #d29922} Dark dimmed: {border-left-color: #966600, color: #c69026}

[!CAUTION]

border-left-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis));
color: var(--fgColor-danger, var(--color-danger-fg));

Light default mode: {border-left-color: #cf222e, color: #d1242f} Light high contrast mode: {border-left-color: #a0111f, color: #8a071e} Light Protanopia & Deuteranopia mode: {border-left-color: #bc4c00, color: #be4e02} Light Tritanopia mode: {border-left-color: #cf222e, color: #d1242f} Dark default mode: {border-left-color: #da3633, color: #f85149} Dark high contrast mode: {border-left-color: #ff6a69, color: #ff8080} Dark Protanopia & Deuteranopia mode: {border-left-color: #bd561d, color: #db6d28} Dark Tritanopia mode: {border-left-color: #da3633, color: #f85149} Dark dimmed: {border-left-color: #c93c37, color: #e5534b}

Helveg commented 5 days ago

Thanks for the detailed report. We could provide light and dark themes with css queries, but I don't think there's any way to detect a user's GitHub theme when they are visiting a GitHub Pages domain?