- Issue created by @VladimirAus
-
VladimirAus β
committed 6689fdf9 on 4.0.x
Issue #3379267 by VladimirAus: Add bootswatch
-
VladimirAus β
committed 6689fdf9 on 4.0.x
-
VladimirAus β
committed 2ebc8fe0 on 4.0.x
Issue #3379267 by VladimirAus: Add bootswatch
-
VladimirAus β
committed 2ebc8fe0 on 4.0.x
-
VladimirAus β
committed ac659452 on 4.0.x
Issue #3379267 by VladimirAus: Add bootswatch
-
VladimirAus β
committed ac659452 on 4.0.x
-
VladimirAus β
committed 7cb58da6 on 4.0.x
Issue #3379267 by VladimirAus: Add bootswatch
-
VladimirAus β
committed 7cb58da6 on 4.0.x
-
VladimirAus β
committed cd1f995b on 4.0.x
Issue #3379267 by VladimirAus: Add bootswatch
-
VladimirAus β
committed cd1f995b on 4.0.x
- Status changed to Needs work
over 1 year ago 12:44pm 4 August 2023 - π©π°Denmark ressa Copenhagen
I would guess that the last three items on the list are still not done.
- πΊπΈUnited States srdtwc Skokie, IL
Is there any documentation on how to use a bootswatch theme? I don't see an option to select in the UI
- π¦πΊAustralia VladimirAus Brisbane, Australia
As mentioned in description, work in progress.
Bootswatch was added, the rest requires help and/or financing. - πΊπΈUnited States erutan
It's pretty simple to do manually.
1) download (and rename? it's been a while) the main _bootswatch.scss to your /scss dir and keep the variables file handy.
2) add@import 'bootswatch';
tostyle.scss
3) copy over the variables from the bootswatch theme (flat, etc) into_variables_bootstrap.scss
4) add$form-text-margin-top: 0;
back into the var scss (the other two changes were in my flat theme vars, you can doublecheck whatever one you're using). - πΊπΈUnited States emilorol
Since
Bootswatch
is already included in the main theme you can just do something like this to useYeti
for example:1. In your sub theme "style.scss" add:
// Import Bootswatch theme @import '../../../../themes/contrib/bootstrap5/dist/bootswatch/dist/yeti/variables'; // Sub theme styling. @import 'variables_drupal'; // Bootstrap overridden variables. // @see https://getbootstrap.com/docs/5.2/customize/sass/#variable-defaults. @import 'variables_bootstrap'; // Include bootstrap. @import '../../../../themes/contrib/bootstrap5/scss/style'; // Import Bootswatch theme styles @import '../../../../themes/contrib/bootstrap5/dist/bootswatch/dist/yeti/bootswatch'; // Include custom changes. @import "custom";
2. Compile the changes like:
sass scss/style.scss css/style.css && sass scss/ck5style.scss css/ck5style.css
- πΊπΈUnited States erutan
Yeah that is a simpler approach.
I just grabbed the bootswatch files I had made for the previous parent theme I tried out before settling on this one. I was at their website to look at the options anyways. :)
Importing from the parent theme is simpler assuming you don't want to change any of the variables bootswatch sets (or think about overrides etc), though that doesn't mean you couldn't just import the theme scss. I liked just having them pasted into my variables file so I could see what has been changed, but that's personal preference.