esb.lol
Bluesky's "Application Layout Framework"
debug: tweak colors off-spec
+2
-1
demo/Spec.tsx
+2
-1
demo/Spec.tsx
···
29
29
<View style={[a.gap_5xl, {maxWidth: 600}]}>
30
30
<Text style={[a.text_5xl, a.font_bold]}>ALF Spec</Text>
31
31
32
-
{['light', 'lightLowContrast', 'dark', 'darkLowContrast'].map(theme => {
32
+
{['light', 'dark', 'dim'].map(theme => {
33
33
return (
34
34
<Provider activeTheme={theme} themes={themes} key={theme}>
35
35
<Colors />
···
105
105
106
106
function Colors() {
107
107
const t = useTheme()
108
+
console.log(t)
108
109
return (
109
110
<Section
110
111
style={[
+1
-1
demo/package.json
+1
-1
demo/package.json
+4
-4
demo/yarn.lock
+4
-4
demo/yarn.lock
···
771
771
"@babel/helper-string-parser" "^7.27.1"
772
772
"@babel/helper-validator-identifier" "^7.27.1"
773
773
774
-
"@bsky.app/alf@0.1.0-alpha.2":
775
-
version "0.1.0-alpha.2"
776
-
resolved "https://registry.yarnpkg.com/@bsky.app/alf/-/alf-0.1.0-alpha.2.tgz#4b037d5826f46eb12ae5f4e7a5e942735ce91833"
777
-
integrity sha512-xV2ru7Fmf9bz1I0ViuFwnFv3T5CeLd5jtsu0jbZl4wbZGnqsc1Oe3EkenSY6gmbMMBavmN1v+si7i/zG5l14Mw==
774
+
"@bsky.app/alf@^0.1.0":
775
+
version "0.1.0"
776
+
resolved "https://registry.yarnpkg.com/@bsky.app/alf/-/alf-0.1.0.tgz#7fcd82fbb961a3cb675892d1d6568105ea879492"
777
+
integrity sha512-uw3ga4qfDA+5BijLk1FAJQVBXHIQIwROfLuzvXBTM4oY5gd74cMpvsftvFdwlm7+U+jqsKDqahTAbOM1DXCUiw==
778
778
dependencies:
779
779
react-responsive "^10.0.1"
780
780
+4
-4
src/palette.ts
+4
-4
src/palette.ts
···
156
156
primary_500: '#0F73FF',
157
157
primary_600: '#0060E5',
158
158
primary_700: '#0051C2',
159
-
primary_800: '#00429E',
160
-
primary_900: '#00337A',
161
-
primary_950: '#002861',
162
-
primary_975: '#002252',
159
+
primary_800: '#084191',
160
+
primary_900: '#0C336A',
161
+
primary_950: '#0D264A',
162
+
primary_975: '#0D1E35',
163
163
164
164
positive_25: '#E2FDF0',
165
165
positive_50: '#CFFCE5',