mirror of https://github.com/Fabio286/antares.git
Compare commits
2 Commits
9bcd874e80
...
957cb9e1a5
Author | SHA1 | Date |
---|---|---|
Fabio Di Stasio | 957cb9e1a5 | |
Fabio Di Stasio | 09c274a724 |
|
@ -2,6 +2,13 @@
|
||||||
|
|
||||||
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
||||||
|
|
||||||
|
### [0.7.24](https://github.com/antares-sql/antares/compare/v0.7.24-beta.1...v0.7.24) (2024-05-03)
|
||||||
|
|
||||||
|
|
||||||
|
### Bug Fixes
|
||||||
|
|
||||||
|
* missing accent color change ([09c274a](https://github.com/antares-sql/antares/commit/09c274a724b5020efc650aaf7eecb2404343a6fc))
|
||||||
|
|
||||||
### [0.7.24-beta.1](https://github.com/antares-sql/antares/compare/v0.7.24-beta.0...v0.7.24-beta.1) (2024-04-30)
|
### [0.7.24-beta.1](https://github.com/antares-sql/antares/compare/v0.7.24-beta.0...v0.7.24-beta.1) (2024-04-30)
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "antares",
|
"name": "antares",
|
||||||
"version": "0.7.24-beta.1",
|
"version": "0.7.24",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "antares",
|
"name": "antares",
|
||||||
"version": "0.7.24-beta.1",
|
"version": "0.7.24",
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "antares",
|
"name": "antares",
|
||||||
"productName": "Antares",
|
"productName": "Antares",
|
||||||
"version": "0.7.24-beta.1",
|
"version": "0.7.24",
|
||||||
"description": "A modern, fast and productivity driven SQL client with a focus in UX.",
|
"description": "A modern, fast and productivity driven SQL client with a focus in UX.",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"repository": "https://github.com/antares-sql/antares.git",
|
"repository": "https://github.com/antares-sql/antares.git",
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
id="footer"
|
id="footer"
|
||||||
:class="[lightColors.includes(footerColor) ? 'text-dark' : 'text-light']"
|
:class="[lightColors.includes(accentColor) ? 'text-dark' : 'text-light']"
|
||||||
:style="`background-color: ${footerColor};`"
|
:style="`background-color: ${accentColor};`"
|
||||||
>
|
>
|
||||||
<div class="footer-left-elements">
|
<div class="footer-left-elements">
|
||||||
<ul class="footer-elements">
|
<ul class="footer-elements">
|
||||||
|
@ -118,7 +118,7 @@ const { getWorkspace } = workspacesStore;
|
||||||
const { getConnectionFolder, getConnectionByUid } = connectionsStore;
|
const { getConnectionFolder, getConnectionByUid } = connectionsStore;
|
||||||
|
|
||||||
const workspace = computed(() => getWorkspace(workspaceUid.value));
|
const workspace = computed(() => getWorkspace(workspaceUid.value));
|
||||||
const footerColor = computed(() => {
|
const accentColor = computed(() => {
|
||||||
if (getConnectionFolder(workspaceUid.value)?.color)
|
if (getConnectionFolder(workspaceUid.value)?.color)
|
||||||
return getConnectionFolder(workspaceUid.value).color;
|
return getConnectionFolder(workspaceUid.value).color;
|
||||||
return '#E36929';
|
return '#E36929';
|
||||||
|
@ -134,12 +134,17 @@ const versionString = computed(() => {
|
||||||
return '';
|
return '';
|
||||||
});
|
});
|
||||||
|
|
||||||
watch(footerColor, () => {
|
watch(accentColor, () => {
|
||||||
document.querySelector<HTMLBodyElement>(':root').style.setProperty('--primary-color', footerColor.value);
|
changeAccentColor();
|
||||||
document.querySelector<HTMLBodyElement>(':root').style.setProperty('--primary-color-shadow', hexToRGBA(footerColor.value, 0.2));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const openOutside = (link: string) => shell.openExternal(link);
|
const openOutside = (link: string) => shell.openExternal(link);
|
||||||
|
const changeAccentColor = () => {
|
||||||
|
document.querySelector<HTMLBodyElement>(':root').style.setProperty('--primary-color', accentColor.value);
|
||||||
|
document.querySelector<HTMLBodyElement>(':root').style.setProperty('--primary-color-shadow', hexToRGBA(accentColor.value, 0.2));
|
||||||
|
};
|
||||||
|
|
||||||
|
changeAccentColor();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
|
|
@ -24,6 +24,10 @@ body {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--primary-color-dark)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection,
|
::selection,
|
||||||
|
@ -199,6 +203,14 @@ option:checked {
|
||||||
animation: rotation 0.8s infinite linear;
|
animation: rotation 0.8s infinite linear;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
&::after {
|
||||||
|
border: 0.1rem solid var(--primary-color);
|
||||||
|
border-right-color: transparent;
|
||||||
|
border-top-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Override */
|
/* Override */
|
||||||
.modal {
|
.modal {
|
||||||
.modal-container,
|
.modal-container,
|
||||||
|
|
Loading…
Reference in New Issue