8 – Bootswatch Cyborg styles not taking effect

Re-Edited;
I wish to create a new Sub-Theme based on the bootswatch Cyborg theme. I wish to edit the CSS to change the styles. Without having to compile SASS or LESS.
This is what i have done:

  1. composer require twbs/bootstrap, enabled in drupal.
  2. Setup a sub-theme. As per Documentation instructions, by using the starterkits/THEMENAME project and Enabled in drupal.
    I followed steps 1-6 as described :https://drupal-bootstrap.org/api/bootstrap/docs!Sub-Theming.md/group/sub_theming/8.x-3.x

My files tree now looks as follows:
myNewSubTheme.info.yml

type: theme
base theme: bootstrap
core: 8.x
core_version_requirement: ^8 || ^9

name: 'myNewSubTheme'
description: 'A Drupal Bootstrap 3 based sub-theme.'
package: 'Bootstrap'

regions:
  navigation: 'Navigation'
  navigation_collapsible: 'Navigation (Collapsible)'
  header: 'Top Bar'
  highlighted: 'Highlighted'
  help: 'Help'
  content: 'Content'
  sidebar_first: 'Primary'
  sidebar_second: 'Secondary'
  footer: 'Footer'
  page_top: 'Page top'
  page_bottom: 'Page bottom'

libraries-extend:
  bootstrap/framework:
    - myNewSubTheme/framework

myNewSubTheme.libraries.yml

framework:
  css:
    theme:
      css/style.css: {}

myNewSubTheme.theme = Empty

/config/install/myNewSubTheme.yml = schemas: ();

/config/shema/myNewSubTheme.schema.yml

myNewSubTheme.settings:
  type: theme_settings
  label: 'myNewSubTheme settings'
  1. I wish to use/edit bootswatch Cyborg theme so in Drupals Appearance myNewSubTheme Settings i have the following set:
    CDN Provider:jsDelivr, Theme:Cyborg

The styling is not taking effect.
What have a missed?