@itwin/itwinui-css 0.61.0 → 0.63.1

package/css/all.css

@@ -710,6 +710,11 @@ html.iui-theme-dark-hc{
   flex-shrink:0;
   margin-left:16px;
 }
+@media (forced-colors: active){
+  .iui-alert-icon{
+    fill:CanvasText;
+  }
+}
 .iui-alert-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -2189,6 +2194,8 @@ a.iui-breadcrumbs-text:focus{
 }
 .iui-codeblock > .iui-codeblock-content{
   margin:0;
+  display:-ms-grid;
+  display:grid;
   overflow-x:auto;
   overflow-y:auto;
   border-radius:0 0 4px 4px;
@@ -2424,17 +2431,17 @@ a.iui-breadcrumbs-text:focus{
   margin-bottom:6px;
 }
 
-.iui-hue-slider .iui-slider-rail{
+.iui-hue-slider .iui-slider-container .iui-slider-rail{
   height:8px;
   forced-color-adjust:none;
   background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
   background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
 }
-.iui-hue-slider .iui-slider-thumb{
+.iui-hue-slider .iui-slider-container .iui-slider-thumb{
   top:7px;
 }
 
-.iui-opacity-slider .iui-slider-rail{
+.iui-opacity-slider .iui-slider-container .iui-slider-rail{
   height:8px;
   forced-color-adjust:none;
   background-position:0 0, 4px 4px;
@@ -2442,14 +2449,14 @@ a.iui-breadcrumbs-text:focus{
   background-image:repeating-linear-gradient(45deg, #edeff2 25%, transparent 25%, transparent 75%, #edeff2 75%, #edeff2), repeating-linear-gradient(45deg, #edeff2 25%, #c7ccd1 25%, #c7ccd1 75%, #edeff2 75%, #edeff2);
   background-image:repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, transparent 25%, transparent 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3)), repeating-linear-gradient(45deg, var(--iui-color-background-3) 25%, var(--iui-color-background-5) 25%, var(--iui-color-background-5) 75%, var(--iui-color-background-3) 75%, var(--iui-color-background-3));
 }
-.iui-opacity-slider .iui-slider-rail::before{
+.iui-opacity-slider .iui-slider-container .iui-slider-rail::before{
   display:block;
   content:"";
   width:100%;
   height:100%;
   background-image:linear-gradient(to right, transparent 0%, var(--iui-color-picker-selected-color) 100%);
 }
-.iui-opacity-slider .iui-slider-thumb{
+.iui-opacity-slider .iui-slider-container .iui-slider-thumb{
   top:7px;
 }
 
@@ -3077,18 +3084,20 @@ a.iui-breadcrumbs-text:focus{
 }
 
 .iui-dialog-title{
+  display:flex;
+  align-items:center;
   font-size:inherit;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
   line-height:1.5;
+  margin-right:auto;
 }
 
 .iui-dialog-title-bar{
   display:flex;
   align-items:center;
   margin-bottom:11px;
-  justify-content:space-between;
   box-sizing:border-box;
   font-size:18px;
 }
@@ -3197,6 +3206,11 @@ a.iui-breadcrumbs-text:focus{
   fill:rgba(0, 0, 0, 0.4);
   fill:var(--iui-icons-color);
 }
+@media (forced-colors: active){
+  .iui-expandable-block > .iui-header > .iui-status-icon{
+    fill:CanvasText;
+  }
+}
 .iui-expandable-block > .iui-header > .iui-status-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -3439,6 +3453,12 @@ a.iui-breadcrumbs-text:focus{
   margin-top:11px;
   margin-bottom:11px;
 }
+@media (forced-colors: active){
+  .iui-file-upload > .iui-content > svg,
+.iui-file-upload > .iui-content .iui-template-icon{
+    fill:CanvasText;
+  }
+}
 .iui-file-upload > .iui-content > svg.iui-informational,
 .iui-file-upload > .iui-content .iui-template-icon.iui-informational{
   fill:#008ae0;
@@ -3501,7 +3521,8 @@ a.iui-breadcrumbs-text:focus{
   padding:11px 0;
   font-size:12px;
 }
-.iui-legal-footer > ul{
+
+.iui-legal-footer-list{
   list-style-type:none;
   margin:0 auto;
   padding:0;
@@ -3510,8 +3531,10 @@ a.iui-breadcrumbs-text:focus{
   align-items:center;
   flex-wrap:wrap;
 }
-.iui-legal-footer > ul > li{
-  display:inline-block;
+
+.iui-legal-footer-item{
+  display:flex;
+  align-items:center;
   -webkit-user-select:none;
      -moz-user-select:none;
       -ms-user-select:none;
@@ -3521,15 +3544,7 @@ a.iui-breadcrumbs-text:focus{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
-.iui-legal-footer > ul > li .iui-separator{
-  margin:0 8px;
-  width:1px;
-  height:11px;
-  display:inline-table;
-  background-color:rgba(0, 0, 0, 0.4);
-  background-color:var(--iui-text-color-muted);
-}
-.iui-legal-footer > ul > li > a{
+.iui-legal-footer-item > a{
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
@@ -3539,54 +3554,59 @@ a.iui-breadcrumbs-text:focus{
   cursor:pointer;
   text-decoration:none;
 }
-.iui-legal-footer > ul > li > a:focus-visible{
+.iui-legal-footer-item > a:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
-  .iui-legal-footer > ul > li > a:focus{
+  .iui-legal-footer-item > a:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
 }
-.iui-legal-footer > ul > li > a:hover{
+.iui-legal-footer-item > a:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-legal-footer > ul > li > a:hover{
+.iui-legal-footer-item > a:hover{
   text-decoration:underline;
 }
 @media (prefers-contrast: more){
-  .iui-legal-footer > ul > li > a{
+  .iui-legal-footer-item > a{
     text-decoration:underline;
   }
-  .iui-legal-footer > ul > li > a:hover{
+  .iui-legal-footer-item > a:hover{
     text-decoration:none;
   }
 }
-.iui-theme-light .iui-legal-footer > ul > li > a, .iui-theme-dark .iui-legal-footer > ul > li > a{
+.iui-theme-light .iui-legal-footer-item > a, .iui-theme-dark .iui-legal-footer-item > a{
   text-decoration:none;
 }
-.iui-theme-light .iui-legal-footer > ul > li > a:hover, .iui-theme-dark .iui-legal-footer > ul > li > a:hover{
+.iui-theme-light .iui-legal-footer-item > a:hover, .iui-theme-dark .iui-legal-footer-item > a:hover{
   text-decoration:underline;
 }
 
-.iui-theme-light-hc .iui-legal-footer > ul > li > a, .iui-theme-dark-hc .iui-legal-footer > ul > li > a{
+.iui-theme-light-hc .iui-legal-footer-item > a, .iui-theme-dark-hc .iui-legal-footer-item > a{
   text-decoration:underline;
 }
-.iui-theme-light-hc .iui-legal-footer > ul > li > a:hover, .iui-theme-dark-hc .iui-legal-footer > ul > li > a:hover{
+.iui-theme-light-hc .iui-legal-footer-item > a:hover, .iui-theme-dark-hc .iui-legal-footer-item > a:hover{
   text-decoration:none;
 }
 
-.iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
+.iui-legal-footer-item > a, .iui-legal-footer-item > a:hover{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
-.iui-legal-footer > .iui-legal-footer-developer{
-  display:block;
-  -webkit-user-select:all;
-     -moz-user-select:all;
-          user-select:all;
+
+.iui-legal-footer-separator{
+  margin:0 8px;
+  width:1px;
+  height:11px;
+  background-color:rgba(0, 0, 0, 0.4);
+  background-color:var(--iui-text-color-muted);
+}
+
+.iui-legal-footer-developer{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
@@ -3969,6 +3989,11 @@ a.iui-breadcrumbs-text:focus{
   flex-shrink:0;
   margin:0 4px;
 }
+@media (forced-colors: active){
+  .iui-page-header > .iui-left .iui-chevron{
+    fill:CanvasText;
+  }
+}
 .iui-page-header > .iui-left .iui-chevron.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4110,6 +4135,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:16px;
   height:16px;
 }
+@media (forced-colors: active){
+  .iui-icons-default{
+    fill:CanvasText;
+  }
+}
 .iui-icons-default.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4134,6 +4164,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:12px;
   height:12px;
 }
+@media (forced-colors: active){
+  .iui-icons-small{
+    fill:CanvasText;
+  }
+}
 .iui-icons-small.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4158,6 +4193,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:24px;
   height:24px;
 }
+@media (forced-colors: active){
+  .iui-icons-large{
+    fill:CanvasText;
+  }
+}
 .iui-icons-large.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4182,6 +4222,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:32px;
   height:32px;
 }
+@media (forced-colors: active){
+  .iui-icons-xl{
+    fill:CanvasText;
+  }
+}
 .iui-icons-xl.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4206,6 +4251,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:48px;
   height:48px;
 }
+@media (forced-colors: active){
+  .iui-icons-xxl{
+    fill:CanvasText;
+  }
+}
 .iui-icons-xxl.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -4230,6 +4280,11 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   width:64px;
   height:64px;
 }
+@media (forced-colors: active){
+  .iui-icons-3xl{
+    fill:CanvasText;
+  }
+}
 .iui-icons-3xl.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -7184,6 +7239,11 @@ label.iui-input-label.iui-disabled{
   width:12px;
   height:12px;
 }
+@media (forced-colors: active){
+  .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
+    fill:CanvasText;
+  }
+}
 .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -7352,53 +7412,96 @@ label.iui-input-label.iui-disabled{
   }
 }
 
-.iui-slider-component-container{
-  display:flex;
+.iui-slider-horizontal{
   min-height:22px;
 }
-.iui-slider-component-container .iui-slider-min,
-.iui-slider-component-container .iui-slider-max{
-  -webkit-user-select:all;
-     -moz-user-select:all;
-          user-select:all;
-  margin-top:2px;
+.iui-slider-horizontal .iui-slider-rail{
+  width:100%;
+  height:4px;
+  top:12px;
 }
-.iui-slider-component-container .iui-slider-min svg,
-.iui-slider-component-container .iui-slider-max svg{
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
-  display:inline-flex;
-  width:16px;
-  height:16px;
-  margin-top:4px;
+.iui-slider-horizontal .iui-slider-thumb{
+  top:5px;
+  transform:translateX(-50%);
 }
-.iui-slider-component-container .iui-slider-min svg.iui-informational,
-.iui-slider-component-container .iui-slider-max svg.iui-informational{
-  fill:#008ae0;
-  fill:var(--iui-icons-color-primary);
+.iui-slider-horizontal .iui-slider-track{
+  height:4px;
+  left:0;
 }
-.iui-slider-component-container .iui-slider-min svg.iui-positive,
-.iui-slider-component-container .iui-slider-max svg.iui-positive{
-  fill:#53a21a;
-  fill:var(--iui-icons-color-positive);
+.iui-slider-horizontal .iui-slider-ticks{
+  padding-top:16px;
 }
-.iui-slider-component-container .iui-slider-min svg.iui-warning,
-.iui-slider-component-container .iui-slider-max svg.iui-warning{
-  fill:#f18d13;
-  fill:var(--iui-icons-color-warning);
+.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick{
+  flex-direction:column;
+  width:1px;
 }
-.iui-slider-component-container .iui-slider-min svg.iui-negative,
-.iui-slider-component-container .iui-slider-max svg.iui-negative{
-  fill:#d10a0a;
-  fill:var(--iui-icons-color-negative);
+.iui-slider-horizontal .iui-slider-ticks .iui-slider-tick::before{
+  content:"";
+  width:1px;
+  height:11px;
+}
+.iui-slider-horizontal .iui-slider-min,
+.iui-slider-horizontal .iui-slider-max{
+  margin-top:2px;
 }
-.iui-slider-component-container .iui-slider-min{
+.iui-slider-horizontal .iui-slider-min{
   margin-right:12px;
   text-align:right;
 }
-.iui-slider-component-container .iui-slider-max{
+.iui-slider-horizontal .iui-slider-max{
   margin-left:12px;
 }
+
+.iui-slider-vertical{
+  flex-direction:column-reverse;
+  min-width:22px;
+  height:100%;
+}
+.iui-slider-vertical .iui-slider-rail{
+  width:4px;
+  height:100%;
+  left:12px;
+}
+.iui-slider-vertical .iui-slider-thumb{
+  transform:translateY(50%);
+  left:5px;
+}
+.iui-slider-vertical .iui-slider-track{
+  width:4px;
+  bottom:0;
+  left:12px;
+}
+.iui-slider-vertical .iui-slider-ticks{
+  padding-left:16px;
+  flex-direction:column-reverse;
+  align-items:flex-start;
+  height:100%;
+}
+.iui-slider-vertical .iui-slider-ticks .iui-slider-tick{
+  flex:row;
+  height:1px;
+}
+.iui-slider-vertical .iui-slider-ticks .iui-slider-tick::before{
+  content:"";
+  width:11px;
+  height:1px;
+  margin-right:11px;
+}
+.iui-slider-vertical .iui-slider-min,
+.iui-slider-vertical .iui-slider-max{
+  margin-left:2px;
+  text-align:center;
+}
+.iui-slider-vertical .iui-slider-min{
+  margin-top:12px;
+}
+.iui-slider-vertical .iui-slider-max{
+  margin-bottom:12px;
+}
+
+.iui-slider-component-container{
+  display:flex;
+}
 .iui-slider-component-container.iui-disabled{
   cursor:not-allowed;
 }
@@ -7413,10 +7516,21 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-4);
   border-color:var(--iui-color-background-4);
 }
+@media (forced-colors: active){
+  .iui-slider-component-container.iui-disabled .iui-slider-thumb{
+    background-color:GrayText;
+    border-color:GrayText;
+  }
+}
 .iui-slider-component-container.iui-disabled .iui-slider-track{
   background-color:rgba(0, 0, 0, 0.4);
   background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
 }
+@media (forced-colors: active){
+  .iui-slider-component-container.iui-disabled .iui-slider-track{
+    background-color:GrayText;
+  }
+}
 .iui-slider-component-container.iui-disabled .iui-slider-min,
 .iui-slider-component-container.iui-disabled .iui-slider-max,
 .iui-slider-component-container.iui-disabled .iui-slider-tick{
@@ -7427,6 +7541,13 @@ label.iui-input-label.iui-disabled{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
+@media (forced-colors: active){
+  .iui-slider-component-container.iui-disabled .iui-slider-min,
+.iui-slider-component-container.iui-disabled .iui-slider-max,
+.iui-slider-component-container.iui-disabled .iui-slider-tick{
+    color:GrayText;
+  }
+}
 
 .iui-slider-container{
   position:relative;
@@ -7441,7 +7562,6 @@ label.iui-input-label.iui-disabled{
 
 .iui-slider-ticks{
   position:relative;
-  padding-top:16px;
   display:flex;
   pointer-events:none;
   justify-content:space-between;
@@ -7455,30 +7575,34 @@ label.iui-input-label.iui-disabled{
   display:flex;
   pointer-events:none;
   justify-content:center;
-  width:1px;
-  height:11px;
-  line-height:44px;
-  margin-bottom:22px;
+  align-items:center;
+}
+.iui-slider-ticks .iui-slider-tick::before{
   background-color:#dde1e4;
   background-color:var(--iui-color-background-4);
 }
+@media (forced-colors: active){
+  .iui-slider-ticks .iui-slider-tick::before{
+    background-color:CanvasText;
+  }
+}
 
 .iui-slider-rail{
   position:absolute;
-  width:100%;
-  height:4px;
-  top:12px;
   background-color:#c7ccd1;
   background-color:var(--iui-color-background-border);
 }
+@media (forced-colors: active){
+  .iui-slider-rail{
+    background-color:CanvasText;
+  }
+}
 
 .iui-slider-thumb{
   position:absolute;
   height:16px;
   width:16px;
   border-radius:100%;
-  top:5px;
-  transform:translateX(-9px);
   z-index:1;
   cursor:-webkit-grab;
   cursor:grab;
@@ -7497,6 +7621,12 @@ label.iui-input-label.iui-disabled{
     outline-offset:-1px;
   }
 }
+@media (forced-colors: active){
+  .iui-slider-thumb{
+    background:Canvas;
+    border:1px solid CanvasText;
+  }
+}
 .iui-slider-thumb:active{
   cursor:-webkit-grabbing;
   cursor:grabbing;
@@ -7505,12 +7635,57 @@ label.iui-input-label.iui-disabled{
 .iui-slider-track{
   pointer-events:none;
   position:absolute;
-  height:4px;
-  left:0;
   top:12px;
   background-color:#008ae0;
   background-color:var(--iui-color-foreground-primary);
 }
+@media (forced-colors: active){
+  .iui-slider-track{
+    background-color:Highlight;
+  }
+}
+
+.iui-slider-min,
+.iui-slider-max{
+  -webkit-user-select:all;
+     -moz-user-select:all;
+          user-select:all;
+}
+.iui-slider-min svg,
+.iui-slider-max svg{
+  fill:rgba(0, 0, 0, 0.4);
+  fill:var(--iui-icons-color);
+  display:inline-flex;
+  width:16px;
+  height:16px;
+  margin-top:4px;
+}
+@media (forced-colors: active){
+  .iui-slider-min svg,
+.iui-slider-max svg{
+    fill:CanvasText;
+  }
+}
+.iui-slider-min svg.iui-informational,
+.iui-slider-max svg.iui-informational{
+  fill:#008ae0;
+  fill:var(--iui-icons-color-primary);
+}
+.iui-slider-min svg.iui-positive,
+.iui-slider-max svg.iui-positive{
+  fill:#53a21a;
+  fill:var(--iui-icons-color-positive);
+}
+.iui-slider-min svg.iui-warning,
+.iui-slider-max svg.iui-warning{
+  fill:#f18d13;
+  fill:var(--iui-icons-color-warning);
+}
+.iui-slider-min svg.iui-negative,
+.iui-slider-max svg.iui-negative{
+  fill:#d10a0a;
+  fill:var(--iui-icons-color-negative);
+}
 
 .iui-surface{
   --iui-surface-background-color:var(--iui-color-background-1);
@@ -7741,8 +7916,8 @@ label.iui-input-label.iui-disabled{
   scroll-snap-align:start none;
 }
 .iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected) .iui-cell{
-  background-color:rgba(0, 0, 0, 0.02);
-  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02);
+  background:linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-body-rgb), 0.02), rgba(var(--iui-color-foreground-body-rgb), 0.02)), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-table-body .iui-row{
   min-width:100%;
@@ -8474,6 +8649,9 @@ label.iui-input-label.iui-disabled{
 .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
   margin-top:-1px;
 }
+.iui-horizontal .iui-tabs.iui-default :where(.iui-button){
+  height:100%;
+}
 
 .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
   border-right-color:transparent;
@@ -8484,6 +8662,9 @@ label.iui-input-label.iui-disabled{
 .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
   margin-left:-1px;
 }
+.iui-vertical .iui-tabs.iui-default :where(.iui-button){
+  width:100%;
+}
 
 .iui-tabs.iui-default.iui-large .iui-tab{
   min-height:49px;
@@ -9025,6 +9206,92 @@ a.iui-tag-basic:focus-visible{
   margin-bottom:0;
   -webkit-line-clamp:2;
 }
+.iui-tile.iui-progress{
+  cursor:progress;
+  font-style:italic;
+}
+.iui-tile[aria-disabled=true]{
+  cursor:not-allowed;
+}
+.iui-tile[aria-disabled=true] .iui-tile-name-label{
+  color:var(--iui-text-color-muted);
+}
+.iui-tile[aria-disabled=true] .iui-thumbnail-icon,
+.iui-tile[aria-disabled=true] .iui-tile-thumbnail-picture{
+  filter:grayscale(100%);
+}
+.iui-tile[aria-disabled=true]:hover .iui-tile-thumbnail-picture, .iui-tile[aria-disabled=true]:focus-within .iui-tile-thumbnail-picture{
+  transform:none;
+}
+.iui-tile[aria-disabled=true] .iui-tile-more-options{
+  display:none;
+}
+.iui-tile.iui-positive::-moz-selection, .iui-tile.iui-positive *::-moz-selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-positive::selection,
+.iui-tile.iui-positive *::selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-positive .iui-tile-thumbnail{
+  box-shadow:0 4px 0 var(--iui-color-foreground-positive);
+}
+.iui-tile.iui-positive.iui-folder .iui-tile-thumbnail{
+  box-shadow:4px 0 0 var(--iui-color-foreground-positive);
+}
+
+.iui-tile.iui-positive .iui-tile-name-label{
+  color:var(--iui-color-foreground-positive);
+}
+.iui-tile.iui-positive .iui-tile-status-icon{
+  fill:var(--iui-color-foreground-positive);
+}
+.iui-tile.iui-warning::-moz-selection, .iui-tile.iui-warning *::-moz-selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-warning::selection,
+.iui-tile.iui-warning *::selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-warning .iui-tile-thumbnail{
+  box-shadow:0 4px 0 var(--iui-color-foreground-warning);
+}
+.iui-tile.iui-warning.iui-folder .iui-tile-thumbnail{
+  box-shadow:4px 0 0 var(--iui-color-foreground-warning);
+}
+
+.iui-tile.iui-warning .iui-tile-name-label{
+  color:var(--iui-color-foreground-warning);
+}
+.iui-tile.iui-warning .iui-tile-status-icon{
+  fill:var(--iui-color-foreground-warning);
+}
+.iui-tile.iui-negative::-moz-selection, .iui-tile.iui-negative *::-moz-selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-negative::selection,
+.iui-tile.iui-negative *::selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-tile.iui-negative .iui-tile-thumbnail{
+  box-shadow:0 4px 0 var(--iui-color-foreground-negative);
+}
+.iui-tile.iui-negative.iui-folder .iui-tile-thumbnail{
+  box-shadow:4px 0 0 var(--iui-color-foreground-negative);
+}
+
+.iui-tile.iui-negative .iui-tile-name-label{
+  color:var(--iui-color-foreground-negative);
+}
+.iui-tile.iui-negative .iui-tile-status-icon{
+  fill:var(--iui-color-foreground-negative);
+}
 
 .iui-tile-thumbnail-type-indicator{
   border-color:transparent;
@@ -9192,6 +9459,11 @@ a.iui-tag-basic:focus-visible{
   width:64px;
   height:64px;
 }
+@media (forced-colors: active){
+  .iui-tile-thumbnail .iui-thumbnail-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -9309,6 +9581,11 @@ div.iui-tile-thumbnail-picture{
   margin-right:8px;
   flex-shrink:0;
 }
+@media (forced-colors: active){
+  .iui-tile-content .iui-tile-status-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tile-content .iui-tile-status-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);
@@ -9372,6 +9649,12 @@ div.iui-tile-thumbnail-picture{
   margin-right:8px;
   flex-shrink:0;
 }
+@media (forced-colors: active){
+  .iui-tile-content .iui-tile-metadata > svg,
+.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tile-content .iui-tile-metadata > svg.iui-informational,
 .iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
   fill:#008ae0;
@@ -10236,6 +10519,11 @@ div.iui-tile-thumbnail-picture{
   margin:0 6px;
   flex-shrink:0;
 }
+@media (forced-colors: active){
+  .iui-tree-node-content-icon{
+    fill:CanvasText;
+  }
+}
 .iui-tree-node-content-icon.iui-informational{
   fill:#008ae0;
   fill:var(--iui-icons-color-primary);