Update gradients to use a more consistent blue theme
This commit is contained in:
parent
77580ab6a4
commit
a51354e6e6
15 changed files with 30 additions and 68 deletions
|
|
@ -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)
|
||||
}
|
||||
|
|
@ -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({
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue