Skip to content

DITA Bootstrap v6 #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
jason-fox wants to merge 10 commits into
base: develop
Choose a base branch
from
Draft

DITA Bootstrap v6 #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
d6e12f8
Dark colors => Inverse
jason-fox Aug 1, 2026
e50a0a3
Light colors => Accent
jason-fox Aug 1, 2026
ea968b3
Fix lefthook
jason-fox Aug 8, 2026
cfa4f2e
Update secondary contrast.
jason-fox Aug 11, 2026
8952aea
Expand Prism category mappings.
jason-fox Aug 16, 2026
0044fe7
Tweak colors
jason-fox Aug 16, 2026
fe6f72c
Use normal monospace
jason-fox Aug 16, 2026
4bbaba8
Merge branch 'develop' into v6
jason-fox Aug 20, 2026
f217d95
Correcting table and codeblock processing
jason-fox Aug 20, 2026
4dd4078
Amending themes
jason-fox Aug 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .lefthook.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,5 @@ pre-commit:
commands:
prettier:
glob: '*.{css,dita*,json,md,xml,xsl,yml}'
run: prettier --write {staged_files}
run: npx prettier --write {staged_files}
stage_fixed: true
43 changes: 21 additions & 22 deletions brite/cfg/fo/attrs/bootstrap.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<xsl:variable name="bootstrap-primary-subtle-text">#415b16</xsl:variable>

<!-- Secondary -->
<xsl:variable name="bootstrap-secondary">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-secondary">#585c5e</xsl:variable>
<xsl:variable name="bootstrap-badge-secondary-bg" select="$bootstrap-secondary"/>
<xsl:variable name="bootstrap-badge-secondary-color">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-secondary-bg">#fff</xsl:variable>
Expand Down Expand Up @@ -79,27 +79,26 @@
<xsl:variable name="bootstrap-badge-danger-bg" select="$bootstrap-danger"/>
<xsl:variable name="bootstrap-badge-danger-color">#000</xsl:variable>

<!-- Light -->
<xsl:variable name="bootstrap-light">#e9ecef</xsl:variable>
<xsl:variable name="bootstrap-light-subtle">#fcfcfd</xsl:variable>
<xsl:variable name="bootstrap-light-subtle-text">#495057</xsl:variable>
<xsl:variable name="bootstrap-table-light-bg">#e9ecef</xsl:variable>
<xsl:variable name="bootstrap-table-light-color">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-light-bg">#e9ecef</xsl:variable>
<xsl:variable name="bootstrap-btn-light-color">#000</xsl:variable>
<xsl:variable name="bootstrap-badge-light-bg" select="$bootstrap-light"/>
<xsl:variable name="bootstrap-badge-light-color">#000</xsl:variable>

<!-- Dark -->
<xsl:variable name="bootstrap-dark">#000000</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle-text">#495057</xsl:variable>
<xsl:variable name="bootstrap-table-dark-bg">#000</xsl:variable>
<xsl:variable name="bootstrap-table-dark-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-bg">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-badge-dark-bg" select="$bootstrap-dark"/>
<xsl:variable name="bootstrap-badge-dark-color">#fff</xsl:variable>
<!-- Accent -->
<xsl:variable name="bootstrap-accent">#f5a4c9</xsl:variable>
<xsl:variable name="bootstrap-badge-accent-bg" select="$bootstrap-accent"/>
<xsl:variable name="bootstrap-badge-accent-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-accent-bg" select="$bootstrap-accent"/>
<xsl:variable name="bootstrap-btn-accent-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle">#fdecf4</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle-text">#624150</xsl:variable>
<xsl:variable name="bootstrap-table-accent-bg" select="$bootstrap-accent-subtle"/>
<xsl:variable name="bootstrap-table-accent-color">#222</xsl:variable>
<!-- Inverse -->
<xsl:variable name="bootstrap-inverse">#000000</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle-text">#495057</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-bg">#000</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-bg">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-badge-inverse-bg" select="$bootstrap-inverse"/>
<xsl:variable name="bootstrap-badge-inverse-color">#fff</xsl:variable>

<!-- Layout & Global Variables -->
<xsl:variable name="bootstrap-body-bg">#ffffff</xsl:variable>
Expand Down
23 changes: 13 additions & 10 deletions brite/cfg/fo/attrs/prismjs.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,18 @@
>

