2022-03-09 01:40:51 +00:00
|
|
|
export interface ThemeVars {
|
2022-01-14 04:25:47 +00:00
|
|
|
"--foreground": string;
|
|
|
|
|
"--background": string;
|
|
|
|
|
"--feature-foreground": string;
|
|
|
|
|
"--tooltip-background": string;
|
|
|
|
|
"--raised-background": string;
|
|
|
|
|
"--points": string;
|
|
|
|
|
"--locked": string;
|
|
|
|
|
"--highlighted": string;
|
|
|
|
|
"--bought": string;
|
|
|
|
|
"--danger": string;
|
|
|
|
|
"--link": string;
|
|
|
|
|
"--outline": string;
|
|
|
|
|
"--accent1": string;
|
|
|
|
|
"--accent2": string;
|
|
|
|
|
"--accent3": string;
|
|
|
|
|
"--border-radius": string;
|
|
|
|
|
"--modal-border": string;
|
|
|
|
|
"--feature-margin": string;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export interface Theme {
|
|
|
|
|
variables: ThemeVars;
|
|
|
|
|
floatingTabs: boolean;
|
2022-02-27 19:49:34 +00:00
|
|
|
mergeAdjacent: boolean;
|
2022-04-23 19:48:25 +00:00
|
|
|
showPin: boolean;
|
2022-01-14 04:25:47 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
declare module "@vue/runtime-dom" {
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-empty-interface
|
|
|
|
|
interface CSSProperties extends Partial<ThemeVars> {}
|
2022-06-26 03:34:18 +00:00
|
|
|
|
|
|
|
|
interface HTMLAttributes {
|
|
|
|
|
style?: StyleValue;
|
|
|
|
|
}
|
2022-01-14 04:25:47 +00:00
|
|
|
}
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
|
|
|
|
|
const defaultTheme: Theme = {
|
|
|
|
|
variables: {
|
2021-09-04 21:51:41 +00:00
|
|
|
"--foreground": "#dfdfdf",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--background": "#0f0f0f",
|
2022-04-24 03:34:13 +00:00
|
|
|
"--feature-foreground": "#0f0f0f",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--tooltip-background": "rgba(0, 0, 0, 0.75)",
|
|
|
|
|
"--raised-background": "#0f0f0f",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--points": "#ffffff",
|
|
|
|
|
"--locked": "#bf8f8f",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--highlighted": "#333",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--bought": "#77bf5f",
|
|
|
|
|
"--danger": "rgb(220, 53, 69)",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--link": "#02f2f2",
|
|
|
|
|
"--outline": "#dfdfdf",
|
2021-09-05 03:02:13 +00:00
|
|
|
"--accent1": "#627a82",
|
|
|
|
|
"--accent2": "#658262",
|
|
|
|
|
"--accent3": "#7c6282",
|
2021-09-04 21:51:41 +00:00
|
|
|
|
|
|
|
|
"--border-radius": "15px",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--modal-border": "solid 2px var(--color)",
|
|
|
|
|
"--feature-margin": "0px"
|
|
|
|
|
},
|
2021-09-19 17:04:55 +00:00
|
|
|
floatingTabs: true,
|
2022-04-23 19:48:25 +00:00
|
|
|
mergeAdjacent: true,
|
|
|
|
|
showPin: true
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export enum Themes {
|
|
|
|
|
Classic = "classic",
|
|
|
|
|
Paper = "paper",
|
2021-08-26 23:15:05 +00:00
|
|
|
Nordic = "nordic",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
Aqua = "aqua"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
classic: defaultTheme,
|
|
|
|
|
paper: {
|
|
|
|
|
...defaultTheme,
|
|
|
|
|
variables: {
|
|
|
|
|
...defaultTheme.variables,
|
|
|
|
|
"--background": "#2a323d",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--feature-foreground": "#000",
|
|
|
|
|
"--raised-background": "#333c4a",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--locked": "#3a3e45",
|
|
|
|
|
"--bought": "#5C8A58",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--outline": "#333c4a",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--border-radius": "4px",
|
|
|
|
|
"--modal-border": "",
|
|
|
|
|
"--feature-margin": "5px"
|
|
|
|
|
},
|
|
|
|
|
floatingTabs: false
|
|
|
|
|
} as Theme,
|
2021-08-26 23:15:05 +00:00
|
|
|
// Based on https://www.nordtheme.com
|
|
|
|
|
nordic: {
|
|
|
|
|
...defaultTheme,
|
|
|
|
|
variables: {
|
|
|
|
|
...defaultTheme.variables,
|
2021-09-04 21:51:41 +00:00
|
|
|
"--foreground": "#D8DEE9",
|
2021-08-26 23:15:05 +00:00
|
|
|
"--background": "#2E3440",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--feature-foreground": "#000",
|
|
|
|
|
"--raised-background": "#3B4252",
|
|
|
|
|
"--points": "#E5E9F0",
|
|
|
|
|
"--locked": "#4c566a",
|
|
|
|
|
"--highlighted": "#434c5e",
|
2021-08-26 23:15:05 +00:00
|
|
|
"--bought": "#8FBCBB",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--danger": "#D08770",
|
2021-08-26 23:15:05 +00:00
|
|
|
"--link": "#88C0D0",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--outline": "#3B4252",
|
2021-09-05 03:02:13 +00:00
|
|
|
"--accent1": "#B48EAD",
|
|
|
|
|
"--accent2": "#A3BE8C",
|
|
|
|
|
"--accent3": "#EBCB8B",
|
2021-08-26 23:15:05 +00:00
|
|
|
"--border-radius": "4px",
|
|
|
|
|
"--modal-border": "solid 2px #3B4252",
|
|
|
|
|
"--feature-margin": "5px"
|
|
|
|
|
},
|
|
|
|
|
floatingTabs: false
|
|
|
|
|
} as Theme,
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
aqua: {
|
|
|
|
|
...defaultTheme,
|
|
|
|
|
variables: {
|
|
|
|
|
...defaultTheme.variables,
|
2021-09-04 21:51:41 +00:00
|
|
|
"--foreground": "#bfdfff",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--background": "#001f3f",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--tooltip-background": "rgba(0, 15, 31, 0.75)",
|
|
|
|
|
"--raised-background": "#001f3f",
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
"--points": "#dfefff",
|
|
|
|
|
"--locked": "#c4a7b3",
|
2021-09-04 21:51:41 +00:00
|
|
|
"--outline": "#bfdfff"
|
First pass at typescript support
Oh man did this end up requiring a *ton* of other work as well.
There's still a few typing issues I still can't quite work out,
and others I'd like to improve when I have time. In fact, this version
doesn't even really work, it has a stack overflow error caused by
a tooltip for some reason have a tree inside it, which in turn has
another tooltip, etc. There's also 17 errors that I *really* feel like
shouldn't be there, but they are, and 113 warnings - mostly using !
to assert that things are non-null. Lots of work left to do, to sum up.
The reason I'm committing this now is because I really need to get to
work on my game jam, and since it won't use a tree or really many of
TMT-X's features, I can get away with using a broken engine :)
2021-08-17 04:30:54 +00:00
|
|
|
}
|
|
|
|
|
} as Theme
|
|
|
|
|
} as Record<Themes, Theme>;
|
