hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-22 11:42:30 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Cleaning up the old theme. (#2720)

Browse Source
This commit is contained in:
Alexander Platov 2023-03-10 03:08:04 +03:00 committed by GitHub
parent 1d1ad2e8a1
commit 013c09ada2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
158 changed files with 599 additions and 578 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/kanban/src/components/Kanban.svelte
View File

@ -390,7 +390,7 @@
padding: 0 0.5rem 0 1rem;
height: 100%;
font-weight: 500;
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
}

8
packages/kanban/src/components/KanbanCardEmpty.svelte
View File

@ -24,14 +24,14 @@
justify-content: center;
align-items: center;
padding: 0.75rem 1.5rem;
color: var(--theme-content-dark-color);
background-color: var(--theme-button-bg-hovered);
border: 1px dotted var(--theme-bg-accent-color);
color: var(--dark-color);
background-color: var(--board-card-bg-color);
border: 1px dotted var(--divider-color);
border-radius: 0.75rem;
cursor: pointer;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
</style>

4
packages/presentation/src/components/Avatar.svelte
View File

@ -104,7 +104,7 @@
img {
object-fit: cover;
border: 2px solid var(--theme-avatar-border);
border: 2px solid var(--avatar-border-color);
}
&.no-img {
border-color: transparent;
@ -148,7 +148,7 @@
}
.ava-mask {
position: absolute;
border: 2px solid var(--theme-avatar-border);
border: 2px solid var(--avatar-border-color);
border-radius: 50%;
}

7
packages/presentation/src/components/EditAvatarPopup.svelte
View File

