Set examples/guide to use new themes

PreTeXtBook · Dec 16, 2024 · a5460ca · a5460ca
1 parent 27779a3
commit a5460ca
Show file tree

Hide file tree

Showing 11 changed files with 33 additions and 51 deletions.
diff --git a/doc/guide/publication.xml b/doc/guide/publication.xml
@@ -30,7 +30,7 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
     <html>
         <index-page ref="guide-toc"/>
         <baseurl href="https://pretextbook.org/doc/guide/html/"/>
-        <css style="default" colors="blue_red"/>
+        <css theme="default-modern" palette="blue-red"/>
         <analytics google-gst="UA-48811660-1" statcounter-project="9664088" statcounter-security="6e60c510"/>
         <search variant="reference"/>
     </html>

diff --git a/examples/epub/publication.xml b/examples/epub/publication.xml
@@ -34,7 +34,7 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
 
     <!-- HTML-Specific Options -->
     <html>
-        <css style="default" colors="maroon_grey"/>
+        <css theme="default-modern" palette="blue-gray"/>
     </html>
 
 </publication>
diff --git a/examples/humanities/publication/publication.ptx b/examples/humanities/publication/publication.ptx
@@ -48,13 +48,9 @@
     <!-- Whether to knowl a particular elements is set here    -->
     <!-- Lots of elements have this possibility; see the guide -->
     <knowl remark="no" example="no" proof="yes"/>
-    <!-- Specify the style of the html by giving names to      -->
-    <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-    <!-- put <css style="oscarlevin"/>                         -->
-    <!-- @colors now implemented                               -->
-    <!-- also @knowls, @toc, and @banner, although no          -->
-    <!-- alternative styles exist yet for those.               -->
-    <css style="default" colors="blue_red"/>
+    <!-- Specify the theme for the HTML.                       -->
+    <!-- See the guide for options                             -->
+    <css theme="default-modern" colors="blue-red"/>
     <!-- Magic IDs identify HTML pages to analytics services   -->
     <!-- Presence implies relevant Javascript will be added    -->
     <!-- StatCounter requires both values to be set            -->

diff --git a/examples/sample-article/publication.xml b/examples/sample-article/publication.xml
@@ -94,10 +94,13 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <!-- the values are defaults so should make no discernable -->
         <!-- difference.                                           -->
         <knowl example="no" remark="no" proof="no" example-solution="no"/>
-        <!-- specify the style of the html by giving names to      -->
-        <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-        <!-- put <css style="oscarlevin"/>                         -->
-        <css style="default" colors="blue_red" toc="default" banner="default" navbar="default" shell="default"/>
+        <!-- While testing themes, it can be useful to turn off    -->
+        <!-- all knowls. This next line attempts to do so.         -->
+        <!-- Uncomment it to activate it.                          -->
+        <knowl proof="no" example="no" example-solution="no" exercise-inline="no"/>
+        <!-- Specify the theme for the HTML.                       -->
+        <!-- See the guide for options                             -->
+        <css theme="default-modern" palette="blue-red"/>
         <!-- Magic IDs identify HTML pages to analytics services   -->
         <!-- Presence implies relevant Javascript will be added    -->
         <!-- StatCounter requires both values to be set            -->

diff --git a/examples/sample-article/sample-article.xml b/examples/sample-article/sample-article.xml
@@ -7938,7 +7938,7 @@ along with MathBook XML.  If not, see <http://www.gnu.org/licenses/>.
                 <figure xml:id="figure-simple-js-script">
                     <caption>A simple embedded script example</caption>
 
-                    <interactive aspect="6:1" xml:id="interactive-simple-js-script" platform="javascript" source="code/roesler/kinematics.js">
+                    <interactive aspect="6:1" xml:id="interactive-simple-js-script" platform="javascript">
                         <slate aspect="6:1" xml:id="simple-js-script" surface="canvas"/>
                         <script>
                             const canvas = document.getElementById("simple-js-script");
@@ -8308,12 +8308,14 @@ along with MathBook XML.  If not, see <http://www.gnu.org/licenses/>.
 
                 <p>This example is by Marshall Hampton, taken from the <url href="https://wiki.sagemath.org/interact/calculus" visual="wiki.sagemath.org/interact/calculus">Sage interact wiki</url>, specifically <url href="https://wiki.sagemath.org/interact/calculus#Numerical_integrals_with_the_midpoint_rule" visual="wiki.sagemath.org/interact/calculus#Numerical_integrals_with_the_midpoint_rule">Numerical integrals with the midpoint rule</url>.</p>
 
+                <p>Also notice that when viewed in dark mode, this sample respects the rendering intent. That is due to <attr>dark-mode-enabled</attr> applied to it.</p>
+
                 <!-- It would be better to xi:include this Sage code, but we don't want    -->
                 <!-- newcomers to need to use the "-xinclude" switch while getting started -->
                 <figure xml:id="figure-interactive-numerical-integral">
                     <caption>Numerical integrals using the midpoint rule</caption>
 
-                    <interactive xml:id="interactive-numerical-integral" platform="sage" width="100%" aspect="4:5">
+                    <interactive dark-mode-enabled="yes" xml:id="interactive-numerical-integral" platform="sage" width="100%" aspect="4:5">
                         <!-- Changes: gave 3 input boxes widths -->
                         <!-- Changes: Escaped \ inside LaTeX -->
                         <!-- Changes: Added figsize=5 to show -->

diff --git a/examples/sample-book/publication-decorative.xml b/examples/sample-book/publication-decorative.xml
@@ -67,13 +67,9 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <exercises tabbed-tasks="inline project"/>
         <!-- Test-drive focused ToC just in sample book            -->
         <tableofcontents focused="yes"/>
