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 ## 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. For more advanced customization, any component can be updated.

View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>.det0x</title> <title>.det0x</title>

View File

@ -4,49 +4,49 @@
], ],
"buildImage": "ghcr.io/railwayapp/nixpacks:ubuntu-1731369831", "buildImage": "ghcr.io/railwayapp/nixpacks:ubuntu-1731369831",
"variables": { "variables": {
"CI": "true", "CI": "true",
"NIXPACKS_METADATA": "node", "NIXPACKS_METADATA": "node",
"NODE_ENV": "production", "NODE_ENV": "production",
"NPM_CONFIG_PRODUCTION": "false" "NPM_CONFIG_PRODUCTION": "false"
}, },
"phases": { "phases": {
"build": { "build": {
"dependsOn": [ "dependsOn": [
"install" "install"
], ],
"cmds": [ "cmds": [
"yarn run build" "yarn run build"
], ],
"cacheDirectories": [ "cacheDirectories": [
"node_modules/.cache" "node_modules/.cache"
] ]
}, },
"install": { "install": {
"dependsOn": [ "dependsOn": [
"setup" "setup"
], ],
"cmds": [ "cmds": [
"yarn install --frozen-lockfile" "yarn install --frozen-lockfile"
], ],
"cacheDirectories": [ "cacheDirectories": [
"/usr/local/share/.cache/yarn/v6" "/usr/local/share/.cache/yarn/v6"
], ],
"paths": [ "paths": [
"/app/node_modules/.bin" "/app/node_modules/.bin"
] ]
}, },
"setup": { "setup": {
"nixPkgs": [ "nixPkgs": [
"nodejs_18", "nodejs_18",
"yarn-1_x" "yarn-1_x"
], ],
"nixOverlays": [ "nixOverlays": [
"https://github.com/railwayapp/nix-npm-overlay/archive/main.tar.gz" "https://github.com/railwayapp/nix-npm-overlay/archive/main.tar.gz"
], ],
"nixpkgsArchive": "e05605ec414618eab4a7a6aea8b38f6fbbcc8f08" "nixpkgsArchive": "e05605ec414618eab4a7a6aea8b38f6fbbcc8f08"
} }
}, },
"start": { "start": {
"cmd": "yarn dev --host" "cmd": "yarn dev --host"
} }
} }

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 PropTypes from 'prop-types';
import defaultAvatar from '../assets/avatar.svg'; import defaultAvatar from '../assets/avatar.png';
import { usePrimaryName } from '../hooks/usePrimaryName'; import { usePrimaryName } from '../hooks/usePrimaryName';
export const CustomAvatar = ({ size }) => { export const CustomAvatar = ({ size }) => {

View File

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

View File

@ -1,3 +1,20 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @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;
}