<!-- PrismJS code block styling aligned with Brite variables -->
<xsl:variable name="prismjs.text.color">#666666</xsl:variable>
<xsl:variable name="prismjs.background.color"><xsl:value-of select="$bootstrap-secondary-subtle"/></xsl:variable>
<xsl:variable name="prismjs.comment.color">#adb5bd</xsl:variable>
<xsl:variable name="prismjs.punctuation.color">#666a70</xsl:variable>
<xsl:variable name="prismjs.string.color">#458c60</xsl:variable>
<xsl:variable name="prismjs.function.color">#8c6d00</xsl:variable>
<xsl:variable name="prismjs.name.color">#127382</xsl:variable>
<xsl:variable name="prismjs.tag.color">#a34343</xsl:variable>
<xsl:variable name="prismjs.url.color">#127382</xsl:variable>
<xsl:variable name="prismjs.keyword.color">#6c9824</xsl:variable>
<xsl:variable name="prismjs.text.color">#212529</xsl:variable>
<xsl:variable name="prismjs.comment.color">#585c5e</xsl:variable>
<xsl:variable name="prismjs.punctuation.color">#585c5e</xsl:variable>
<xsl:variable name="prismjs.namespace.color">#585c5e</xsl:variable>
<xsl:variable name="prismjs.tag.color">#c53d80</xsl:variable>
<xsl:variable name="prismjs.string.color">#57b17a</xsl:variable>
<xsl:variable name="prismjs.keyword.color">#519ed6</xsl:variable>
<xsl:variable name="prismjs.type.color">#ce5555</xsl:variable>
<xsl:variable name="prismjs.regex.color">#d2803e</xsl:variable>
<xsl:variable name="prismjs.deleted.color">#ce5555</xsl:variable>
<xsl:variable name="prismjs.url.color">#d6a700</xsl:variable>

<xsl:variable name="prismjs.font-weight">normal</xsl:variable>

</xsl:stylesheet>
2 changes: 0 additions & 2 deletions brite/cfg/fo/xsl/custom.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@

<xsl:template match="*" mode="prismDecoration" priority="10">
<xsl:attribute name="color"><xsl:value-of select="$prismjs.text.color"/></xsl:attribute>
<xsl:attribute name="background-color"><xsl:value-of select="$prismjs.background.color"/></xsl:attribute>
<xsl:attribute name="border-style">solid</xsl:attribute>
<xsl:attribute name="border-color">#000000</xsl:attribute>
<xsl:attribute name="border-width"><xsl:value-of select="$bootstrap-border-width"/></xsl:attribute>
Expand Down Expand Up @@ -57,7 +56,6 @@
<xsl:variable name="token" select="tokenize(@outputclass, ' ')[starts-with(., 'btn-')][1]"/>
<xsl:variable name="theme">
<xsl:choose>
<xsl:when test="@color"><xsl:value-of select="@color"/></xsl:when>
<xsl:when test="starts-with($token, 'btn-outline-')">
<xsl:value-of select="substring-after($token, 'btn-outline-')"/>
</xsl:when>
Expand Down
44 changes: 22 additions & 22 deletions cerulean/cfg/fo/attrs/bootstrap.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<xsl:variable name="bootstrap-table-primary-color">#000</xsl:variable>

<!-- Secondary -->
<xsl:variable name="bootstrap-secondary">#e9ecef</xsl:variable>
<xsl:variable name="bootstrap-secondary">#767c81</xsl:variable>
<xsl:variable name="bootstrap-badge-secondary-bg" select="$bootstrap-secondary"/>
<xsl:variable name="bootstrap-badge-secondary-color">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-secondary-bg">#e9ecef</xsl:variable>
Expand Down Expand Up @@ -79,30 +79,30 @@
<xsl:variable name="bootstrap-table-danger-bg">#f4d2d3</xsl:variable>
<xsl:variable name="bootstrap-table-danger-color">#495057</xsl:variable>

<!-- Light -->
<xsl:variable name="bootstrap-light">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-badge-light-bg" select="$bootstrap-light"/>
<xsl:variable name="bootstrap-badge-light-color">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-btn-light-color">#000</xsl:variable>
<xsl:variable name="bootstrap-light-subtle">#fefefe</xsl:variable>
<xsl:variable name="bootstrap-light-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-table-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-table-light-color">#495057</xsl:variable>