-        <!-- specify the style of the html by giving names to      -->
-        <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-        <!-- put <css style="oscarlevin"/>                         -->
-        <!-- @colors now implemented                               -->
-        <!-- also @knowls, @toc, and @banner, although no          -->
-        <!-- alternative styles exist yet for those.               -->
-        <css style="default" colors="blue_red"/>
+        <!-- Specify the theme for the HTML.                       -->
+        <!-- See the guide for options                             -->
+        <css theme="default-modern" palette="blue-red"/>
         <!-- Magic IDs identify HTML pages to analytics services   -->
         <!-- Presence implies relevant Javascript will be added    -->
         <!-- StatCounter requires both values to be set            -->

diff --git a/examples/sample-book/publication-noparts.xml b/examples/sample-book/publication-noparts.xml
@@ -68,13 +68,9 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <exercises tabbed-tasks="inline project"/>
         <!-- Test-drive focused ToC just in sample book            -->
         <tableofcontents focused="yes"/>
-        <!-- specify the style of the html by giving names to      -->
-        <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-        <!-- put <css style="oscarlevin"/>                         -->
-        <!-- @colors now implemented                               -->
-        <!-- also @knowls, @toc, and @banner, although no          -->
-        <!-- alternative styles exist yet for those.               -->
-        <css style="default" colors="blue_red"/>
+        <!-- Specify the theme for the HTML.                       -->
+        <!-- See the guide for options                             -->
+        <css theme="default-modern" palette="blue-red"/>
         <!-- Magic IDs identify HTML pages to analytics services   -->
         <!-- Presence implies relevant Javascript will be added    -->
         <!-- StatCounter requires both values to be set            -->

diff --git a/examples/sample-book/publication-runestone-academy.xml b/examples/sample-book/publication-runestone-academy.xml
@@ -72,13 +72,9 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <!-- etc would not render correctly, so we turn off their  -->
         <!-- default knowlization.                                 -->
         <knowl exercise-inline="no"/>
-        <!-- specify the style of the html by giving names to      -->
-        <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-        <!-- put <css style="oscarlevin"/>                         -->
-        <!-- @colors now implemented                               -->
-        <!-- also @knowls, @toc, and @banner, although no          -->
-        <!-- alternative styles exist yet for those.               -->
-        <css style="default" colors="blue_red"/>
+        <!-- Specify the theme for the HTML.                       -->
+        <!-- See the guide for options                             -->
+        <css theme="salem"/>
         <!-- Magic IDs identify HTML pages to analytics services   -->
         <!-- Presence implies relevant Javascript will be added    -->
         <!-- StatCounter requires both values to be set            -->

diff --git a/examples/sample-book/publication-solution-manual.xml b/examples/sample-book/publication-solution-manual.xml
@@ -65,13 +65,9 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <!-- NB: the "noparts" version, for no particular reason   -->
         <!--     could migrate to different versions               -->
         <baseurl href="https://pretextbook.org/examples/noparts/decorative/html/"/>
-        <!-- specify the style of the html by giving names to      -->
-        <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-        <!-- put <css style="oscarlevin"/>                         -->
-        <!-- @colors now implemented                               -->
-        <!-- also @knowls, @toc, and @banner, although no          -->
-        <!-- alternative styles exist yet for those.               -->
-        <css style="default" colors="blue_red"/>
+        <!-- Specify the theme for the HTML.                       -->
+        <!-- See the guide for options                             -->
+        <css theme="default-modern" palette="blue-red"/>
         <!-- Magic IDs identify HTML pages to analytics services   -->
         <!-- Presence implies relevant Javascript will be added    -->
         <!-- StatCounter requires both values to be set            -->

diff --git a/examples/sample-book/publication-structural.xml b/examples/sample-book/publication-structural.xml
@@ -46,6 +46,7 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <!-- Turn on a Runestone ActiveCode window, both for show, -->
         <!-- and for testing purposes                              -->
         <calculator activecode="python"/>
+        <calculator model="geogebra-classic"/>
         <!-- @xml:id of a page to be target of index.html redirect -->
         <!-- This is the @xml:id of the "frontmatter", so this is  -->
         <!-- default behavior, but we do this as a test and as an  -->
@@ -61,13 +62,9 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
         <exercises tabbed-tasks="inline project"/>
         <!-- Test-drive focused ToC just in sample book            -->
         <tableofcontents focused="yes"/>
-        <!-- specify the style of the html by giving names to      -->
-        <!-- override defaults.  Ex: to use "style_oscarlevin.css" -->
-        <!-- put <css style="oscarlevin"/>                         -->
-        <!-- @colors now implemented                               -->
-        <!-- also @knowls, @toc, and @banner, although no          -->
-        <!-- alternative styles exist yet for those.               -->
-        <css style="default" colors="blue_red"/>
+        <!-- Specify the theme for the HTML.                       -->
+        <!-- See the guide for options                             -->
+        <css theme="default-modern"/>
         <!-- Magic IDs identify HTML pages to analytics services   -->
         <!-- Presence implies relevant Javascript will be added    -->
         <!-- StatCounter requires both values to be set            -->

diff --git a/examples/showcase/publisher/publication.xml b/examples/showcase/publisher/publication.xml
@@ -24,7 +24,7 @@ along with PreTeXt.  If not, see <http://www.gnu.org/licenses/>.
     <html>
         <baseurl href="https://pretextbook.org/examples/pretext-showcase/html" />
         <calculator model="geogebra-classic"/>
-        <css style="default" colors="blue_red"/>
+        <css theme="default-modern" palette="blue-red"/>
     </html>
 
     <!-- Relative path, relative to "main" source file -->