feat: Add 9jacosmos theming

This commit is contained in:
Nathan Woodburn 2025-01-11 11:16:49 +11:00
parent 07dd591d95
commit 97f0f7cd9c
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
13 changed files with 2184 additions and 63 deletions

View File

@ -4,7 +4,7 @@ This is a white label template for [hns.id](https://hns.id). You can fork and mo
## Customization
Basic customization are in the [`constants.js`](./src/constants.js) file and the [`src/assets`](./src/assets/) folder, more specifically `avatar.png` and `brand.png`, as well as `public/favicon.svg`.
Basic customization are in the [`constants.js`](./src/constants.js) file and the [`src/assets`](./src/assets/) folder, more specifically `avatar.png` and `brand.png`, as well as `public/favicon.png`.
For more advanced customization, any component can be updated.

View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>.det0x</title>

View File

@ -0,0 +1 @@
4bffdb36-27b0-4ed3-9322-a9ce9d2a91b4=9164cf1a58fe0955a425e2ab1b73204c06b28fc403505e08439c8847a4117415

BIN
public/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 645 KiB

BIN
src/assets/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 645 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 240 KiB

View File

@ -1,5 +1,5 @@
import PropTypes from 'prop-types';
import defaultAvatar from '../assets/avatar.svg';
import defaultAvatar from '../assets/avatar.png';
import { usePrimaryName } from '../hooks/usePrimaryName';
export const CustomAvatar = ({ size }) => {

View File

@ -1,7 +1,7 @@
import PropTypes from 'prop-types';
import { ConnectButton as RainbowBtn } from '@rainbow-me/rainbowkit';
import { Button } from './Button';
import defaultAvatar from '../../assets/avatar.svg';
import defaultAvatar from '../../assets/avatar.png';
import { usePrimaryName } from '../../hooks/usePrimaryName';
const Custom = ({

View File

@ -1,3 +1,20 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
body {
background-color: #070d49ff;
color: #ffb614ff;
font-family: "Raleway";
}
.font-inter {
font-family: "Raleway";
}
.text-neutral-500 {
color: #ffb614ff;
}
.text-neutral-950 {
color: #ffffff;
}