<!-- Dark -->
<xsl:variable name="bootstrap-dark">#343a40</xsl:variable>
<xsl:variable name="bootstrap-badge-dark-bg" select="$bootstrap-dark"/>
<xsl:variable name="bootstrap-badge-dark-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-bg">#343a40</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-table-dark-bg">#343a40</xsl:variable>
<xsl:variable name="bootstrap-table-dark-color">#fff</xsl:variable>
<!-- Accent -->
<xsl:variable name="bootstrap-accent">#c760e7</xsl:variable>
<xsl:variable name="bootstrap-badge-accent-bg" select="$bootstrap-accent"/>
<xsl:variable name="bootstrap-badge-accent-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-accent-bg" select="$bootstrap-accent"/>
<xsl:variable name="bootstrap-btn-accent-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle">#f3dffa</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle-text">#4f265c</xsl:variable>
<xsl:variable name="bootstrap-table-accent-bg" select="$bootstrap-accent-subtle"/>
<xsl:variable name="bootstrap-table-accent-color">#222</xsl:variable>
<!-- Inverse -->
<xsl:variable name="bootstrap-inverse">#343a40</xsl:variable>
<xsl:variable name="bootstrap-badge-inverse-bg" select="$bootstrap-inverse"/>
<xsl:variable name="bootstrap-badge-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-bg">#343a40</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-bg">#343a40</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-body-bg">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-body-color">#495057</xsl:variable>
<xsl:variable name="bootstrap-border-color">#dee2e6</xsl:variable>
<xsl:variable name="bootstrap-card-border-color">#e9ecef</xsl:variable>
<xsl:variable name="bootstrap-rounded">6pt</xsl:variable>

<!-- Heading Font Sizes -->
Expand Down
23 changes: 13 additions & 10 deletions cerulean/cfg/fo/attrs/prismjs.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,18 @@
>

<!-- PrismJS code block styling aligned with Cerulean variables -->
<xsl:variable name="prismjs.text.color">#5d5e60</xsl:variable>
<xsl:variable name="prismjs.background.color"><xsl:value-of select="$bootstrap-secondary-subtle"/></xsl:variable>
<xsl:variable name="prismjs.comment.color">#adb5bd</xsl:variable>
<xsl:variable name="prismjs.punctuation.color">#5a6167</xsl:variable>
<xsl:variable name="prismjs.string.color">#679733</xsl:variable>
<xsl:variable name="prismjs.function.color">#d05c00</xsl:variable>
<xsl:variable name="prismjs.name.color">#1a71a1</xsl:variable>
<xsl:variable name="prismjs.tag.color">#c71c22</xsl:variable>
<xsl:variable name="prismjs.url.color">#033c73</xsl:variable>
<xsl:variable name="prismjs.keyword.color">#19aa80</xsl:variable>
<xsl:variable name="prismjs.text.color">#495057</xsl:variable>
<xsl:variable name="prismjs.comment.color">#767b80</xsl:variable>
<xsl:variable name="prismjs.punctuation.color">#767b80</xsl:variable>
<xsl:variable name="prismjs.namespace.color">#767b80</xsl:variable>
<xsl:variable name="prismjs.tag.color">#c33476</xsl:variable>
<xsl:variable name="prismjs.string.color">#618d30</xsl:variable>
<xsl:variable name="prismjs.keyword.color">#033261</xsl:variable>
<xsl:variable name="prismjs.type.color">#a7181d</xsl:variable>
<xsl:variable name="prismjs.regex.color">#d56a11</xsl:variable>
<xsl:variable name="prismjs.deleted.color">#a7181d</xsl:variable>
<xsl:variable name="prismjs.url.color">#ba4800</xsl:variable>

<xsl:variable name="prismjs.font-weight">normal</xsl:variable>

</xsl:stylesheet>
3 changes: 1 addition & 2 deletions cerulean/cfg/fo/xsl/custom.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,9 @@
>
<xsl:template match="*" mode="prismDecoration" priority="10">
<xsl:attribute name="color"><xsl:value-of select="$prismjs.text.color"/></xsl:attribute>
<xsl:attribute name="background-color"><xsl:value-of select="$prismjs.background.color"/></xsl:attribute>
<xsl:attribute name="border-style">solid</xsl:attribute>
<xsl:attribute name="border-width"><xsl:value-of select="$bootstrap-border-width"/></xsl:attribute>
<xsl:attribute name="border-color"><xsl:value-of select="$bootstrap-secondary"/></xsl:attribute>
<xsl:attribute name="border-color"><xsl:value-of select="$bootstrap-card-border-color"/></xsl:attribute>
<xsl:call-template name="processBootstrapRounded">
<xsl:with-param name="attrValue" select="(@rounded, 'yes')[1]"/>
</xsl:call-template>
Expand Down
43 changes: 21 additions & 22 deletions cosmo/cfg/fo/attrs/bootstrap.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<xsl:variable name="bootstrap-table-primary-color">#373a3c</xsl:variable>

