@olympusoss/canvas 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/styles/atoms/combobox.css +3 -2
  3. package/styles/organisms/command.css +2 -1
  4. package/styles/organisms/sidebar.css +2 -2
  5. package/styles/tokens/colors.css +10 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@olympusoss/canvas",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "type": "module",
5
5
  "description": "CSS-first design system for the Olympus platform",
6
6
  "main": "./src/index.ts",
package/styles/atoms/combobox.css CHANGED
@@ -62,8 +62,9 @@
62
62
  }
63
63
 
64
64
  .combobox-item.selected {
65
- background-color: hsl(var(--accent));
66
- color: hsl(var(--accent-foreground));
65
+ background-color: hsl(var(--primary) / 0.16);
66
+ color: hsl(var(--primary));
67
+ font-weight: 500;
67
68
  }
68
69
 
69
70
  .combobox-empty {
package/styles/organisms/command.css CHANGED
@@ -69,7 +69,8 @@
69
69
  }
70
70
 
71
71
  .command-item.selected {
72
- background-color: hsl(var(--accent));
72
+ background-color: hsl(var(--primary) / 0.16);
73
+ color: hsl(var(--primary));
73
74
  }
74
75
 
75
76
  .command-sep {
package/styles/organisms/sidebar.css CHANGED
@@ -130,9 +130,9 @@
130
130
  }
131
131
 
132
132
  .sidebar-item.active {
133
- background-color: hsl(var(--sidebar-accent));
133
+ background-color: hsl(var(--sidebar-primary) / 0.16);
134
134
  opacity: 1;
135
- color: hsl(var(--sidebar-accent-foreground));
135
+ color: hsl(var(--sidebar-primary));
136
136
  }
137
137
 
138
138
  .sidebar.collapsed .sidebar-item {
package/styles/tokens/colors.css CHANGED
@@ -67,17 +67,19 @@
67
67
  --popover-foreground: 0 0% 98%;
68
68
  --primary: 240 79.4% 60%;
69
69
  --primary-foreground: 0 0% 100%;
70
- --secondary: 240 3.7% 15.9%;
70
+ --secondary: 240 3.7% 20%;
71
71
  --secondary-foreground: 0 0% 98%;
72
- --muted: 240 3.7% 15.9%;
72
+ --muted: 240 3.7% 20%;
73
73
  --muted-foreground: 240 5% 64.9%;
74
- --accent: 240 3.7% 15.9%;
74
+ --accent: 240 3.7% 20%;
75
75
  --accent-foreground: 0 0% 98%;
76
76
  --destructive: 0 84.2% 60.2%;
77
77
  --destructive-foreground: 0 0% 100%;
78
- --border: 240 3.7% 15.9%;
79
- --input: 240 3.7% 15.9%;
80
- --ring: 240 79.4% 60%;
78
+ --border: 240 3.7% 22%;
79
+ --input: 240 3.7% 22%;
80
+ /* Lighter than the light-theme ring so the focus indicator keeps >=3:1
81
+ contrast against dark surfaces (cards, menus, accent rows). */
82
+ --ring: 240 80% 70%;
81
83
 
82
84
  --chart-1: 220 70% 50%;
83
85
  --chart-2: 160 60% 45%;
@@ -89,9 +91,9 @@
89
91
  --sidebar-foreground: 240 4.8% 95.9%;
90
92
  --sidebar-primary: 240 79.4% 60%;
91
93
  --sidebar-primary-foreground: 0 0% 100%;
92
- --sidebar-accent: 240 3.7% 15.9%;
94
+ --sidebar-accent: 240 3.7% 24%;
93
95
  --sidebar-accent-foreground: 240 4.8% 95.9%;
94
- --sidebar-border: 240 3.7% 15.9%;
96
+ --sidebar-border: 240 3.7% 24%;
95
97
  --sidebar-ring: 217.2 91.2% 59.8%;
96
98
 
97
99
  --success-bg: 149 50% 22%;