atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

update colors for better contrast

Browse Source
This commit is contained in:
David Haz
2025-07-15 12:21:04 +03:00
parent 114d544102
commit 62a59b64f5
8 changed files with 44 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/code/CliInstallation.vue
View File

@@ -124,7 +124,7 @@ const { command } = defineProps<{
.code-block {
border-radius: 15px;
overflow: hidden;
border: 1px solid #142216;
border: 1px solid #333;
}
:deep(.p-accordionpanel) {
@@ -133,19 +133,19 @@ const { command } = defineProps<{
:deep(.p-accordion-header) {
background: #0b0b0b !important;
border: 1px solid #142216 !important;
border: 1px solid #333 !important;
border-radius: 20px !important;
}
:deep(.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader) {
background: #0b0b0b !important;
border: 1px solid #142216 !important;
border: 1px solid #333 !important;
border-radius: 15px 15px 0 0;
border-bottom: none !important;
}
:deep(.p-accordionpanel:not(.p-disabled) > .p-accordionheader) {
border: 1px solid #142216 !important;
border: 1px solid #333 !important;
border-radius: 15px;
background: #0b0b0b !important;
}
@@ -171,14 +171,14 @@ const { command } = defineProps<{
:deep(.p-accordion-content) {
background: #0b0b0b !important;
border: 1px solid #142216 !important;
border: 1px solid #333 !important;
border-top: none;
border-radius: 0 0 15px 15px;
}
:deep(.p-accordioncontent-content) {
background: #0b0b0b !important;
border: 1px solid #142216 !important;
border: 1px solid #333 !important;
border-radius: 0 0 15px 15px;
border-top: none !important;
}

10
src/components/common/PropTable.vue
View File

@@ -92,14 +92,14 @@ defineProps<{
:deep(.p-datatable-header) {
background: #111;
border: 1px solid #142216;
border: 1px solid #333;
border-bottom: none;
}
:deep(.p-datatable-thead > tr > th) {
background: #111;
border-right: 1px solid #142216;
border-bottom: 1px solid #142216;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
color: #fff;
font-weight: 600;
text-transform: capitalize;
@@ -114,8 +114,8 @@ defineProps<{
:deep(.p-datatable-tbody > tr > td) {
background: #0b0b0b;
border-right: 1px solid #142216;
border-bottom: 1px solid #142216;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
color: #fff;
padding: 1rem;
font-size: 14px;

8
src/components/common/RefreshButton.vue
View File

@@ -18,8 +18,8 @@ defineEmits<{
top: 0.75rem;
right: 0.75rem;
z-index: 2;
background-color: #111;
border: 1px solid #142216;
background-color: #0b0b0b;
border: 1px solid #333;
color: white;
border-radius: 12px;
padding: 0.5rem;
@@ -29,11 +29,11 @@ defineEmits<{
.refresh-button:hover {
background-color: #222 !important;
color: #fff !important;
border: 1px solid #142216 !important;
border: 1px solid #333 !important;
outline: 1px solid transparent !important;
}
.refresh-button:active {
background-color: #142216;
background-color: #0b0b0b;
}
</style>

4
src/components/common/TabbedLayout.vue
View File

@@ -125,8 +125,8 @@ import ContributionSection from './ContributionSection.vue';
}
:deep(.p-tab[aria-selected='true'] .tab-header) {
background: #333333;
color: #a7ef9e;
background: #222;
color: #27FF64;
}
:deep(.p-tabpanels) {