@@ -1331,3 +1331,59 @@ body,
13311331 border-radius : 2px ;
13321332 transition : width 0.3s ease;
13331333}
1334+
1335+ .update-banner--available {
1336+ background : rgba (155 , 93 , 229 , 0.12 );
1337+ border-bottom-color : var (--accent );
1338+ color : var (--accent );
1339+ }
1340+
1341+ .update-banner--checking {
1342+ background : rgba (255 , 255 , 255 , 0.05 );
1343+ border-bottom-color : var (--text-muted );
1344+ color : var (--text-muted );
1345+ }
1346+
1347+ .update-banner--uptodate {
1348+ background : rgba (0 , 255 , 133 , 0.08 );
1349+ border-bottom-color : var (--success );
1350+ color : var (--success );
1351+ }
1352+
1353+ .update-banner--error {
1354+ background : rgba (255 , 34 , 68 , 0.08 );
1355+ border-bottom-color : var (--danger );
1356+ color : var (--danger );
1357+ }
1358+
1359+ .update-banner__text { flex : 1 ; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }
1360+ .update-banner__notes { opacity : 0.65 ; }
1361+
1362+ .update-banner__btn {
1363+ background : transparent;
1364+ border : 1px solid var (--accent );
1365+ color : var (--accent );
1366+ font-family : 'Space Mono' , monospace;
1367+ font-size : 9px ;
1368+ letter-spacing : 0.12em ;
1369+ padding : 4px 10px ;
1370+ cursor : pointer;
1371+ flex-shrink : 0 ;
1372+ transition : background 0.15s , color 0.15s ;
1373+ }
1374+ .update-banner__btn : hover { background : var (--accent ); color : var (--bg ); }
1375+
1376+ .update-banner__close {
1377+ background : transparent;
1378+ border : none;
1379+ color : var (--accent );
1380+ font-family : 'Space Mono' , monospace;
1381+ font-size : 11px ;
1382+ line-height : 1 ;
1383+ padding : 4px 6px ;
1384+ cursor : pointer;
1385+ flex-shrink : 0 ;
1386+ opacity : 0.6 ;
1387+ transition : opacity 0.15s ;
1388+ }
1389+ .update-banner__close : hover { opacity : 1 ; }
0 commit comments