Skip to content
This repository was archived by the owner on Jul 26, 2024. It is now read-only.
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"cSpell.words": ["Mantine"]
}
4 changes: 3 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
<svg height="90" style="display: block; margin: auto;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 163 163"><path fill="#339AF0" d="M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5 0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5z"/><path fill="#fff" d="M65.983 43.049a6.234 6.234 0 00-.336 6.884 6.14 6.14 0 001.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52 0 11.726-5.422 22.484-14.866 29.52a6.145 6.145 0 00-1.616 1.786 6.21 6.21 0 00-.694 4.693 6.21 6.21 0 001.028 2.186 6.151 6.151 0 006.457 2.319 6.154 6.154 0 002.177-1.035 50.083 50.083 0 007.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.165 49.165 0 004.071-19.69 49.167 49.167 0 00-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194 0-3.422-2.762-6.193-6.173-6.193H82.574a50.112 50.112 0 00-7.952-7.397 6.15 6.15 0 00-4.578-1.153 6.189 6.189 0 00-4.055 2.438h-.006z"/><path fill="#fff" fill-rule="evenodd" d="M56.236 79.391a9.342 9.342 0 01.632-3.608 9.262 9.262 0 011.967-3.077 9.143 9.143 0 012.994-2.063 9.06 9.06 0 017.103 0 9.145 9.145 0 012.995 2.063 9.262 9.262 0 011.967 3.077 9.339 9.339 0 01-2.125 10.003 9.094 9.094 0 01-6.388 2.63 9.094 9.094 0 01-6.39-2.63 9.3 9.3 0 01-2.755-6.395z" clip-rule="evenodd"/></svg>
<p align="center">
<img src="https://user-images.githubusercontent.com/102006493/180377302-82a734bf-0667-4e9b-9967-be86f50a5073.png" height="200" style="center" />
</p>

<h1 align="center">Manthemes</h1>
<p align="center">A package that has made mantine themes.</p>
Expand Down
15 changes: 5 additions & 10 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,14 +1,12 @@
{
"name": "manthemes",
"version": "1.2.3-alpha.2",
"version": "1.2.4",
"description": "Mantine made themes",
"author": "johnsiras",
"license": "MIT",
"homepage": "https://github.com/Johnsiras/manthemes#readme",
"scripts": {
"build": "tsc --build",
"build:clean": "tsc --build --clean",
"build:watch": "tsc --build --watch",
"copy": "yarn build && copy /Y package.json dist && copy /Y readme.md dist",
"publish": "yarn publish ./dist --tag=latest",
"publish:next": "yarn publish ./dist --tag=next"
Expand All @@ -21,19 +19,16 @@
],
"repository": {
"type": "git",
"url": "https://github.com/Johnsiras/manthemes.git"
"url": "https://github.com/manthemes-dev/manthemes.git"
},
"bugs": {
"url": "https://github.com/Johnsiras/manthemes/issues"
"url": "https://github.com/manthemes-dev/manthemes/issues"
},
"dependencies": {
"@mantine/core": "4.2.9",
"type-fest": "^2.13.1",
"update-notifier": "^6.0.2"
"@mantine/core": "5.2.3",
"type-fest": "^2.19.0"
},
"devDependencies": {
"@types/update-notifier": "^6.0.1",
"np": "^7.6.1",
"typescript": "^4.7.3"
}
}
129 changes: 129 additions & 0 deletions src/daisyui/aqua.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
import { MantineThemeOverride } from "@mantine/core";

export const aqua = (theme?: MantineThemeOverride) => ({
colorScheme: "dark",
white: "#c7dbff",
black: "#345da7",

primaryColor: "neutral",

colors: {
dark: [
"#c7dbff", // Default fg
"#92ACDD",
"#83A1D8",
"#7395D3",
"#6489CE",
"#547DC9",
"#4572C4",
"#3B67BA",
"#365FAB",
"#31569B",
],

neutral: [
"#C0DAEC",
"#B0D1E8",
"#A0C7E3",
"#91BEDE",
"#81B5D9",
"#72ABD5",
"#62A2D0",
"#5299CB",
"#4390C7",
"#3885BC",
],

cyan: [
"#B0FAFC",
"#9DF8FB",
"#89F6FA",
"#76F5F9",
"#62F3F8",
"#50F1F7",
"#3CF0F6",
"#29EEF5",
"#15EDF4",
"#0BE2EA",
],

grape: [
"#ECE4F1",
"#E2D7EA",
"#D8CAE3",
"#CEBCDC",
"#C4AFD5",
"#BAA1CE",
"#B094C7",
"#A687C0",
"#9C79B9",
"#936CB2",
],

yellow: [
"#FFF2C2",
"#FFEDAD",
"#FFE999",
"#FFE485",
"#FFE070",
"#FFDC5C",
"#FFD747",
"#FFD333",
"#FFCE1F",
"#FFCA0A",
],

blue: [
"#C7D7FA",
"#B4CAF8",
"#A1BCF7",
"#8FAFF5",
"#7CA2F3",
"#6A95F1",
"#5787EF",
"#447AEE",
"#326DEC",
"#1F5FEA",
],

green: [
"#6FEB9D",
"#5DE991",
"#4BE784",
"#3AE478",
"#28E26C",
"#1DD762",
"#1BC559",
"#18B451",
"#16A249",
"#149041",
],

orange: [
"#FBC688",
"#FBBC74",
"#FBB360",
"#FAA94C",
"#FA9F38",
"#F99624",
"#F98C10",
"#EF8206",
"#DB7706",
"#C76C05",
],

red: [
"#F4B8B8",
"#F1A7A7",
"#EE9696",
"#EB8484",
"#E87373",
"#E56161",
"#E25050",
"#E03E3E",
"#DD2C2C",
"#D32222",
],
},
...theme,
});
36 changes: 11 additions & 25 deletions src/daisyui/bumblebee.ts
Original file line number Diff line number Diff line change
@@ -1,15 +1,14 @@
import { manthemes } from "../utils";
import { MantineThemeOverride } from "@mantine/core";

