bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tintify: tweak color intensity

Browse source
This commit is contained in:
Alex Gleason 2022-03-28 18:21:43 -05:00
parent 51fc8402f2
commit a8eed4192d
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 23 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/utils/__tests__/colors-test.js
View file

@ -9,8 +9,8 @@ describe('tintify()', () => {
expect(result).toEqual({ expect(result).toEqual({
'100': '#e6f3fb', '100': '#e6f3fb',
'200': '#c0e0f5', '200': '#c0e0f5',
'300': '#9bcdef', '300': '#4fa8e4',
'400': '#4fa8e4', '400': '#369be0',
'50': '#f2f9fd', '50': '#f2f9fd',
'500': '#0482d8', '500': '#0482d8',
'600': '#0475c2', '600': '#0475c2',

38
app/soapbox/utils/__tests__/tailwind-test.js
View file

@ -20,8 +20,8 @@ describe('toTailwind()', () => {
50: '#f2f9fd', 50: '#f2f9fd',
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#9bcdef', 300: '#4fa8e4',
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -53,7 +53,7 @@ describe('toTailwind()', () => {
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#ff0000', // <-- 300: '#ff0000', // <--
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -77,8 +77,8 @@ describe('fromLegacyColors()', () => {
50: '#f2f9fd', 50: '#f2f9fd',
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#9bcdef', 300: '#4fa8e4',
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -90,8 +90,8 @@ describe('fromLegacyColors()', () => {
50: '#f3fbfd', 50: '#f3fbfd',
100: '#e7f7fa', 100: '#e7f7fa',
200: '#c3ecf4', 200: '#c3ecf4',
300: '#9fe1ed', 300: '#58cadf',
400: '#58cadf', 400: '#40c2da',
500: '#10b3d1', 500: '#10b3d1',
600: '#0ea1bc', 600: '#0ea1bc',
700: '#0c869d', 700: '#0c869d',
@ -115,8 +115,8 @@ describe('fromLegacyColors()', () => {
50: '#f2f9fd', 50: '#f2f9fd',
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#9bcdef', 300: '#4fa8e4',
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -127,8 +127,8 @@ describe('fromLegacyColors()', () => {
50: '#f4fdf3', 50: '#f4fdf3',
100: '#eafae7', 100: '#eafae7',
200: '#caf4c3', 200: '#caf4c3',
300: '#aaed9f', 300: '#6bdf58',
400: '#6bdf58', 400: '#55da40',
500: '#2bd110', 500: '#2bd110',
600: '#27bc0e', 600: '#27bc0e',
700: '#209d0c', 700: '#209d0c',
@ -151,8 +151,8 @@ describe('expandPalette()', () => {
50: '#f2f9fd', 50: '#f2f9fd',
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#9bcdef', 300: '#4fa8e4',
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -171,8 +171,8 @@ describe('expandPalette()', () => {
50: '#f2f9fd', 50: '#f2f9fd',
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#9bcdef', 300: '#4fa8e4',
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -187,8 +187,8 @@ describe('expandPalette()', () => {
50: '#f2f9fd', 50: '#f2f9fd',
100: '#e6f3fb', 100: '#e6f3fb',
200: '#c0e0f5', 200: '#c0e0f5',
300: '#9bcdef', 300: '#4fa8e4',
400: '#4fa8e4', 400: '#369be0',
500: '#0482d8', 500: '#0482d8',
600: '#0475c2', 600: '#0475c2',
700: '#0362a2', 700: '#0362a2',
@ -199,8 +199,8 @@ describe('expandPalette()', () => {
50: '#f4fdf3', 50: '#f4fdf3',
100: '#eafae7', 100: '#eafae7',
200: '#caf4c3', 200: '#caf4c3',
300: '#aaed9f', 300: '#6bdf58',
400: '#6bdf58', 400: '#55da40',
500: '#2bd110', 500: '#2bd110',
600: '#27bc0e', 600: '#27bc0e',
700: '#209d0c', 700: '#209d0c',

4
app/soapbox/utils/colors.ts
View file

@ -103,8 +103,8 @@ export default function(baseColor: string): TailwindColorObject {
50: 0.95, 50: 0.95,
100: 0.9, 100: 0.9,
200: 0.75, 200: 0.75,
300: 0.6, 300: 0.3,
400: 0.3, 400: 0.2,
600: 0.9, 600: 0.9,
700: 0.75, 700: 0.75,
800: 0.6, 800: 0.6,