Skip to content

Commit

Permalink
Move diffBlob into file light mode (#1133)
Browse files Browse the repository at this point in the history
* light mode

* trying to fix

* fix

* fix

* f

* fix
  • Loading branch information
lukasoppermann authored Dec 16, 2024
1 parent a4c4008 commit 0263948
Show file tree
Hide file tree
Showing 3 changed files with 271 additions and 269 deletions.
19 changes: 9 additions & 10 deletions scripts/themes.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,10 @@ export const themes: TokenBuildInput[] = [
filename: 'light-tritanopia',
theme: 'light-tritanopia',
source: [
`src/tokens/functional/color/light/*.json5`,
`src/tokens/functional/shadow/light.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/light/*.json5`,
`src/tokens/functional/color/light/overrides/light.tritanopia.json5`,
],
include: [
Expand All @@ -36,10 +36,10 @@ export const themes: TokenBuildInput[] = [
filename: 'light-colorblind',
theme: 'light-protanopia-deuteranopia',
source: [
`src/tokens/functional/color/light/*.json5`,
`src/tokens/functional/shadow/light.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/light/*.json5`,
`src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5`,
],
include: [
Expand All @@ -52,10 +52,10 @@ export const themes: TokenBuildInput[] = [
filename: 'light-high-contrast',
theme: 'light-high-contrast',
source: [
`src/tokens/functional/color/light/*.json5`,
`src/tokens/functional/shadow/light.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/light/*.json5`,
`src/tokens/functional/color/light/overrides/light.high-contrast.json5`,
],
include: [
Expand All @@ -69,10 +69,10 @@ export const themes: TokenBuildInput[] = [
filename: 'dark',
theme: 'dark',
source: [
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/shadow/dark.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/dark/*.json5`,
],
include: [
`src/tokens/functional/size/border.json5`,
Expand All @@ -84,28 +84,27 @@ export const themes: TokenBuildInput[] = [
filename: 'dark-dimmed',
theme: 'dark-dimmed',
source: [
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/color/dark/overrides/dark.dimmed.json5`,
`src/tokens/functional/shadow/dark.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/color/dark/overrides/dark.dimmed.json5`,
],
include: [
`src/tokens/functional/size/border.json5`,
`src/tokens/base/color/dark/dark.json5`,
`src/tokens/base/color/dark/dark.dimmed.json5`,
`src/tokens/base/color/dark/display-dark.json5`,
`src/tokens/component/*.json5`,
],
},
{
filename: 'dark-tritanopia',
theme: 'dark-tritanopia',
source: [
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/shadow/dark.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/color/dark/overrides/dark.tritanopia.json5`,
],
include: [
Expand All @@ -118,10 +117,10 @@ export const themes: TokenBuildInput[] = [
filename: 'dark-colorblind',
theme: 'dark-protanopia-deuteranopia',
source: [
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/shadow/dark.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5`,
],
include: [
Expand All @@ -134,10 +133,10 @@ export const themes: TokenBuildInput[] = [
filename: 'dark-high-contrast',
theme: 'dark-high-contrast',
source: [
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/shadow/dark.json5`,
`src/tokens/functional/border/*.json5`,
`src/tokens/component/*.json5`,
`src/tokens/functional/color/dark/*.json5`,
`src/tokens/functional/color/dark/overrides/dark.high-contrast.json5`,
],
include: [
Expand Down
261 changes: 261 additions & 0 deletions src/tokens/component/diffBlob.json5
Original file line number Diff line number Diff line change
@@ -0,0 +1,261 @@
{
diffBlob: {
additionLine: {
fgColor: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
bgColor: {
$value: '{bgColor.success.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
additionWord: {
fgColor: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
bgColor: {
$value: '{base.color.green.1}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
additionNum: {
fgColor: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
bgColor: {
$value: '{base.color.green.1}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
deletionLine: {
fgColor: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
bgColor: {
$value: '{bgColor.danger.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
deletionWord: {
fgColor: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
bgColor: {
$value: '{base.color.red.1}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
deletionNum: {
fgColor: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
bgColor: {
$value: '{base.color.red.1}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
hunkLine: {
bgColor: {
$value: '{bgColor.accent.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
fgColor: {
$value: '{fgColor.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
},
hunkNum: {
fgColor: {
rest: {
$value: '{fgColor.default}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
hover: {
$value: '{fgColor.onEmphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
},
bgColor: {
rest: {
$value: '{base.color.blue.1}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
hover: {
$value: '{bgColor.accent.emphasis}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
},
emptyNum: {
bgColor: {
$value: '{bgColor.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
emptyLine: {
bgColor: {
$value: '{bgColor.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['bgColor'],
},
},
},
},
expander: {
iconColor: {
$value: '{fgColor.muted}',
$type: 'color',
$extensions: {
'org.primer.figma': {
collection: 'mode',
group: 'component',
scopes: ['fgColor'],
},
},
},
},
},
}
Loading

0 comments on commit 0263948

Please sign in to comment.