first commit

README.md

@@ -0,0 +1,11 @@
+# Wisski_Cloud_Theme theme
+
+[Bootstrap 5](https://www.drupal.org/project/bootstrap5) subtheme.
+
+## Development.
+
+### CSS compilation.
+
+Prerequisites: install [sass](https://sass-lang.com/install).
+
+To compile, run from subtheme directory: `sass scss/style.scss css/style.css && sass scss/ck5style.scss css/ck5style.css`

config/install/wisski_cloud_theme.settings.yml

@@ -0,0 +1,8 @@
+b5_body_schema: ''
+b5_body_bg_schema: ''
+b5_navbar_schema: dark
+b5_navbar_bg_schema: dark
+b5_footer_schema: dark
+b5_footer_bg_schema: secondary
+b5_top_container: container
+b5_top_container_config: ''

config/optional/block.block.wisski_cloud_theme_account_menu.yml

@@ -0,0 +1,24 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.account
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_account_menu
+theme: wisski_cloud_theme
+region: nav_additional
+weight: -7
+provider: null
+plugin: 'system_menu_block:account'
+settings:
+  id: 'system_menu_block:account'
+  label: 'User account menu'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 0
+  expand_all_items: false
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_branding.yml

@@ -0,0 +1,22 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_branding
+theme: wisski_cloud_theme
+region: nav_branding
+weight: -6
+provider: null
+plugin: system_branding_block
+settings:
+  id: system_branding_block
+  label: 'Site branding'
+  provider: system
+  label_display: '0'
+  use_site_logo: true
+  use_site_name: true
+  use_site_slogan: false
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_breadcrumbs.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_breadcrumbs
+theme: wisski_cloud_theme
+region: breadcrumb
+weight: 0
+provider: null
+plugin: system_breadcrumb_block
+settings:
+  id: system_breadcrumb_block
+  label: Breadcrumbs
+  provider: system
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_content.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_content
+theme: wisski_cloud_theme
+region: content
+weight: -1
+provider: null
+plugin: system_main_block
+settings:
+  id: system_main_block
+  label: 'Main page content'
+  provider: system
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_footer.yml

@@ -0,0 +1,24 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.footer
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_footer
+theme: wisski_cloud_theme
+region: footer
+weight: -6
+provider: null
+plugin: 'system_menu_block:footer'
+settings:
+  id: 'system_menu_block:footer'
+  label: Footer
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 0
+  expand_all_items: false
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_help.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - help
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_help
+theme: wisski_cloud_theme
+region: content
+weight: -3
+provider: null
+plugin: help_block
+settings:
+  id: help_block
+  label: Help
+  provider: help
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_local_actions.yml

@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_local_actions
+theme: wisski_cloud_theme
+region: content
+weight: -2
+provider: null
+plugin: local_actions_block
+settings:
+  id: local_actions_block
+  label: 'Primary admin actions'
+  provider: core
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_local_tasks.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_local_tasks
+theme: wisski_cloud_theme
+region: content
+weight: -4
+provider: null
+plugin: local_tasks_block
+settings:
+  id: local_tasks_block
+  label: Tabs
+  provider: core
+  label_display: '0'
+  primary: true
+  secondary: true
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_main_navigation.yml

@@ -0,0 +1,24 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - system.menu.main
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_main_navigation
+theme: wisski_cloud_theme
+region: nav_main
+weight: 0
+provider: null
+plugin: 'system_menu_block:main'
+settings:
+  id: 'system_menu_block:main'
+  label: 'Main navigation'
+  provider: system
+  label_display: '0'
+  level: 1
+  depth: 0
+  expand_all_items: true
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_messages.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_messages
+theme: wisski_cloud_theme
+region: content
+weight: -7
+provider: null
+plugin: system_messages_block
+settings:
+  id: system_messages_block
+  label: Messages
+  provider: system
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_page_title.yml

@@ -0,0 +1,17 @@
+langcode: en
+status: true
+dependencies:
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_page_title
+theme: wisski_cloud_theme
+region: content
+weight: -6
+provider: null
+plugin: page_title_block
+settings:
+  id: page_title_block
+  label: 'Page title'
+  provider: core
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_powered_by_drupal.yml

@@ -0,0 +1,19 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - system
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_powered_by_drupal
+theme: wisski_cloud_theme
+region: footer
+weight: 0
+provider: null
+plugin: system_powered_by_block
+settings:
+  id: system_powered_by_block
+  label: 'Powered by Drupal'
+  provider: system
+  label_display: '0'
+visibility: {  }

config/optional/block.block.wisski_cloud_theme_search_form.yml

@@ -0,0 +1,20 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - search
+  theme:
+    - wisski_cloud_theme
+id: wisski_cloud_theme_search_form
+theme: wisski_cloud_theme
+region: nav_additional
+weight: 0
+provider: null
+plugin: search_form_block
+settings:
+  id: search_form_block
+  label: 'Search form'
+  provider: search
+  label_display: '0'
+  page_id: ''
+visibility: {  }

scss/_variables_bootstrap.scss

@@ -0,0 +1,4 @@
+// Bootstrap variables (overrides).
+$form-text-margin-top: 0;
+$legend-font-size: 1rem;
+$table-cell-padding-x: .75rem;

scss/_variables_drupal.scss

@@ -0,0 +1,23 @@
+// Theme variables.
+
+$navbar-brand-image-height: 36px !default;
+$navbar-brand-image-height-lg: 60px !default;
+$navbar-brand-image-width: auto !default;
+$navbar-brand-image-margin: 0 1rem 0 0 !default;
+
+$navbar-brand-site-title-text-transform: uppercase !default;
+$navbar-brand-site-title-font-size: 1.5rem !default;
+$navbar-brand-site-title-font-weight: bold !default;
+$navbar-brand-site-title-letter-spacing: 2px !default;
+$navbar-brand-site-slogan-font-size: .875rem !default;
+
+$region-padding: 0 .5rem !default;
+
+$footer-padding: 2rem 0 !default;
+
+$nav-tabs-link-active-bg-sm: #dee2e6 !default;
+
+$local-tasks-primary-margin: 1rem 0 !default;
+$local-tasks-secondary-margin: 0 0 1rem 0 !default;
+
+$table-striped-bg: #f9f9f9 !default;

scss/ck5style.scss

@@ -0,0 +1,3 @@
+.ck-content {
+  @import './style.scss';
+}

scss/custom_styles.scss

@@ -0,0 +1,83 @@
+.wisski-cloud-theme--front .wisski-cloud-theme--front-block--row:nth-child(odd) .wisski-cloud--field__pic_blo__ima {
+  order: 1;
+}
+
+.wisski-cloud-theme--front .wisski-cloud-theme--front-block--row:nth-child(odd) .wisski-cloud--field__pic_blo_bod {
+  order: 2;
+}
+
+.wisski-cloud-theme--front .wisski-cloud-theme--front-block--row:nth-child(even) .wisski-cloud--field__pic_blo__ima {
+  order: 2;
+}
+
+.wisski-cloud-theme--front .wisski-cloud-theme--front-block--row:nth-child(even) .wisski-cloud--field__pic_blo_bod {
+  order: 1;
+}
+
+.wisski-cloud--field__pic_blo__ima img {
+  display: block;
+  margin: auto;
+  border-radius: 50%;
+  object-fit: cover; // This will ensure the image covers the full width/height of the container
+}
+
+#block-wisski-cloud-theme-testinstancewarning {
+  background-color: #ffffcc;
+  border: 1px solid #ffcc00;
+  padding: 15px;
+  margin-bottom: 20px;
+
+}
+
+body {
+  position: relative;
+}
+
+body::before {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  bottom: 0;
+  right: 0;
+  border-left: 40vw solid transparent;
+  border-bottom: 40vh solid #FFD1A1;
+  /* Change this to your preferred color */
+  z-index: -1;
+  transition: all 0.1s ease-in-out;
+}
+
+body::after {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-right: 40vw solid transparent;
+  border-top: 40vh solid #FFD1A1;
+  /* Pastel orange */
+  top: 0;
+  left: 0;
+  z-index: -1;
+  transition: all 0.1s ease-in-out;
+}
+
+.field-content p a, .breadcrumb > li > a, div.field p a, div.description a {
+  color: #00008B ;
+  font-weight: bold;
+}
+
+.table > * > * > * {
+  background-color: unset !important ;
+}
+
+.btn-primary {
+  background-color: #FFD1A1 !important;
+  border-color: #FFD1A1 !important;
+  color: black !important;
+}
+
+.dropdown-item:hover,
+.dropdown-item:focus
+ {
+  background-color: #FFD1A1;
+ }

scss/style.scss

@@ -0,0 +1,11 @@
+// Sub theme styling.
+@import 'variables_drupal';
+
+// Bootstrap overriden variables.
+// @see https://getbootstrap.com/docs/5.2/customize/sass/#variable-defaults.
+@import 'variables_bootstrap';
+
+@import 'custom_styles';
+
+// Include bootstrap.
+@import '../../../../themes/contrib/bootstrap5/scss/style';

wisski_cloud_theme.breakpoints.yml

@@ -0,0 +1,89 @@
+wisski_cloud_theme.screen.xs-max:
+  label: xs-max
+  mediaQuery: '(max-width: 575.98px)'
+  weight: 1
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.sm-min:
+  label: sm-min
+  mediaQuery: '(min-width: 576px)'
+  weight: 2
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.sm-max:
+  label: sm-max
+  mediaQuery: '(max-width: 767.98px)'
+  weight: 3
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.md-min:
+  label: md-min
+  mediaQuery: '(min-width: 768px)'
+  weight: 4
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.md-max:
+  label: md-max
+  mediaQuery: '(max-width: 991.98px)'
+  weight: 5
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.lg-min:
+  label: lg-min
+  mediaQuery: '(min-width: 992px)'
+  weight: 6
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.lg-max:
+  label: lg-max
+  mediaQuery: '(max-width: 1199.98px)'
+  weight: 7
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.xl-min:
+  label: xl-min
+  mediaQuery: '(min-width: 1200px)'
+  weight: 8
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.xl-max:
+  label: xl-max
+  mediaQuery: '(max-width: 1399.98px)'
+  weight: 9
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x
+
+wisski_cloud_theme.screen.xxl-min:
+  label: xxl-min
+  mediaQuery: '(min-width: 1400px)'
+  weight: 10
+  group: wisski_cloud_theme.screen
+  multipliers:
+    - 1x
+    - 2x

wisski_cloud_theme.info.yml

@@ -0,0 +1,23 @@
+name: Wisski_Cloud_Theme
+type: theme
+description: 'Wisski_Cloud_Theme subtheme based on Bootstrap 5 theme.'
+core_version_requirement: '^9.4 || ^10'
+'base theme': bootstrap5
+libraries:
+  - wisski_cloud_theme/global-styling
+ckeditor_stylesheets:
+  - css/style.css
+ckeditor5-stylesheets:
+  - css/ck5style.css
+regions:
+  header: Header
+  nav_branding: 'Navigation branding region'
+  nav_main: 'Main navigation region'
+  nav_additional: 'Additional navigation region (eg search form, social icons, etc)'
+  breadcrumb: Breadcrumbs
+  content: 'Main content'
+  sidebar_first: 'Sidebar first'
+  sidebar_second: 'Sidebar second'
+  footer: Footer
+libraries-override:
+  bootstrap5/global-styling: false

wisski_cloud_theme.libraries.yml

@@ -0,0 +1,4 @@
+global-styling:
+  css:
+    theme:
+      css/style.css: {}

wisski_cloud_theme.theme

@@ -0,0 +1,6 @@
+<?php
+
+/**
+ * @file
+ * Wisski_Cloud_Theme theme file.
+ */