<!-- Secondary -->
<xsl:variable name="bootstrap-secondary">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-secondary">#696b6d</xsl:variable>
<xsl:variable name="bootstrap-badge-secondary-bg" select="$bootstrap-secondary"/>
<xsl:variable name="bootstrap-badge-secondary-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-secondary-bg">#373a3c</xsl:variable>
Expand Down Expand Up @@ -79,27 +79,26 @@
<xsl:variable name="bootstrap-table-danger-bg">#ffccd7</xsl:variable>
<xsl:variable name="bootstrap-table-danger-color">#373a3c</xsl:variable>

<!-- Light -->
<xsl:variable name="bootstrap-light">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-badge-light-bg" select="$bootstrap-light"/>
<xsl:variable name="bootstrap-badge-light-color">#000</xsl:variable>
<xsl:variable name="bootstrap-btn-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-btn-light-color">#000</xsl:variable>
<xsl:variable name="bootstrap-light-subtle">#fefefe</xsl:variable>
<xsl:variable name="bootstrap-light-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-table-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-table-light-color">#373a3c</xsl:variable>

<!-- Dark -->
<xsl:variable name="bootstrap-dark">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-badge-dark-bg" select="$bootstrap-dark"/>
<xsl:variable name="bootstrap-badge-dark-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-bg">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-table-dark-bg">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-table-dark-color">#fff</xsl:variable>
<!-- Accent -->
<xsl:variable name="bootstrap-accent">#ff40e3</xsl:variable>
<xsl:variable name="bootstrap-badge-accent-bg" select="$bootstrap-accent"/>
<xsl:variable name="bootstrap-badge-accent-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-accent-bg" select="$bootstrap-accent"/>
<xsl:variable name="bootstrap-btn-accent-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle">#ffd8f9</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle-text">#66195a</xsl:variable>
<xsl:variable name="bootstrap-table-accent-bg" select="$bootstrap-accent-subtle"/>
<xsl:variable name="bootstrap-table-accent-color">#222</xsl:variable>
<!-- Inverse -->
<xsl:variable name="bootstrap-inverse">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-badge-inverse-bg" select="$bootstrap-inverse"/>
<xsl:variable name="bootstrap-badge-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-bg">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-bg">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-color">#fff</xsl:variable>
<xsl:variable name="bootstrap-body-bg">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-body-color">#373a3c</xsl:variable>
<xsl:variable name="bootstrap-border-color">#dee2e6</xsl:variable>
Expand Down
23 changes: 13 additions & 10 deletions cosmo/cfg/fo/attrs/prismjs.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,15 +6,18 @@
>

<!-- PrismJS code block styling aligned with Cosmo variables -->
<xsl:variable name="prismjs.text.color">#161718</xsl:variable>
<xsl:variable name="prismjs.background.color"><xsl:value-of select="$bootstrap-secondary-subtle"/></xsl:variable>
<xsl:variable name="prismjs.comment.color">#adb5bd</xsl:variable>
<xsl:variable name="prismjs.punctuation.color">#495057</xsl:variable>
<xsl:variable name="prismjs.string.color">#2f8c12</xsl:variable>
<xsl:variable name="prismjs.function.color">#c5670b</xsl:variable>
<xsl:variable name="prismjs.name.color">#1b599f</xsl:variable>
<xsl:variable name="prismjs.tag.color">#b20028</xsl:variable>
<xsl:variable name="prismjs.url.color">#6b3b83</xsl:variable>
<xsl:variable name="prismjs.keyword.color">#189474</xsl:variable>
<xsl:variable name="prismjs.text.color">#373a3c</xsl:variable>
<xsl:variable name="prismjs.comment.color">#626466</xsl:variable>
<xsl:variable name="prismjs.punctuation.color">#626466</xsl:variable>
<xsl:variable name="prismjs.namespace.color">#626466</xsl:variable>
<xsl:variable name="prismjs.tag.color">#c33476</xsl:variable>
<xsl:variable name="prismjs.string.color">#359914</xsl:variable>
<xsl:variable name="prismjs.keyword.color">#216cbf</xsl:variable>
<xsl:variable name="prismjs.type.color">#d60030</xsl:variable>
<xsl:variable name="prismjs.regex.color">#ca9142</xsl:variable>
<xsl:variable name="prismjs.deleted.color">#d60030</xsl:variable>
<xsl:variable name="prismjs.url.color">#d66214</xsl:variable>

<xsl:variable name="prismjs.font-weight">normal</xsl:variable>

</xsl:stylesheet>
Loading