Gradients

color-pallete.js

{
  dark: {

    accent0: '#FF4050',
    accent1: '#F28144',
    accent2: '#FFD24A',
    accent3: '#A4CC35',
    accent4: '#26C99E',
    accent5: '#66BFFF',
    accent6: '#CC78FA',
    accent7: '#F553BF',

    shade0: '#282629',
    shade1: '#474247',
    shade2: '#656066',
    shade3: '#847E85',
    shade4: '#A29DA3',
    shade5: '#C1BCC2',
    shade6: '#E0DCE0',
    shade7: '#FFFCFF'

  }
}

gradient.css

#edge_of_constellation {
  padding: 2px;
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
}

.galaxy_one {
  background: linear-gradient(135deg, rgb(80, 115, 184) 0%, rgb(19, 167, 147) 36%, rgb(7, 179, 155) 81%, rgb(109, 186, 130) 100%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
}

.galaxy_two {
  background: linear-gradient(135deg, rgb(243, 112, 85) 0%, rgb(239, 78, 123) 52%, rgb(197, 91, 149) 77%, rgb(161, 102, 171) 100%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);
}
.galathree {
  background: linear-gradient(135deg, rgb(161, 102, 171) 0%, rgb(80, 115, 184) 100%) 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0)
}

//-------
.term-list-container:before {
    background: -webkit-linear-gradient(bottom,hsla(0,0%,98%,0),#fafafa 75%);
    background: linear-gradient(0deg,hsla(0,0%,98%,0) 0,#fafafa 75%);
    top: 0;
    pointer-events: none;
}

.term-list-container:after {
    background: -webkit-linear-gradient(bottom,#fafafa 30%,hsla(0,0%,98%,0));
    background: linear-gradient(0deg,#fafafa 30%,hsla(0,0%,98%,0));
    bottom: 0;
}

//------

.space {
    background: #43c6ac;
    background: linear-gradient(to right,#191654,#43c6ac);
}

stars.svg