@instructure/canvas-theme 11.7.0 → 11.7.1-snapshot-4

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.0...v11.7.1-snapshot-4) (2026-03-19)
+
+**Note:** Version bump only for package @instructure/canvas-theme
+
+
+
+
+
 # [11.7.0](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.7.0) (2026-03-18)
 
 **Note:** Version bump only for package @instructure/canvas-theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/canvas-theme",
-  "version": "11.7.0",
+  "version": "11.7.1-snapshot-4",
   "description": "A theme for Canvas LMS made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,11 +15,11 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/ui-themes": "11.7.0",
-    "@instructure/shared-types": "11.7.0"
+    "@instructure/shared-types": "11.7.1-snapshot-4",
+    "@instructure/ui-themes": "11.7.1-snapshot-4"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "11.7.0"
+    "@instructure/ui-babel-preset": "11.7.1-snapshot-4"
   },
   "publishConfig": {
     "access": "public"

package/tokens/scss/_variables.scss

@@ -1813,10 +1813,10 @@ $instui-canvas-new-theme-components-menu-item-line-height: 1.25rem;
 $instui-canvas-new-theme-components-menu-item-label-padding: 2.25rem;
 $instui-canvas-new-theme-components-menu-item-padding-vertical: 0.5rem;
 $instui-canvas-new-theme-components-menu-item-padding-horizontal: 0.75rem;
-$instui-canvas-new-theme-components-menu-item-highlighted-background: #2369A4;
+$instui-canvas-new-theme-components-menu-item-highlighted-background: #F2F4F5;
 $instui-canvas-new-theme-components-menu-item-selected-highlighted-background: #2369A4;
-$instui-canvas-new-theme-components-menu-item-highlighted-label-color: #ffffff;
-$instui-canvas-new-theme-components-menu-item-highlighted-label-info-color: #ffffff;
+$instui-canvas-new-theme-components-menu-item-highlighted-label-color: #273540;
+$instui-canvas-new-theme-components-menu-item-highlighted-label-info-color: #576773;
 $instui-canvas-new-theme-components-menu-separator-background: #8D959F;
 $instui-canvas-new-theme-components-menu-separator-height: 0.0625rem;
 $instui-canvas-new-theme-components-menu-separator-margin-vertical: 0rem;
@@ -2096,8 +2096,8 @@ $instui-canvas-new-theme-components-options-item-font-family: Lato, "Helvetica N
 $instui-canvas-new-theme-components-options-item-font-size: 1rem;
 $instui-canvas-new-theme-components-options-item-font-weight: 400;
 $instui-canvas-new-theme-components-options-item-font-weight-selected: 400;
-$instui-canvas-new-theme-components-options-item-highlighted-background: #2369A4;
-$instui-canvas-new-theme-components-options-item-highlighted-label-color: #ffffff;
+$instui-canvas-new-theme-components-options-item-highlighted-background: #F2F4F5;
+$instui-canvas-new-theme-components-options-item-highlighted-label-color: #273540;
 $instui-canvas-new-theme-components-options-item-icon-padding: 0.75rem;
 $instui-canvas-new-theme-components-options-item-line-height: 125%;
 $instui-canvas-new-theme-components-options-item-padding-horizontal: 0.75rem;
@@ -2287,7 +2287,7 @@ $instui-canvas-new-theme-components-data-permission-levels-permission-title-bott
 $instui-canvas-new-theme-components-data-permission-levels-level-color: #8A49A7;
 $instui-canvas-new-theme-components-data-permission-levels-ai-text-left-gradient-color: #9E58BD;
 $instui-canvas-new-theme-components-data-permission-levels-ai-text-right-gradient-color: #00828E;
-$instui-canvas-new-theme-components-data-permission-levels-body-padding: 1.5rem;
+$instui-canvas-new-theme-components-data-permission-levels-body-padding: 0rem;
 $instui-canvas-new-theme-components-data-permission-levels-content-container-color: #ffffff;
 $instui-canvas-new-theme-components-data-permission-levels-content-container-border-radius: 0rem;
 $instui-canvas-new-theme-components-nutrition-facts-border-radius: 0.25rem;
@@ -2560,6 +2560,7 @@ $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-1-color: #000000
 $instui-canvas-new-theme-components-side-nav-bar-new-box-shadow-1-type: dropShadow;
 $instui-canvas-new-theme-components-side-nav-bar-new-border-radius: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-new-minimized-border-radius: 0rem;
+$instui-canvas-new-theme-components-side-nav-bar-new-border-color: #8D959F;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-icon-wrapper-height: 2.25rem;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-border-radius: 0rem;
 $instui-canvas-new-theme-components-side-nav-bar-item-new-background-color: transparent;