Update gradients to use a more consistent blue theme

This commit is contained in:
Paul Frazee 2023-01-18 12:32:48 -06:00
parent 77580ab6a4
commit a51354e6e6
15 changed files with 30 additions and 68 deletions

View file

@ -1,34 +0,0 @@
import {colors} from './styles'
const GRADIENTS = [
[colors.pink3, colors.purple3],
[colors.purple3, colors.blue3],
[colors.blue3, colors.green3],
[colors.red3, colors.pink3],
]
export function getGradient(handle: string): string[] {
const gi = cyrb53(handle) % GRADIENTS.length
return GRADIENTS[gi]
}
// deterministic string->hash
// https://stackoverflow.com/a/52171480
function cyrb53(str: string, seed = 0): number {
let h1 = 0xdeadbeef ^ seed,
h2 = 0x41c6ce57 ^ seed
for (let i = 0, ch; i < str.length; i++) {
ch = str.charCodeAt(i)
h1 = Math.imul(h1 ^ ch, 2654435761)
h2 = Math.imul(h2 ^ ch, 1597334677)
}
h1 =
Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^
Math.imul(h2 ^ (h2 >>> 13), 3266489909)
h2 =
Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^
Math.imul(h1 ^ (h1 >>> 13), 3266489909)
return 4294967296 * (2097151 & h2) + (h1 >>> 0)
}

View file

@ -50,11 +50,9 @@ export const colors = {
}
export const gradients = {
primary: {start: '#db00ff', end: '#ff007a'},
error: {start: '#ff007a', end: '#ed0d78'},
purple: {start: colors.pink3, end: colors.purple3},
blue: {start: colors.purple3, end: colors.blue3},
green: {start: colors.blue3, end: colors.green3},
blueLight: {start: '#555FFB', end: colors.blue3}, // buttons
blue: {start: '#5E55FB', end: colors.blue3}, // fab
blueDark: {start: '#5F45E0', end: colors.blue3}, // avis, banner
}
export const s = StyleSheet.create({

View file

@ -21,6 +21,7 @@ export const defaultTheme: Theme = {
replyLineDot: colors.gray3,
unreadNotifBg: '#ebf6ff',
postCtrl: '#8A7171',
brandText: '#0066FF',
},
primary: {
background: colors.blue3,
@ -207,7 +208,7 @@ export const defaultTheme: Theme = {
fontWeight: '500',
},
'title-lg': {
fontSize: 24,
fontSize: 22,
fontWeight: '500',
},
title: {
@ -263,6 +264,7 @@ export const darkTheme: Theme = {
replyLineDot: colors.gray6,
unreadNotifBg: colors.blue5,
postCtrl: '#7A6161',
brandText: '#0085ff',
},
primary: {
...defaultTheme.palette.primary,