import Ripple from "../assets/backgrounds/ripple-line.svg";
import RippleStatic from "../assets/backgrounds/ripple-line-static.svg";
import DualRipples from "../assets/backgrounds/dual-ripples.svg";
import DualRipplesStatic from "../assets/backgrounds/dual-ripples-static.svg";
/*import Valley from "../assets/backgrounds/valley.svg";
import ValleyStatic from "../assets/backgrounds/valley-static.svg";*/
import CurveRipple from '../assets/backgrounds/curve-ripple.svg';
import CurveRippleStatic from '../assets/backgrounds/curve-ripple-static.svg';
import Speedline from '../assets/backgrounds/speedline.svg';
import SpeedlineStatic from '../assets/backgrounds/speedline-static.svg';

export const images = {
    blog: {
        motion: Ripple,
        static: RippleStatic,
    },
    projects: {
        motion: DualRipples,
        static: DualRipplesStatic,
    },
    writing: {
        motion: CurveRipple,
        static: CurveRippleStatic,
    },
    welcome: {
        motion: Speedline,
        static: SpeedlineStatic,
    }
}

const colors ={
    blog: {
        "text-color": "#ddd",
        "text-color-dark": "oklch(from var(--blog-text-color) l c calc(h * 0.8))",
        "accent-color": "hsl(191, 88%, 81%)",
        "glass-color": "hsl(191, 88%, 20%)",
        "background-color": "#0d0117",
    },
    projects: {
        "text-color": "#ddd",
        "text-color-dark": "oklch(from var(--projects-text-color) l c calc(h * 0.8))",
        "accent-color": "hsl(31deg 100% 85%)",
        "glass-color": "hsl(31deg 100% 20%)",
        "background-color": "#0d0117"
    },
    writing: {
        "text-color": "#ddd",
        "text-color-dark": "oklch(from var(--writing-text-color) l c calc(h * 0.8))",
        "accent-color": "hsl(347deg 89% 85%)",
        "glass-color": "hsl(347deg 89% 20%)",
        "background-color": "#0d0117"
    },
    default: {
        "text-color": "#ddd",
        "text-color-dark": "oklch(from var(--default-text-color) l c calc(h * 0.8))",
        "accent-color": "hsl(282deg 67% 85%)",
        "glass-color": "hsl(283, 86%, 20%)",
        "background-color": "#0d0117"
    }
}

export default colors;