export const bumblebee = manthemes.create({
export const bumblebee: MantineThemeOverride = {
colorScheme: "light",
black: "#1f2937",
black: "#333333",
white: "#ffffff",

primaryColor: "neutral",
primaryShade: 8,

colors: {
dark: [
neutral: [
"#5454A0",
"#4D4D93",
"#464686",
Expand All @@ -18,21 +17,8 @@ export const bumblebee = manthemes.create({
"#31315E",
"#2A2A50",
"#232343",
"#1C1C35",
"#151528",
],

neutral: [
"#5C5CAD",
"#5252A3",
"#4B4B95",
"#444488",
"#3E3E7A",
"#37376D",
"#30305F",
"#292951",
"#222244",
"#181830",
"#1C1C36",
"#151529",
],

orange: [
Expand Down Expand Up @@ -74,7 +60,7 @@ export const bumblebee = manthemes.create({
"#181830",
],

info: [
cyan: [
"#D8F2FE",
"#C4ECFD",
"#B1E5FC",
Expand All @@ -87,7 +73,7 @@ export const bumblebee = manthemes.create({
"#26B9F7",
],

success: [
green: [
"#BCF1DD",
"#ABEDD5",
"#9BE9CC",
Expand All @@ -100,7 +86,7 @@ export const bumblebee = manthemes.create({
"#2CC98F",
],

warning: [
yellow1: [
"#FDEDC3",
"#FDE7AF",
"#FDE19B",
Expand All @@ -113,7 +99,7 @@ export const bumblebee = manthemes.create({
"#FAB80F",
],

error: [
red: [
"#FFFFFF",
"#FEEBEB",
"#FED8D8",
Expand All @@ -126,4 +112,4 @@ export const bumblebee = manthemes.create({
"#F75050",
],
},
});
};
11 changes: 5 additions & 6 deletions src/daisyui/cupcake.ts
Original file line number Diff line number Diff line change
@@ -1,18 +1,17 @@
import { manthemes } from "../utils";
import type { MantineThemeOverride } from "@mantine/core";

export const cupcake = manthemes.create({
export const cupcake: MantineThemeOverride = {
colorScheme: "light",
white: "#faf7f5",
black: "#291334",

primaryColor: "neutral",
primaryShade: 8,

colors: {
neutral: [
"#8943B1",
"#7E3EA3",
"#673285",
"#723894",
"#673285",
"#5B2D76",
"#502768",
Expand All @@ -23,6 +22,7 @@ export const cupcake = manthemes.create({
],

primary: [
"#E1F3F4",
"#D2EDEE",
"#C3E7E9",
"#B4E2E4",
Expand All @@ -32,7 +32,6 @@ export const cupcake = manthemes.create({
"#78CACE",
"#69C4C9",
"#5ABEC4",
"#4BB8BE",
],

secondary: [
Expand Down Expand Up @@ -113,4 +112,4 @@ export const cupcake = manthemes.create({
"#F75050",
],
},
});
};
28 changes: 13 additions & 15 deletions src/daisyui/dark.ts
Original file line number Diff line number Diff line change
@@ -1,26 +1,25 @@
import { manthemes } from "../utils";
import { MantineThemeOverride } from "@mantine/core";
import { defaultDaisyuiColors } from "../utils/defaultColors";

export const dark = manthemes.create({
export const dark = (theme?: MantineThemeOverride) => ({
colorScheme: "dark",
white: "#A6ADBB",
black: "#2A303C",
white: "#EBEBEB",

primaryColor: "neutral",
primaryShade: 8,

colors: {
dark: [
"#6C809D",
"#627693",
"#5A6C87",
"#52627A",
"#49586E",
"#414E62",
"#394456",
"#313A49",
"#29303D",
"#A6ADBB", // Default fg
"#4B566C",
"#434D60",
"#3B4454",
"#333A48",
"#2A303C",
"#212630",
"#191D24",
"#111318",
"#08090C",
],

neutral: [
Expand Down Expand Up @@ -77,6 +76,5 @@ export const dark = manthemes.create({

...defaultDaisyuiColors,
},
...theme,
});

export default dark;
9 changes: 4 additions & 5 deletions src/daisyui/dracula.ts
Original file line number Diff line number Diff line change
@@ -1,16 +1,15 @@
import { manthemes } from "../utils";
import { MantineThemeOverride } from "@mantine/core";

export const dracula = manthemes.create({
export const dracula: MantineThemeOverride = {
colorScheme: "dark",
black: "#282a36",
white: "#f8f8f2",

primaryColor: "neutral",
primaryShade: 8,

colors: {
dark: [
"#676B8E",
"#f8f8f2", // Default fg
"#5E6282",
"#565A76",
"#4D516A",
Expand Down Expand Up @@ -126,4 +125,4 @@ export const dracula = manthemes.create({
"#FF0A0A",
],
},
});
};
6 changes: 4 additions & 2 deletions src/daisyui/index.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
export { dark as DDark } from "./dark";
export { light as DLight } from "./light";

export { bumblebee } from "./bumblebee";
export { dark } from "./dark";
export { cupcake } from "./cupcake";
export { dracula } from "./dracula";
export { light } from "./light";
export { synthwave } from "./synthwave";
export { retro } from "./retro";
export { aqua } from "./aqua";
Loading