@ -53,6 +53,7 @@
</script>
<input style="display: none;" type="file" bind:this={inputRef} on:change={onSelect} accept={targetMimes.join(',')} />
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="overlay"
on:click={() => {
@ -86,8 +87,8 @@
bottom: 0;
right: 0;
background: var(--theme-menu-color);
opacity: 0.7;
background: var(--card-overlay-color);
touch-action: none;
}
.root {
@ -104,7 +105,7 @@
transform: translate(-50%, -50%);
background: var(--theme-bg-color);
background: var(--popup-bg-color);
border-radius: 1.25rem;
box-shadow: 0px 44px 154px rgba(0, 0, 0, 0.75);

4
packages/presentation/src/components/Members.svelte
View File

@ -155,11 +155,11 @@
<style lang="scss">
.notIn {
background-color: var(--theme-bg-accent-color);
background-color: var(--body-accent);
}
.divider {
background-color: var(--theme-dialog-divider);
background-color: var(--divider-color);
height: 1px;
}

6
packages/presentation/src/components/MessageBox.svelte
View File

@ -71,14 +71,14 @@
padding: 2rem 1.75rem 1.75rem;
width: 30rem;
max-width: 40rem;
background: var(--theme-msgbox-bg);
background: var(--popup-bg-color);
border-radius: 1.25rem;
user-select: none;
box-shadow: var(--theme-msgbox-shadow);
box-shadow: var(--popup-shadow);
.message {
margin-bottom: 1.75rem;
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
.footer {
flex-shrink: 0;

2
packages/presentation/src/components/PDFViewer.svelte
View File

@ -145,7 +145,7 @@
overflow: auto;
border-style: none;
border-radius: 0.5rem;
background-color: var(--theme-menu-color);
background-color: var(--board-bg-color);
}
.img-horizontal-fit,
.img-vertical-fit,

2
packages/presentation/src/components/icons/Avatar.svelte
View File

@ -18,7 +18,7 @@
export let size: IconSize
export let fill: string = 'var(--theme-caption-color)'
export let fill: string = 'var(--caption-color)'
</script>
<svg class="svg-avatar {size}" {fill} viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">

7
packages/text-editor/src/components/CollaborationDiffViewer.svelte
View File

@ -152,10 +152,13 @@
}
&::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-accent-hover);
background-color: var(--scrollbar-bar-color);
}
&::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-bar-hover);
}
&::-webkit-scrollbar-corner {
background-color: var(--theme-bg-accent-hover);
background-color: var(--scrollbar-bar-color);
}
&::-webkit-scrollbar-track {
margin: 0;

7
packages/text-editor/src/components/CollaboratorEditor.svelte
View File

@ -641,10 +641,13 @@
}
&::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-accent-hover);
background-color: var(--scrollbar-bar-color);
}
&::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-bar-hover);
}
&::-webkit-scrollbar-corner {
background-color: var(--theme-bg-accent-hover);
background-color: var(--scrollbar-bar-color);
}
&::-webkit-scrollbar-track {
margin: 0;

8
packages/text-editor/src/components/ReferenceInput.svelte
View File

@ -408,7 +408,7 @@
align-items: center;
width: 100%;
height: 100%;
color: var(--theme-content-color);
color: var(--content-color);
background-color: transparent;
border: none;
outline: none;
@ -458,11 +458,11 @@
.icon {
width: 1.25rem;
height: 1.25rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
cursor: pointer;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
&:focus {
@ -470,7 +470,7 @@
box-shadow: 0 0 0 3px var(--primary-button-outline);
& > .icon {
color: var(--theme-caption-color);
color: var(--caption-color);
}
}

2
packages/text-editor/src/components/StyleButton.svelte
View File

@ -49,7 +49,7 @@
color: var(--accent-color);
}
&:focus {
color: var(--theme-caption-color);
color: var(--caption-color);
border: 1px solid var(--primary-button-focused-border);
box-shadow: 0 0 0 3px var(--primary-button-outline);
}

2
packages/text-editor/src/components/StyledTextBox.svelte
View File

@ -195,7 +195,7 @@
.label {
padding-bottom: 0.25rem;
font-size: 0.75rem;
color: var(--theme-caption-color);
color: var(--caption-color);
opacity: 0.3;
transition: top 200ms;
pointer-events: none;

7
packages/text-editor/src/components/TextEditor.svelte
View File

@ -266,10 +266,13 @@
}
&::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-accent-hover);
background-color: var(--scrollbar-bar-color);
}
&::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-bar-hover);
}
&::-webkit-scrollbar-corner {
background-color: var(--theme-bg-accent-hover);
background-color: var(--scrollbar-bar-color);
}
&::-webkit-scrollbar-track {
margin: 0;

10
packages/theme/styles/_colors.scss
View File

@ -83,6 +83,7 @@
--divider-color: #303236;
--menu-bg-select: #2d2f36;
--menu-bg-select-trans: #2d2f3665;
--menu-icon-hover: #f3f3f8;
--header-bg-color: linear-gradient(0deg, var(--accent-bg-color), #2d2e31);
--popup-bg-color: linear-gradient(136.61deg, var(--accent-bg-color) 13.72%, #2d2e31 74.3%);
@ -94,6 +95,7 @@
--card-shadow: rgb(0 0 0 / 50%) 0px 16px 70px;
--card-overlay-color: rgba(28, 29, 31, .5);
--avatar-bg-color: #4f5358;
--avatar-border-color: rgba(255, 255, 255, .1);
--tooltip-bg-color: #1f2023f0;
--button-bg-color: #303236;
@ -124,6 +126,7 @@
--trans-content-05: rgba(138, 143, 152, .05);
--trans-content-10: rgba(138, 143, 152, .1);
--trans-content-20: rgba(138, 143, 152, .2);
--theme-bg-color: #18181e;
--theme-bg-selection: #282830;
@ -132,7 +135,6 @@
--theme-menu-color: #111117;
--theme-menu-selection: #1D1D23;
--theme-menu-divider: rgba(255, 255, 255, .05);
--theme-scroll-bar: #2C2C34;
// --theme-dialog-bg: rgba(31, 31, 37, .8);
--theme-dialog-accent: rgba(255, 255, 255, .03);
--theme-dialog-divider: rgba(255, 255, 255, .1);
@ -146,7 +148,6 @@
--theme-card-bg-dark: rgba(222, 222, 240, .1);
--theme-card-divider: rgba(255, 255, 255, .1);
--theme-card-shadow: 0px 15px 60px rgba(24, 25, 28, .8);
--theme-avatar-border: rgba(255, 255, 255, .1);
--theme-msgbox-bg: #26262B;
--theme-msgbox-shadow: 0px 20px 70px rgba(0, 0, 0, .4);
--theme-zone-bg: rgba(255, 255, 255, .05);
@ -239,6 +240,7 @@
--divider-color: #e0e0e0;
--menu-bg-select: #f0f3f9;
--menu-bg-select-trans: #f0f3f965;
--menu-icon-hover: #282a30;
--header-bg-color: linear-gradient(0deg, #eee, #f6f6f6);
--popup-bg-color: linear-gradient(136.61deg, #fff 13.72%, #f8f8f8 74.3%);
@ -250,6 +252,7 @@
--card-shadow: rgb(0 0 0 / 50%) 0px 16px 70px;
--card-overlay-color: rgba(144, 149, 157, .4);
--avatar-bg-color: #e0e0e0; // HZ
--avatar-border-color: transparent;
--tooltip-bg-color: #fffffff0;
--button-bg-color: #fff;
@ -280,13 +283,13 @@
--trans-content-05: rgba(60, 65, 73, .05);
--trans-content-10: rgba(60, 65, 73, .1);
--trans-content-20: rgba(60, 65, 73, .2);
--theme-bg-color: #FFFFFF;
--theme-bg-selection: #F1F1F4;
--theme-menu-color: #E7E7E7;
--theme-menu-selection: #DBDBDB;
--theme-menu-divider: rgba(0, 0, 0, .08);
--theme-scroll-bar: #CBCBCB;
// --theme-dialog-bg: rgba(255, 255, 255, .4);
--theme-dialog-accent: rgba(31, 33, 43, .03);
--theme-dialog-divider: rgba(31, 33, 43, .06);
@ -300,7 +303,6 @@
--theme-card-bg-dark: rgba(255, 255, 255, .3);
--theme-card-divider: rgba(0, 0, 0, .1);
--theme-card-shadow: 0px 15px 60px rgba(24, 25, 28, .2);
--theme-avatar-border: transparent;
--theme-msgbox-bg: #F2F2F2;
--theme-msgbox-shadow: 0px 20px 70px rgba(0, 0, 0, .2);
--theme-zone-bg: rgba(0, 0, 0, .05);

49
packages/theme/styles/_layouts.scss
View File

@ -18,17 +18,17 @@ a {
font: inherit;
font-weight: 500;
text-decoration: none;
color: var(--theme-content-accent-color);
color: var(--accent-color);
outline: none;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
text-decoration: underline;
}
&:active {
color: var(--theme-content-accent-color);
color: var(--accent-color);
text-decoration: underline;
}
&:visited { color: var(--theme-caption-color); }
&:visited { color: var(--accent-color); }
&.stealth,
&.no-underline {
@ -76,7 +76,7 @@ textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: var(--theme-caption-color);
-webkit-text-fill-color: var(--caption-color);
transition: background-color 5000s ease-in-out 0s;
background: transparent;
}
@ -320,6 +320,7 @@ input.search {
.buttons-group {
display: grid;
grid-auto-flow: column;
grid-auto-columns: max-content;
justify-content: flex-start;
align-items: center;
gap: .75rem;
@ -424,6 +425,7 @@ input.search {
.mb-3 { margin-bottom: .75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-9 { margin-bottom: 2.25rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mx-1 { margin: 0 .25rem; }
@ -627,19 +629,19 @@ input.search {
}
.hover-trans {
color: var(--theme-content-trans-color);
color: var(--dark-color);
cursor: pointer;
&:hover { color: var(--theme-caption-color); }
&:active { color: var(--theme-content-accent-color); }
&:hover { color: var(--caption-color); }
&:active { color: var(--accent-color); }
}
/* Link */
a.no-line {
text-decoration: none;
color: var(--theme-caption-color);
&:hover { color: var(--theme-caption-color); }
&:active { color: var(--theme-content-accent-color); }
&:visited { color: var(--theme-caption-color); }
color: var(--accent-color);
&:hover { color: var(--caption-color); }
&:active { color: var(--accent-color); }
&:visited { color: var(--accent-color); }
}
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }
@ -723,27 +725,26 @@ a.no-line {
}
.focused-button {
background-color: var(--theme-button-bg-focused);
background-color: var(--button-bg-color);
border: 1px solid transparent;
& > .icon { color: var(--theme-content-trans-color); }
& > .icon { color: var(--accent-color); }
&.selected {
background-color: var(--theme-button-bg-focused);
border: 1px solid var(--theme-bg-accent-color);
background-color: var(--button-bg-hover);
border: 1px solid var(--button-border-hover);
}
&:hover {
background-color: var(--theme-button-bg-pressed);
border: 1px solid var(--theme-bg-accent-color);
& > .icon { color: var(--theme-caption-color); }
background-color: var(--button-bg-hover);
border: 1px solid var(--button-border-hover);
& > .icon { color: var(--caption-color); }
}
&:focus {
border: 1px solid var(--primary-button-focused-border);
box-shadow: 0 0 0 3px var(--primary-button-outline);
& > .icon { color: var(--theme-caption-color); }
& > .icon { color: var(--caption-color); }
}
&.bordered,
&.bordered:hover { border-color: var(--theme-button-border-pressed); }
&.bordered { border-color: var(--button-border-color); }
}
.overflow-x-auto { overflow-x: auto; }
@ -755,8 +756,8 @@ a.no-line {
.scroll-m-10::-webkit-scrollbar-track { margin: 2.5rem; }
.scroll-bg-accent-color::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-accent-color);
&:hover { background-color: var(--theme-menu-divider); }
background-color: var(--scrollbar-bar-color);
&:hover { background-color: var(--scrollbar-bar-hover); }
}
.scroll-divider-color::-webkit-scrollbar-thumb {
background-color: var(--divider-color);

6
packages/theme/styles/common.scss
View File

@ -127,7 +127,7 @@
}
&.bold {
font-weight: 600;
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
.an-element__icon-arrow {
@ -216,8 +216,8 @@
&::-webkit-scrollbar-track { margin: 0; }
&::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-accent-color);
&:hover { background-color: var(--theme-menu-divider); }
background-color: var(--scrollbar-bar-color);
&:hover { background-color: var(--scrollbar-bar-hover); }
}
}
.antiNav-box {

70
packages/theme/styles/components.scss
View File

@ -20,7 +20,7 @@
height: 100%;
.ac-header {
padding: 0.5rem 1.5rem 0.5rem 2.25rem;
padding: 0.5rem 1.5rem 0.5rem 2.5rem;
// height: 3.5rem;
// min-height: 2.5rem;
@ -112,20 +112,20 @@
align-items: center;
width: 2rem;
height: 2rem;
color: var(--theme-content-trans-color);
color: var(--dark-color);
background-color: transparent;
border-radius: .25rem;
cursor: pointer;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
}
&.selected {
color: var(--theme-content-accent-color);
color: var(--accent-color);
background-color: var(--menu-bg-select);
cursor: default;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
}
@ -138,7 +138,7 @@
margin: 0 2.5rem;
min-height: 0;
height: 3.5rem;
border-bottom: 1px solid var(--theme-zone-bg);
border-bottom: 1px solid var(--divider-color);
&::-webkit-scrollbar:horizontal {
height: 0.25rem;
@ -147,10 +147,10 @@
margin: 0;
}
&::-webkit-scrollbar-thumb {
background-color: var(--theme-menu-divider);
background-color: var(--scrollbar-bar-color);
border-radius: 0.25rem;
&:hover {
background-color: var(--theme-card-divider);
background-color: var(--scrollbar-bar-hover);
}
}
@ -171,7 +171,7 @@
margin: 0 2.5rem;
min-width: 0;
height: 4.5rem;
border-bottom: 1px solid var(--theme-menu-divider);
border-bottom: 1px solid var(--divider-color);
&__tab {
display: flex;
@ -179,14 +179,14 @@
min-width: 0;
height: 4.5rem;
font-weight: 500;
color: var(--theme-content-trans-color);
color: var(--dark-color);
cursor: pointer;
user-select: none;
&.selected {
border-top: .125rem solid transparent;
border-bottom: .125rem solid var(--theme-caption-color);
color: var(--theme-caption-color);
border-bottom: .125rem solid var(--caption-color);
color: var(--caption-color);
cursor: default;
}
}
@ -226,10 +226,10 @@
flex-direction: column;
overflow-y: auto;
padding: 0.75rem 0.5rem;
min-width: 15rem;
max-width: 25rem;
min-width: 17rem;
max-width: 30rem;
height: 100%;
border-right: 1px solid var(--theme-menu-divider);
border-right: 1px solid var(--divider-color);
&.max {
flex-grow: 1;
@ -249,11 +249,11 @@
cursor: pointer;
&:hover {
background-color: var(--theme-bg-accent-color);
background-color: var(--button-bg-color);
}
&.selected {
background-color: var(--theme-button-bg-enabled);
border-color: var(--theme-bg-accent-color);
background-color: var(--button-bg-hover);
border-color: var(--button-border-color);
cursor: auto;
}
}
@ -288,7 +288,7 @@
&::-webkit-scrollbar:horizontal { height: 0; }
&::-webkit-scrollbar-track { margin: 0.25rem; }
&::-webkit-scrollbar-thumb { background-color: var(--theme-bg-accent-color); }
&::-webkit-scrollbar-thumb { background-color: var(--scrollbar-bar-color); }
&.mask-none { mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 1); }
&.mask-left { mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 1rem); }
@ -487,12 +487,12 @@
// Basic component view.
.antiComponentBox {
padding: 0.5rem;
background-color: var(--theme-bg-accent-color);
border: 1px solid var(--theme-button-border-enabled);
background-color: var(--board-card-bg-color);
border: 1px solid var(--divider-color);
border-radius: .75rem;
&.antiComponentBoxFocused {
background-color: var(--theme-button-bg-focused);
background-color: var(--board-card-bg-hover);
}
}
@ -543,26 +543,26 @@
width: 2.25rem;
height: 2.25rem;
background-color: transparent;
border: 1px solid var(--theme-card-divider);
border: 1px solid var(--divider-color);
&.circle { border-radius: 50%; }
&.round-2 { border-radius: .5rem; }
& > .icon { color: var(--theme-content-trans-color); }
& > .icon { color: var(--dark-color); }
&.selected {
background-color: var(--theme-button-bg-focused);
border: none;
background-color: var(--button-bg-color);
border-color: transparent;
}
&:focus {
border: 1px solid var(--primary-button-focused-border);
border-color: var(--primary-button-focused-border);
box-shadow: 0 0 0 3px var(--primary-button-outline);
& > .icon { color: var(--theme-caption-color); }
& > .icon { color: var(--caption-color); }
}
}
&:hover .button {
background-color: var(--theme-button-bg-pressed);
border: 1px solid var(--theme-bg-accent-color);
& > .icon { color: var(--theme-caption-color); }
background-color: var(--button-bg-hover);
border-color: var(--button-border-hover);
& > .icon { color: var(--caption-color); }
}
.label {
@ -574,7 +574,7 @@
min-width: 0;
font-size: .75rem;
font-weight: 500;
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
.group {
@ -623,8 +623,8 @@
user-select: none;
min-width: 0;
&.selected { color: var(--theme-caption-color); }
&.not-selected { color: var(--theme-content-dark-color); }
&.selected { color: var(--caption-color); }
&.not-selected { color: var(--dark-color); }
&.highlight {
font-weight: 500;
font-size: 1rem;
@ -634,7 +634,7 @@
.divider {
font-weight: 500;
font-size: .75em;
color: var(--theme-content-dark-color);
color: var(--dark-color);
&.inter { font-size: 1em; }
}

4
packages/theme/styles/dialogs.scss
View File

@ -83,13 +83,13 @@
display: flex;
flex-direction: column;
margin: 0 1rem .75rem;
color: var(--theme-caption-color);
color: var(--caption-color);
flex-wrap: wrap;
&__separator {
margin: 1rem 0;
height: 1px;
background-color: var(--theme-card-divider);
background-color: var(--divider-color);
}
}

10
packages/theme/styles/global.scss
View File

@ -63,7 +63,7 @@
* {
box-sizing: border-box;
touch-action: manipulation;
scrollbar-color: var(--theme-menu-color) var(--theme-bg-color);
scrollbar-color: var(--body-accent) var(--board-bg-color);
scrollbar-width: none;
--body-font-size: .875rem;
--font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto;
@ -84,18 +84,18 @@
}
::-webkit-scrollbar-track, .panel-container .scroll .scroll::-webkit-scrollbar-track {
margin: 6px;
// background-color: var(--theme-scroll-bar);
// background-color: var(--scrollbar-bar-color);
}
::-webkit-scrollbar-thumb {
background-color: var(--theme-scroll-bar);
background-color: var(--scrollbar-bar-color);
border-radius: .25rem;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--theme-scroll-bar);
background-color: var(--scrollbar-bar-hover);
border-radius: .25rem;
}
::-webkit-scrollbar-corner {
background-color: var(--theme-scroll-bar);
background-color: var(--scrollbar-bar-color);
border-radius: .25rem;
}
.kanban-container .scroll::-webkit-scrollbar-track {

4
packages/theme/styles/panel.scss
View File

@ -27,7 +27,7 @@
.ac-header {
&.highlight { background-color: var(--accent-bg-color); }
&.divide { border-bottom: 1px solid var(--theme-card-divider); }
&.divide { border-bottom: 1px solid var(--divider-color); }
}
.ad-section-50 {
@ -37,7 +37,7 @@
min-height: 0;
width: 50%;
&.divide { border-right: 1px solid var(--theme-card-divider); }
&.divide { border-right: 1px solid var(--divider-color); }
}
.ad-tools {

18
packages/theme/styles/popups.scss
View File

@ -219,8 +219,8 @@
overflow-y: auto;
&::-webkit-scrollbar-track { margin: 0; }
&::-webkit-scrollbar-thumb {
background-color: var(--theme-bg-accent-color);
&:hover { background-color: var(--theme-menu-divider); }
background-color: var(--scrollbar-bar-color);
&:hover { background-color: var(--scrollbar-bar-hover); }
}
}
.ap-box {
@ -243,11 +243,11 @@
display: flex;
justify-content: center;
font-style: italic;
color: var(--theme-content-trans-color);
color: var(--dark-color);
cursor: default;
&:hover {
color: var(--theme-content-trans-color);
color: var(--dark-color);
background-color: transparent;
}
}
@ -324,7 +324,7 @@
flex-shrink: 0;
margin: 1rem 1rem .25rem;
font-weight: 500;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.ap-header {
margin: .25rem 1rem 0;
@ -343,19 +343,19 @@
.ap-categoryItem {
margin: .25rem;
color: var(--theme-content-trans-color);
color: var(--dark-color);
cursor: pointer;
&.selected {
color: var(--theme-content-accent-color) !important;
color: var(--accent-color) !important;
}
&:hover {
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
}
&::-webkit-scrollbar:horizontal { height: .125rem; }
&::-webkit-scrollbar-thumb { background-color: var(--theme-button-bg-hovered); }
&::-webkit-scrollbar-thumb { background-color: var(--scrollbar-bar-color); }
}
.ap-header {
margin: .25rem 1rem 0;

2
packages/ui/src/components/ActionIcon.svelte
View File

@ -60,7 +60,7 @@
border: 1px solid var(--primary-button-focused-border);
box-shadow: 0 0 0 3px var(--primary-button-outline);
.icon {
color: var(--theme-caption-color);
color: var(--caption-color);
opacity: 1;
}
}

4
packages/ui/src/components/CheckBoxList.svelte.txt
View File

@ -77,11 +77,11 @@
.icon { opacity: .6; }
.label {
margin-left: 1rem;
color: var(--theme-content-color);
color: var(--content-color);
}
&:hover {
.icon { opacity: 1; }
.label { color: var(--theme-caption-color); }
.label { color: var(--caption-color); }
}
}
}

6
packages/ui/src/components/CheckBoxWithLabel.svelte.txt
View File

@ -99,7 +99,7 @@
position: relative;
margin-left: 1rem;
width: 100%;
color: var(--theme-caption-color);
color: var(--caption-color);
.edit-item {
width: 100%;
@ -109,7 +109,7 @@
padding: .125rem;
font-family: inherit;
font-size: inherit;
color: var(--theme-caption-color);
color: var(--caption-color);
background-color: transparent;
border: .125rem solid transparent;
border-radius: .125rem;
@ -140,7 +140,7 @@
&.checked {
text-decoration: line-through;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
}
}

15
packages/ui/src/components/CircleButton.svelte
View File

@ -47,19 +47,26 @@
<style lang="scss">
.icon-button {
flex-shrink: 0;
color: var(--theme-caption-color);
border: 1px solid var(--theme-circle-border);
color: var(--caption-color);
border: 1px solid var(--trans-content-20);
border-radius: 50%;
cursor: pointer;
&:hover {
border-color: var(--button-border-hover);
}
.content {
pointer-events: none;
}
&.selected {
background-color: var(--theme-circle-select);
background-color: var(--menu-bg-select);
}
&.transparent {
background-color: var(--theme-circle-trans);
background-color: var(--menu-bg-select-trans);
&:hover {
background-color: var(--menu-bg-select);
}
}
&.primary {
color: var(--primary-button-color);

4
packages/ui/src/components/Dialog.svelte
View File

@ -74,7 +74,7 @@
height: 100vh;
min-height: 100vh;
max-height: 100vh;
background-color: var(--theme-bg-color);
background-color: var(--body-color);
border-radius: 1.875rem 0 0 1.875rem;
box-shadow: 0px 3.125rem 7.5rem rgba(0, 0, 0, 0.4);
@ -87,7 +87,7 @@
flex-grow: 1;
font-weight: 500;
font-size: 1.125rem;
color: var(--theme-caption-color);
color: var(--caption-color);
user-select: none;
}

1
packages/ui/src/components/EditWithIcon.svelte
View File

@ -43,6 +43,7 @@
}
</script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="flex-between editbox {size}" style={width ? 'width: ' + width : ''} on:click={() => textHTML.focus()}>
<div class="mr-2 icon"><Icon {icon} size={'small'} /></div>
<input bind:this={textHTML} type="text" bind:value placeholder={phTraslate} on:change on:input on:keydown />

3
packages/ui/src/components/ListView.svelte
View File

@ -19,6 +19,7 @@
export let selection: number = 0
export let count: number
export let addClass: string | undefined = undefined
export let noScroll: boolean = false
const refs: HTMLElement[] = []
@ -60,7 +61,7 @@
{#if count}
<div
class="list-container flex-col flex-grow"
style:overflow={'auto'}
style:overflow={noScroll ? 'visible' : 'auto'}
use:resizeObserver={() => {
dispatch('changeContent')
}}

6
packages/ui/src/components/MultiProgress.svelte
View File

@ -71,16 +71,18 @@
position: relative;
width: 100%;
height: 1.5rem;
background-color: var(--theme-bg-accent-hover);
background-color: var(--board-bg-color);
border: 1px solid var(--accent-bg-color);
border-radius: 0.25rem;
.bar {
position: absolute;
display: flex;
align-items: center;
top: 0;
left: 0;
height: 100%;
padding-left: 0.5rem;
padding-top: 0.125rem;
&.first {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;

7
packages/ui/src/components/PopupMenu.svelte
View File

@ -107,11 +107,10 @@
display: flex;
flex-direction: column;
padding: 1rem;
color: var(--theme-caption-color);
background-color: var(--theme-button-bg-hovered);
border: 1px solid var(--theme-button-border-enabled);
color: var(--caption-color);
background-color: var(--popup-bg-color);
border-radius: 0.75rem;
box-shadow: 0px 1.25rem 3.75rem rgba(0, 0, 0, 0.6);
box-shadow: var(--popup-shadow);
user-select: none;
z-index: 10;
}

2
packages/ui/src/components/Progress.svelte
View File

@ -47,7 +47,7 @@
position: relative;
width: 100%;
height: 0.25rem;
background-color: var(--theme-bg-accent-hover);
background-color: var(--trans-content-10);
border-radius: 0.125rem;
.bar {

5
packages/ui/src/components/Section.svelte
View File

@ -25,6 +25,7 @@
export let closed: boolean = false
</script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="flex-row-center section-container"
on:click|preventDefault={() => {
@ -52,7 +53,7 @@
flex-grow: 1;
margin-left: 0.75rem;
font-weight: 500;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.arrow {
margin: 0.5rem;
@ -64,6 +65,6 @@
}
:global(.section-container + .section-container),
:global(.section-content + .section-container) {
border-top: 1px solid var(--theme-menu-divider);
border-top: 1px solid var(--divider-color);
}
</style>

2
packages/ui/src/components/Status.svelte
View File

@ -22,7 +22,7 @@
.container {
user-select: none;
font-size: 14px;
color: var(--theme-content-color);
color: var(--content-color);
&.WARNING {
color: yellow;
}

19
packages/ui/src/components/StepsDialog.svelte
View File

@ -92,7 +92,7 @@
<svelte:fragment slot="title">
{@const additionalStepInfo = currentStepModel?.additionalInfo}
<div class="popupPanel-title__content-container antiTitle">
<div class="popupPanel-title__content-container antiTitle" style:min-height={'2.5rem'}>
<div class="icon-wrapper">
{#if icon}<div class="wrapped-icon"><Icon {icon} size="medium" /></div>{/if}
<div class="title-wrapper">
@ -217,30 +217,31 @@
}
&.selected {
color: var(--theme-content-accent-color);
color: var(--accent-color);
background-color: var(--noborder-bg-color);
cursor: default;
&::before {
color: var(--theme-content-accent-color);
color: var(--accent-color);
background-color: var(--primary-bg-color);
}
}
&.fulfilled {
background-color: var(--theme-bg-accent-color);
background-color: var(--accent-bg-color);
&::before {
background-color: #5e6ad255;
background-color: var(--primary-button-outline);
}
}
&.disabled {
color: var(--theme-content-trans-color);
color: var(--dark-color);
cursor: not-allowed;
&::before {
color: var(--theme-content-trans-color);
color: var(--dark-color);
background-color: var(--trans-content-05);
}
&:hover {
@ -255,8 +256,8 @@
align-items: center;
margin-right: 1rem;
content: counter(item);
color: var(--theme-content-color);
background-color: var(--theme-bg-focused-color);
color: var(--content-color);
background-color: var(--trans-content-10);
border-radius: 100%;
width: 2rem;
height: 2rem;

12
packages/ui/src/components/StylishEdit.svelte
View File

@ -72,12 +72,14 @@
padding: 0;
min-width: 3rem;
height: 3.25rem;
background-color: var(--theme-bg-accent-color);
border: 1px solid var(--theme-bg-accent-hover);
background-color: var(--accent-bg-color);
border: 1px solid var(--button-border-color);
border-radius: 0.75rem;
caret-color: var(--caret-color);
&:focus-within {
background-color: var(--theme-bg-focused-color);
border-color: var(--theme-bg-focused-border);
background-color: var(--body-accent);
border-color: var(--button-border-hover);
}
input {
height: 3.25rem;
@ -96,7 +98,7 @@
top: 1rem;
left: 1.25rem;
font-size: 0.75rem;
color: var(--theme-caption-color);
color: var(--caption-color);
opacity: 0.3;
transition: top 200ms;
pointer-events: none;

11
packages/ui/src/components/Tabs.svelte
View File

@ -59,20 +59,23 @@
margin-bottom: 0.5rem;
width: 100%;
height: 4.5rem;
border-bottom: 1px solid var(--theme-menu-divider);
border-bottom: 1px solid var(--divider-color);
.tab {
height: 4.5rem;
color: var(--theme-content-trans-color);
color: var(--dark-color);
cursor: pointer;
user-select: none;
&.selected {
border-top: 0.125rem solid transparent;
border-bottom: 0.125rem solid var(--theme-caption-color);
color: var(--theme-caption-color);
border-bottom: 0.125rem solid var(--caption-color);
color: var(--caption-color);
cursor: default;
}
&:not(.selected):hover {
color: var(--accent-color);
}
}
.tab + .tab {
margin-left: 2.5rem;

6
packages/ui/src/components/TextArea.svelte
View File

@ -65,7 +65,7 @@
margin-bottom: 0.25rem;
font-size: 0.75rem;
font-weight: 500;
color: var(--theme-content-accent-color);
color: var(--accent-color);
pointer-events: none;
user-select: none;
}
@ -78,7 +78,7 @@
font-family: inherit;
font-size: inherit;
line-height: 150%;
color: var(--theme-caption-color);
color: var(--caption-color);
background-color: transparent;
border: 2px solid transparent;
border-radius: 0.125rem;
@ -90,7 +90,7 @@
border-color: var(--primary-button-enabled);
}
&::placeholder {
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
}
}

4
packages/ui/src/components/ToggleWithLabel.svelte
View File

@ -47,12 +47,12 @@
<style lang="scss">
.caption {
margin-right: 1rem;
color: var(--theme-caption-color);
color: var(--caption-color);
user-select: none;
span {
display: block;
font-size: 0.75rem;
color: var(--theme-content-trans-color);
color: var(--dark-color);
}
}
</style>

2
packages/ui/src/components/calendar/DatePopup.svelte
View File

@ -365,7 +365,7 @@
max-height: calc(100vh - 2rem);
width: max-content;
height: max-content;
color: var(--theme-caption-color);
color: var(--caption-color);
background: var(--board-card-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.5rem;

3
packages/ui/src/components/calendar/DateRangePopup.svelte
View File

@ -82,6 +82,7 @@
<Scroller>
{#each shiftValues as value}
{#if typeof value === 'number'}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="btn"
on:click={() => {
@ -115,7 +116,7 @@
top: 1rem;
right: calc(100% - 0.5rem);
bottom: 1rem;
height: fit-content;
// height: fit-content;
width: fit-content;
width: 12rem;
min-width: 12rem;

2
packages/ui/src/components/calendar/Month.svelte
View File

@ -126,7 +126,7 @@
min-height: 0;
width: 100%;
height: 100%;
color: var(--theme-caption-color);
color: var(--caption-color);
.header {
display: flex;

3
packages/ui/src/components/calendar/MonthCalendar.svelte
View File

@ -46,6 +46,7 @@
{@const date = weekday(firstDayOfCurrentMonth, weekIndex, dayOfWeek)}
<div style={`grid-column-start: ${dayOfWeek + 1}; grid-row-start: ${weekIndex + 1}`}>
<div style={`display: flex; width: 100%; height: ${cellHeight ? `${cellHeight};` : '100%;'}`}>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="cell flex-center"
class:weekend={isWeekend(date)}
@ -87,7 +88,7 @@
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.weekend {
background-color: var(--theme-bg-accent-color);
background-color: var(--button-bg-color);
}
.cell {
height: calc(100% - 5px);

2
packages/ui/src/components/calendar/MonthSquare.svelte
View File

@ -118,7 +118,7 @@
min-height: 0;
width: 100%;
height: 100%;
color: var(--theme-caption-color);
color: var(--caption-color);
.header {
display: flex;

2
packages/ui/src/components/icons/Calendar.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts">
export let size: 'small' | 'medium' | 'large'
const fill: string = 'var(--theme-caption-color)'
const fill: string = 'var(--caption-color)'
</script>
<svg class="svg-{size}" {fill} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

2
packages/ui/src/components/wizard/Wizard.svelte
View File

@ -45,7 +45,7 @@
positionState={selected === i ? 'current' : i < selected ? 'prev' : 'next'}
prevColor={getPlatformColor(COLOR)}
currentColor={getPlatformColor(COLOR)}
nextColor="var(--theme-bg-focused-color)"
nextColor="var(--trans-content-10)"
/>
{/each}
</ScrollerBar>

6
packages/ui/src/components/wizard/WizardStep.svelte
View File

@ -21,9 +21,9 @@
export let label: IntlString
export let position: WizardItemPosition
export let positionState: WizardItemPositionState
export let currentColor = 'var(--theme-bg-focused-color)'
export let prevColor = 'var(--theme-bg-focused-color)'
export let nextColor = 'var(--theme-bg-accent-color)'
export let currentColor = 'var(--trans-content-10)'
export let prevColor = 'var(--trans-content-10)'
export let nextColor = 'var(--trans-content-05)'
let lenght: number = 0
let text: HTMLElement

4
plugins/activity-resources/src/components/TxViewTx.svelte
View File

@ -53,8 +53,8 @@
padding: 0.5rem;
min-width: 0;
color: var(--accent-color);
background: var(--theme-bg-accent-color);
border: 1px solid var(--theme-bg-accent-color);
background: var(--accent-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.75rem;
}
</style>

20
plugins/attachment-resources/src/components/AttachmentGalleryPresenter.svelte
View File

@ -49,12 +49,14 @@
<div class="gridCellOverlay">
<div class="gridCell">
{#if isImage(value.type)}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="cellImagePreview" on:click={openAttachment}>
<img class={'img-fit'} src={getFileUrl(value.file)} alt={value.name} />
</div>
{:else}
<div class="cellMiscPreview">
{#if isPDF(value.type)}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="flex-center extensionIcon" on:click={openAttachment}>
{extensionIconLabel(value.name)}
</div>
@ -68,6 +70,7 @@
<div class="cellInfo">
{#if isEmbedded(value.type)}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="flex-center extensionIcon" on:click={openAttachment}>
{extensionIconLabel(value.name)}
</div>
@ -78,6 +81,7 @@
{/if}
<div class="eCellInfoData">
{#if isEmbedded(value.type)}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="eCellInfoFilename" on:click={openAttachment}>
{trimFilename(value.name)}
</div>
@ -96,7 +100,7 @@
<style lang="scss">
.gridCellOverlay {
position: relative;
padding: 0.25rem;
padding: 0.5rem;
}
.gridCell {
@ -107,7 +111,7 @@
border-radius: 0.75rem;
justify-content: space-between;
overflow: hidden;
border: 1px solid var(--theme-button-border-hovered);
border: 1px solid var(--divider-color);
}
.cellImagePreview {
@ -115,7 +119,7 @@
justify-content: center;
height: 10rem;
overflow: hidden;
background-color: var(--theme-menu-color);
background-color: var(--body-color);
cursor: pointer;
}
@ -135,7 +139,7 @@
.cellInfo {
display: flex;
flex-direction: row;
border: 1px solid var(--theme-button-border-hovered);
border-top: 1px solid var(--divider-color);
padding: 0.75rem;
height: 4rem;
align-items: center;
@ -155,14 +159,14 @@
.eCellInfoFilename {
font-weight: 500;
color: var(--theme-content-accent-color);
color: var(--accent-color);
white-space: nowrap;
cursor: pointer;
}
.eCellInfoFilesize {
font-size: 0.75rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
}
@ -187,7 +191,7 @@
.cellMiscPreview:hover + .cellInfo .eCellInfoFilename a // not embedded on preview hover
{
text-decoration: underline;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.eCellInfoFilename:active,
.extensionIcon:active + .eCellInfoData > .eCellInfoFilename, // embedded on extension hover
@ -197,6 +201,6 @@
.cellMiscPreview:active + .cellInfo .eCellInfoFilename a // not embedded on preview hover
{
text-decoration: underline;
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
</style>

8
plugins/attachment-resources/src/components/AttachmentPresenter.svelte
View File

@ -144,26 +144,26 @@
.name {
white-space: nowrap;
font-weight: 500;
color: var(--theme-content-accent-color);
color: var(--accent-color);
cursor: pointer;
}
.type {
white-space: nowrap;
font-size: 0.75rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.name:hover,
.icon:hover + .info > .name,
.no-line:hover + .info > .name a {
text-decoration: underline;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.name:active,
.icon:active + .info > .name,
.no-line:active + .info > .name a {
text-decoration: underline;
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
</style>

2
plugins/attachment-resources/src/components/AttachmentRefInput.svelte
View File

@ -301,7 +301,7 @@
<style lang="scss">
.list {
padding: 0.5rem;
color: var(--theme-caption-color);
color: var(--caption-color);
overflow-x: auto;
overflow-y: hidden;
background-color: var(--accent-bg-color);

2
plugins/attachment-resources/src/components/AttachmentStyledBox.svelte
View File

@ -331,7 +331,7 @@
margin-top: 0.5rem;
padding: 0.5rem;
min-width: 0;
color: var(--theme-caption-color);
color: var(--caption-color);
overflow-x: auto;
overflow-y: hidden;
background-color: var(--accent-bg-color);

3
plugins/attachment-resources/src/components/AttachmentsGalleryView.svelte
View File

@ -52,6 +52,7 @@
<div class="galleryGrid">
{#each attachments as attachment, i}
<div class="attachmentCell" class:fixed={i === selectedFileNumber}>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<AttachmentGalleryPresenter value={attachment}>
<svelte:fragment slot="rowMenu">
<div class="eAttachmentCellActions" class:fixed={i === selectedFileNumber}>
@ -80,7 +81,7 @@
display: flex;
visibility: hidden;
padding: 0.5rem;
border: 1px solid var(--theme-button-border-hovered);
border: 1px solid var(--divider-color);
border-radius: 0.25rem;
background-color: var(--board-bg-color);
}

3
plugins/attachment-resources/src/components/AttachmentsListView.svelte
View File

@ -59,6 +59,7 @@
<a href={getFileUrl(attachment.file)} download={attachment.name}>
<Icon icon={FileDownload} size={'small'} />
</a>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="eAttachmentRowMenu" on:click={(event) => showFileMenu(event, attachment, i)}>
<IconMoreV size={'small'} />
</div>
@ -73,7 +74,7 @@
align-items: center;
margin: 0.5rem 1.5rem;
padding: 0.5rem;
border: 1px solid var(--theme-button-border-hovered);
border: 1px solid var(--divider-color);
border-radius: 0.5rem;
.eAttachmentRowActions {

8
plugins/attachment-resources/src/components/AudioPlayer.svelte
View File

@ -46,10 +46,10 @@
<style lang="scss">
.container {
background-color: var(--theme-bg-accent-color);
border: 1px solid var(--theme-bg-accent-color);
border-radius: 0.75rem;
width: 20rem;
padding: 0.5rem;
width: 20rem;
background-color: var(--accent-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.75rem;
}
</style>

2
plugins/attachment-resources/src/components/FileBrowser.svelte
View File

@ -179,7 +179,7 @@
.eGroupHeaderCount {
font-size: 0.75rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
</style>

7
plugins/attachment-resources/src/components/Photos.svelte
View File

@ -135,6 +135,7 @@
on:drop|preventDefault|stopPropagation={fileDrop}
>
{#each images as image (image._id)}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="item flex-center"
on:click={(ev) => {
@ -144,6 +145,7 @@
<img src={getFileUrl(image.file)} alt={image.name} />
</div>
{/each}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="flex-center item new-item" on:click={click}>
<UploadDuo size={'large'} />
</div>
@ -156,6 +158,7 @@
min-width: 5rem;
height: 5rem;
color: var(--accent-color);
border: 1px solid var(--dark-color);
border-radius: 0.5rem;
overflow: hidden;
cursor: pointer;
@ -170,7 +173,7 @@
}
.new-item {
background: var(--theme-bg-accent-color);
border: 1px dashed var(--theme-zone-border-lite);
background: var(--accent-bg-color);
border: 1px dashed var(--dark-color);
}
</style>

2
plugins/chunter-resources/src/components/ChannelSeparator.svelte
View File

@ -33,7 +33,7 @@
position: relative;
width: 100%;
height: 1px;
background-color: var(--theme-dialog-divider);
background-color: var(--divider-color);
}
.new {
.line {

6
plugins/chunter-resources/src/components/Comment.svelte
View File

@ -45,19 +45,19 @@
font-weight: 500;
font-size: 1rem;
line-height: 150%;
color: var(--theme-caption-color);
color: var(--caption-color);
span {
margin-left: 0.5rem;
font-weight: 400;
font-size: 0.875rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
}
.text {
line-height: 150%;
color: var(--theme-content-color);
color: var(--content-color);
}
}
</style>

6
plugins/chunter-resources/src/components/DateSeparator.svelte
View File

@ -48,7 +48,7 @@
font-size: 0.75rem;
letter-spacing: 0.5;
text-transform: uppercase;
color: var(--theme-content-trans-color);
color: var(--dark-color);
z-index: 1;
&::before {
@ -59,7 +59,7 @@
width: 100%;
height: 100%;
border-radius: 1.25rem;
background-color: var(--theme-chat-divider);
background-color: var(--divider-color);
z-index: -1;
}
}
@ -74,7 +74,7 @@
left: 0;
width: 100%;
height: 1px;
background-color: var(--theme-chat-divider);
background-color: var(--divider-color);
}
}
}

24
plugins/chunter-resources/src/components/EditChannelDescriptionAttachments.svelte
View File

@ -85,6 +85,7 @@
<a href={getFileUrl(attachment.file)} download={attachment.name}>
<Icon icon={FileDownload} size={'small'} />
</a>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div id="context-menu" class="eAttachmentRowMenu" on:click={(event) => showMenu(event, attachment, i)}>
<IconMoreV size={'small'} />
</div>
@ -92,6 +93,7 @@
</div>
{/each}
{#if visibleAttachments.length < totalAttachments}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="showMoreAttachmentsButton"
on:click={() => {
@ -114,24 +116,24 @@
<style lang="scss">
.group {
border: 1px solid var(--theme-button-border-hovered);
border-radius: 12px;
padding: 16px 0;
padding: 1rem 0;
border: 1px solid var(--divider-color);
border-radius: 0.75rem;
}
.eGroupTitle {
margin: 0 20px 8px 20px;
margin: 0 1.25rem 0.5rem;
display: flex;
font-weight: 500;
font-size: 1rem;
color: var(--theme-caption-color);
color: var(--caption-color);
justify-content: space-between;
}
.showMoreAttachmentsButton {
margin-left: 20px;
margin-top: 8px;
color: var(--theme-caption-color);
margin-left: 1.5rem;
margin-top: 0.5rem;
color: var(--caption-color);
cursor: pointer;
&:hover {
text-decoration: underline;
@ -142,13 +144,13 @@
display: flex;
align-items: center;
padding-right: 1rem;
margin: 0 20px;
padding: 5px 0;
margin: 0 1.5rem;
padding: 0.375rem 0;
.eAttachmentRowActions {
display: flex;
visibility: hidden;
border: 1px solid var(--theme-bg-focused-border);
border: 1px solid var(--divider-color);
padding: 0.2rem;
border-radius: 0.375em;
}

5
plugins/chunter-resources/src/components/JumpToDateSelector.svelte
View File

@ -16,6 +16,7 @@
</script>
<div id={fixed ? '' : time?.toString()} class="flex justify-center mt-5 pr-1 dateSelector">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
bind:this={div}
class="mb-1 p-1 border-radius-2 over-underline dateSelectorButton"
@ -44,13 +45,13 @@
<style lang="scss">
.dateSelector {
&:not(:first-child) {
border-top: 1px solid var(--theme-dialog-divider);
border-top: 1px solid var(--divider-color);
}
}
.dateSelectorButton {
margin-top: -1rem;
border: 1px solid var(--theme-dialog-divider);
background-color: var(--body-color);
border: 1px solid var(--divider-color);
}
</style>

2
plugins/chunter-resources/src/components/Message.svelte
View File

@ -360,7 +360,7 @@
font-weight: 500;
font-size: 1rem;
line-height: 150%;
color: var(--theme-caption-color);
color: var(--caption-color);
margin-bottom: 0.25rem;
span {

2
plugins/chunter-resources/src/components/PinnedMessagesPopup.svelte
View File

@ -84,7 +84,7 @@
.popup {
padding: 1.25rem 1.25rem 1.25rem;
max-height: 20rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.message {

11
plugins/chunter-resources/src/components/Replies.svelte
View File

@ -47,6 +47,7 @@
}
</script>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="flex-row-center container cursor-pointer" on:click>
<div class="flex-row-center">
{#each showReplies as reply}
@ -78,7 +79,7 @@
display: flex;
justify-content: center;
align-items: center;
background-color: var(--theme-bg-color);
background-color: var(--body-color);
border-radius: 50%;
span {
@ -90,8 +91,8 @@
font-size: 0.75rem;
font-weight: 500;
line-height: 0.5;
color: var(--theme-caption-color);
background-color: var(--theme-bg-selection);
color: var(--caption-color);
background-color: var(--body-accent);
border-radius: 50%;
}
}
@ -101,8 +102,8 @@
}
&:hover {
border: 1px solid var(--theme-button-border-hovered);
background-color: var(--theme-bg-color);
border: 1px solid var(--button-border-hover);
background-color: var(--body-color);
}
}
</style>

5
plugins/chunter-resources/src/components/Thread.svelte
View File

@ -186,6 +186,7 @@
{#if parent}
<MsgView message={parent} thread {savedAttachmentsIds} />
{#if total > comments.length}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="label pb-2 pt-2 pl-8 over-underline"
on:click={() => {
@ -214,9 +215,9 @@
.content {
overflow: hidden;
margin: 1rem 1rem 0px;
background-color: var(--theme-border-modal);
background-color: var(--board-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.75rem;
border: 1px solid var(--theme-zone-border);
}
.label:hover {

3
plugins/chunter-resources/src/components/ThreadView.svelte
View File

@ -181,6 +181,7 @@
<div class="header">
<div class="title"><Label label={chunter.string.Thread} /></div>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="tool"
on:click={() => {
@ -234,7 +235,7 @@
flex-grow: 1;
font-weight: 500;
font-size: 1.25rem;
color: var(--theme-caption-color);
color: var(--caption-color);
user-select: none;
}
.tool {

2
plugins/chunter-resources/src/components/icons/Close.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts">
export let size: 'small' | 'medium' | 'large'
const fill: string = 'var(--theme-caption-color)'
const fill: string = 'var(--caption-color)'
</script>
<svg class="svg-{size}" viewBox="0 0 24 24" {fill} xmlns="http://www.w3.org/2000/svg">

5
plugins/contact-resources/src/components/ChannelsPopup.svelte
View File

@ -39,6 +39,7 @@
<div class="text-sm font-medium"><Label label={value.label} /></div>
<div class="overflow-label">{value.value}</div>
</div>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="button" on:click|preventDefault={copyLink}>
<IconCopy size={'small'} />
</div>
@ -48,10 +49,10 @@
.button {
flex-shrink: 0;
margin-left: 1.5rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
cursor: pointer;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
</style>

2
plugins/contact-resources/src/components/EditEmployee.svelte
View File

@ -182,7 +182,7 @@
.name {
font-weight: 500;
font-size: 1.25rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.location {
margin-top: 0.25rem;

2
plugins/contact-resources/src/components/EditOrganization.svelte
View File

@ -89,7 +89,7 @@
.name {
font-weight: 500;
font-size: 1.25rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.separator {
margin: 1rem 0;

2
plugins/contact-resources/src/components/EditPerson.svelte
View File

@ -136,7 +136,7 @@
.name {
font-weight: 500;
font-size: 1.25rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.location {
margin-top: 0.25rem;

5
plugins/contact-resources/src/components/EmployeeAccountPresenter.svelte
View File

@ -38,6 +38,7 @@
</script>
{#if value}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="flex-row-center" class:user-container={employee !== undefined} on:click={onClick}>
{#if employee}
<Avatar size={'x-small'} avatar={employee.avatar} />
@ -56,11 +57,11 @@
margin-left: 0.5rem;
font-weight: 500;
text-align: left;
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
&:hover .user {
text-decoration: underline;
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
</style>

5
plugins/contact-resources/src/components/OrganizationCard.svelte
View File

@ -28,6 +28,7 @@
<Avatar avatar={organization.avatar} size={'large'} icon={contact.icon.Company} />
</div>
{#if organization}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="name lines-limit-2"
class:over-underline={!disabled}
@ -79,13 +80,13 @@
margin-bottom: 1.75rem;
font-weight: 500;
font-size: 0.625rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.name {
margin: 1rem 0 0.25rem;
font-weight: 500;
font-size: 1rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
}
</style>

6
plugins/contact-resources/src/components/PersonCard.svelte
View File

@ -96,17 +96,17 @@
margin-bottom: 1.75rem;
font-weight: 500;
font-size: 0.625rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.name {
margin: 1rem 0 0.25rem;
font-weight: 500;
font-size: 1rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.description {
font-size: 0.75rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.footer {
margin-top: 1.5rem;

9
plugins/contact-resources/src/components/SocialEditor.svelte
View File

@ -84,11 +84,10 @@
width: 17rem;
max-width: 17rem;
height: 22rem;
color: var(--theme-caption-color);
background-color: var(--theme-button-bg-hovered);
border: 1px solid var(--theme-button-border-enabled);
color: var(--caption-color);
background-color: var(--popup-bg-color);
border-radius: 0.75rem;
box-shadow: 0px 1.25rem 3.75rem rgba(0, 0, 0, 0.6);
box-shadow: var(--popup-shadow);
&-block {
display: grid;
@ -98,7 +97,7 @@
span {
font-weight: 600;
font-size: 0.625rem;
color: var(--theme-caption-color);
color: var(--caption-color);
text-transform: uppercase;
}
}

2
plugins/contact-resources/src/components/icons/Edit.svelte
View File

@ -15,7 +15,7 @@
-->
<script lang="ts">
export let size: 'small' | 'medium' | 'large'
const fill: string = 'var(--theme-caption-color)'
const fill: string = 'var(--caption-color)'
</script>
<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

2
plugins/contact-resources/src/components/icons/ExpandRightDouble.svelte
View File

@ -14,7 +14,7 @@
// limitations under the License.
-->
<script lang="ts">
const fill: string = 'var(--theme-content-dark-color)'
const fill: string = 'var(--dark-color)'
</script>
<svg class="svg-expand" {fill} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">

8
plugins/devmodel-resources/src/components/ModelView.svelte
View File

@ -76,14 +76,14 @@
height: 2.5rem;
font-weight: 500;
font-size: 0.75rem;
color: var(--theme-content-dark-color);
box-shadow: inset 0 -1px 0 0 var(--theme-bg-focused-color);
color: var(--dark-color);
box-shadow: inset 0 -1px 0 0 var(--trans-content-10);
user-select: none;
}
.tr-body {
height: 3.25rem;
color: var(--theme-caption-color);
border-bottom: 1px solid var(--theme-button-border-hovered);
color: var(--caption-color);
border-bottom: 1px solid var(--divider-color);
}
</style>

12
plugins/document-resources/src/components/EditDoc.svelte
View File

@ -552,7 +552,7 @@
<style lang="scss">
.description-preview {
color: var(--theme-content-color);
color: var(--content-color);
line-height: 150%;
// overflow: auto;
}
@ -579,8 +579,14 @@
}
.emphasized {
padding: 1rem;
background-color: var(--theme-bg-accent-color);
border: 1px solid var(--theme-bg-accent-hover);
background-color: var(--body-color);
border: 1px solid var(--divider-color);
border-radius: 0.5rem;
transition: border-color 0.1s var(--timing-main), box-shadow 0.1s var(--timing-main);
&:focus-within {
border-color: var(--primary-button-focused-border);
box-shadow: 0 0 0 3px var(--primary-button-outline);
}
}
</style>

2
plugins/document-resources/src/components/icons/Edit.svelte
View File

@ -15,7 +15,7 @@
-->
<script lang="ts">
export let size: 'small' | 'medium' | 'large'
const fill: string = 'var(--theme-caption-color)'
const fill: string = 'var(--caption-color)'
</script>
<svg class="svg-{size}" {fill} viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

10
plugins/gmail-resources/src/components/Connect.svelte
View File

@ -49,6 +49,7 @@
<div class="card">
<div class="flex-between header">
<div class="overflow-label fs-title"><Label label={gmail.string.ConnectGmai} /></div>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="tool"
on:click={() => {
@ -74,10 +75,9 @@
width: 20rem;
min-width: 20rem;
max-width: 20rem;
background-color: var(--theme-tooltip-color);
border: 1px solid var(--theme-bg-accent-color);
background-color: var(--popup-bg-hover);
border-radius: 0.75rem;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: var(--popup-shadow);
.header {
flex-shrink: 0;
@ -86,10 +86,10 @@
.tool {
cursor: pointer;
&:hover {
color: var(--theme-caption-color);
color: var(--caption-color);
}
&:active {
color: var(--theme-content-accent-color);
color: var(--accent-color);
}
}
}

2
plugins/gmail-resources/src/components/FullMessage.svelte
View File

@ -103,7 +103,7 @@
<style lang="scss">
.list {
padding: 0.5rem;
color: var(--theme-caption-color);
color: var(--caption-color);
overflow-x: auto;
overflow-y: hidden;
background-color: var(--accent-bg-color);

5
plugins/gmail-resources/src/components/FullMessagePopup.svelte
View File

@ -73,9 +73,8 @@
.popup {
padding: 1rem;
max-height: calc(100vh - 4rem);
background-color: var(--theme-button-bg-focused);
border: 1px solid var(--theme-button-border-enabled);
background-color: var(--popup-bg-hover);
border-radius: 0.75rem;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: var(--popup-shadow);
}
</style>

2
plugins/gmail-resources/src/components/NewMessage.svelte
View File

@ -224,7 +224,7 @@
<style lang="scss">
.list {
padding: 0.5rem;
color: var(--theme-caption-color);
color: var(--caption-color);
overflow-x: auto;
overflow-y: hidden;
background-color: var(--accent-bg-color);

2
plugins/gmail-resources/src/components/NewMessages.svelte
View File

@ -329,7 +329,7 @@
<style lang="scss">
.list {
padding: 0.5rem;
color: var(--theme-caption-color);
color: var(--caption-color);
overflow-x: auto;
overflow-y: hidden;
background-color: var(--accent-bg-color);

4
plugins/gmail-resources/src/components/SharedMessages.svelte
View File

@ -36,8 +36,8 @@
<style lang="scss">
.container {
padding: 1rem;
background-color: var(--theme-bg-accent-color);
border: 1px solid var(--theme-bg-accent-color);
background-color: var(--accent-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.75rem;
}
</style>

12
plugins/hr-resources/src/components/DepartmentCard.svelte
View File

@ -97,6 +97,7 @@
</script>
<div class="flex-center w-full px-4">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div
class="w-full mt-2 mb-2 container flex"
class:cursor-pointer={currentDescendants.length}
@ -123,10 +124,10 @@
>
<div class="flex-center">
<div class="mr-2">
<Button icon={IconAdd} kind={'link-bordered'} on:click={createChild} />
<Button icon={IconAdd} kind={'list'} on:click={createChild} />
</div>
<Avatar size={'medium'} avatar={value.avatar} icon={hr.icon.Department} />
<div class="flex-row ml-2">
<div class="flex-row ml-2 mr-4">
<div class="fs-title">
{value.name}
</div>
@ -161,15 +162,16 @@
<style lang="scss">
.container {
background-color: var(--board-card-bg-color);
background-color: var(--noborder-bg-color);
border: 1px solid transparent;
border-radius: 0.5rem;
&:hover {
background-color: var(--board-card-bg-hover);
background-color: var(--noborder-bg-hover);
cursor: pointer;
}
&.dragging {
border: 1px solid var(--theme-bg-focused-color);
border-color: var(--divider-color);
}
}
</style>

2
plugins/hr-resources/src/components/EditDepartment.svelte
View File

@ -102,7 +102,7 @@
.name {
font-weight: 500;
font-size: 1.25rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.separator {
margin: 1rem 0;

7
plugins/hr-resources/src/components/schedule/MonthView.svelte
View File

@ -321,20 +321,21 @@
border: none;
color: var(--caption-color);
&.today {
background-color: var(--theme-bg-accent-hover);
background-color: var(--primary-button-disabled);
}
&.summary {
font-weight: 600;
}
&.weekend:not(.today) {
background-color: var(--theme-bg-accent-color);
background-color: var(--accent-bg-color);
}
}
td:not(:last-child) {
border-right: 1px solid var(--divider-color);
}
tbody {
tbody,
tfoot {
tr {
border-bottom: 1px solid var(--divider-color);
}

2
plugins/hr-resources/src/components/schedule/YearView.svelte
View File

@ -184,7 +184,7 @@
border: none;
color: var(--caption-color);
&.today {
background-color: var(--theme-bg-accent-hover);
background-color: var(--primary-button-disabled);
}
&.summary {
font-weight: 600;

8
plugins/inventory-resources/src/components/HierarchyElement.svelte
View File

@ -53,6 +53,7 @@
<td>
<div class="firstCell" {style}>
{#if descendants.has(object._id)}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="expand" on:click={() => click(object._id)}>
{#if expanded.has(object._id)}
<Expand size={'small'} />
@ -66,6 +67,7 @@
value={getObjectValue(attribute.key, object) ?? ''}
{...attribute.props}
/>
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="menuRow" on:click={(ev) => showMenu(ev, object)}><IconMoreV size={'small'} /></div>
</div>
</td>
@ -119,8 +121,8 @@
.tr-body {
height: 3.25rem;
color: var(--theme-caption-color);
border-bottom: 1px solid var(--theme-button-border-hovered);
color: var(--caption-color);
border-bottom: 1px solid var(--divider-color);
&:hover .firstCell .menuRow {
visibility: visible;
}
@ -128,7 +130,7 @@
border-bottom: none;
}
&:hover {
background-color: var(--theme-table-bg-hover);
background-color: var(--highlight-hover);
}
}
</style>

4
plugins/inventory-resources/src/components/HierarchyView.svelte
View File

@ -96,8 +96,8 @@
height: 2.5rem;
font-weight: 500;
font-size: 0.75rem;
color: var(--theme-content-dark-color);
box-shadow: inset 0 -1px 0 0 var(--theme-bg-focused-color);
color: var(--dark-color);
box-shadow: inset 0 -1px 0 0 var(--divider-color);
user-select: none;
z-index: 5;
padding: 0.5rem 1.5rem;

6
plugins/login-resources/src/components/Form.svelte
View File

@ -182,7 +182,7 @@
.title {
font-weight: 600;
font-size: 1.5rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.status {
min-height: 7.5rem;
@ -210,13 +210,13 @@
.footer {
margin-top: 3.5rem;
font-size: 0.8rem;
color: var(--theme-caption-color);
color: var(--caption-color);
span {
opacity: 0.3;
}
a {
text-decoration: none;
color: var(--theme-caption-color);
color: var(--caption-color);
opacity: 0.8;
&:hover {
opacity: 1;

2
plugins/login-resources/src/components/Intro.svelte
View File

@ -81,7 +81,7 @@
font-weight: 400;
font-size: 0.8rem;
text-align: center;
color: var(--theme-caption-color);
color: var(--caption-color);
opacity: 0.8;
}
}

51
plugins/login-resources/src/components/InviteLink.svelte
View File

@ -25,7 +25,8 @@
Loading,
locationToUrl,
MiniToggle,
ticker
ticker,
Grid
} from '@hcengineering/ui'
import { createEventDispatcher } from 'svelte'
import login from '../plugin'
@ -115,19 +116,18 @@
</script>
<div class="antiPopup popup">
<div class="flex-between fs-title mb-2">
<div class="flex-between fs-title mb-9">
<Label label={login.string.InviteDescription} />
<InviteWorkspace size="large" />
<InviteWorkspace size={'large'} />
</div>
{#if isOwnerOrMaintainer}
<div class="mb-2">
<Grid column={1} rowGap={1.5}>
<MiniToggle
bind:on={useDefault}
label={login.string.UseWorkspaceInviteSettings}
on:click={() => setToDefault()}
/>
{#if !useDefault}
<div class="mt-2">
<EditBox
label={login.string.LinkValidHours}
bind:value={expHours}
@ -135,21 +135,14 @@
on:keypress={() => (link = undefined)}
disabled={useDefault || !isOwnerOrMaintainer}
/>
</div>
<div class="mt-2">
<EditBox
label={login.string.EmailMask}
bind:value={emailMask}
on:keypress={() => (link = undefined)}
disabled={useDefault || !isOwnerOrMaintainer}
/>
</div>
<div class="mt-2">
<MiniToggle bind:on={noLimit} label={login.string.NoLimit} on:change={() => noLimit && (limit = -1)} />
</div>
{#if !noLimit}
<div class="mt-2">
<EditBox
label={login.string.InviteLimit}
bind:value={limit}
@ -157,18 +150,16 @@
on:keypress={() => (link = undefined)}
disabled={useDefault || !isOwnerOrMaintainer}
/>
</div>
{/if}
{/if}
</div>
</Grid>
{/if}
{#if loading}
<Loading />
{:else if link !== undefined}
<!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="over-underline link" on:click={copy}>{link}</div>
<div class="buttons flex">
<Button label={copied ? login.string.Copied : login.string.Copy} size={'medium'} on:click={copy} />
<div class="buttons">
<Button
label={login.string.Close}
size={'medium'}
@ -177,9 +168,10 @@
dispatch('close')
}}
/>
<Button label={copied ? login.string.Copied : login.string.Copy} size={'medium'} on:click={copy} />
</div>
{:else}
<div class="buttons flex">
<div class="buttons">
<Button
label={login.string.GetLink}
size={'medium'}
@ -196,23 +188,28 @@
.popup {
display: flex;
flex-direction: column;
padding: 1rem;
color: var(--theme-caption-color);
background-color: var(--theme-button-bg-hovered);
border: 1px solid var(--theme-button-border-enabled);
border-radius: 0.75rem;
min-width: 30rem;
filter: drop-shadow(0 1.5rem 4rem rgba(0, 0, 0, 0.35));
padding: 1.75rem;
width: 30rem;
max-width: 40rem;
background: var(--popup-bg-color);
border-radius: 1.25rem;
user-select: none;
box-shadow: var(--popup-shadow);
.link {
margin-top: 2rem;
margin-bottom: 2rem;
margin: 1.75rem 0 0;
overflow-wrap: break-word;
}
.buttons {
justify-content: space-around;
margin-top: 1.75rem;
flex-shrink: 0;
display: grid;
grid-auto-flow: column;
direction: rtl;
justify-content: flex-start;
align-items: center;
column-gap: 0.5rem;
}
}
</style>

6
plugins/login-resources/src/components/SelectWorkspace.svelte
View File

@ -119,7 +119,7 @@
.title {
font-weight: 600;
font-size: 1.5rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.status {
min-height: 7.5rem;
@ -149,13 +149,13 @@
.footer {
margin-top: 3.5rem;
font-size: 0.8rem;
color: var(--theme-caption-color);
color: var(--caption-color);
span {
opacity: 0.3;
}
a {
text-decoration: none;
color: var(--theme-caption-color);
color: var(--caption-color);
opacity: 0.8;
&:hover {
opacity: 1;

6
plugins/login-resources/src/components/StatusControl.svelte
View File

@ -30,15 +30,15 @@
<style lang="scss">
.container {
padding: 0.75rem 1rem;
background-color: var(--theme-bg-accent-color);
border: 1px solid var(--theme-bg-accent-hover);
background-color: var(--accent-bg-color);
border: 1px solid var(--divider-color);
border-radius: 0.5rem;
}
.error {
color: var(--system-error-color);
fill: var(--system-error-color);
background-color: var(--theme-button-bg-error);
background-color: var(--accent-bg-color);
border-color: var(--system-error-60-color);
}
</style>

6
plugins/recruit-resources/src/components/CandidateCard.svelte
View File

@ -113,17 +113,17 @@
margin-bottom: 1.75rem;
font-weight: 500;
font-size: 0.625rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.name {
margin: 1rem 0 0.25rem;
font-weight: 500;
font-size: 1rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.description {
font-size: 0.75rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.footer {
margin-top: 1.5rem;

6
plugins/recruit-resources/src/components/VacancyCard.svelte
View File

@ -171,17 +171,17 @@
margin-bottom: 1.75rem;
font-weight: 500;
font-size: 0.625rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
.name {
margin: 1rem 0 0.25rem;
font-weight: 500;
font-size: 1rem;
color: var(--theme-caption-color);
color: var(--caption-color);
}
.description {
font-size: 0.75rem;
color: var(--theme-content-dark-color);
color: var(--dark-color);
}
&.inline {

Some files were not shown because too many files have changed in this diff Show More