diff --git a/sass/button.scss b/sass/button.scss index 367277f..78fc884 100644 --- a/sass/button.scss +++ b/sass/button.scss @@ -14,26 +14,12 @@ border-radius: 0.375rem; &.is-danger { - background-color: var(--danger-color); + background-color: var(--danger-bg-color); border-color: transparent; - color: var(--default-color); + color: var(--danger-font-color); &:hover { - background-color: var(--danger-hl-color); - border-color: transparent; - color: var(--default-color); - } - } - - &.is-link { - background-color: var(--secondary-color); - border-color: transparent; - color: var(--default-color); - - &:hover { - background-color: var(--secondary-hl-color); - border-color: transparent; - color: var(--default-color); + background-color: var(--danger-bg-hl-color); } } diff --git a/sass/global.scss b/sass/global.scss index f9ffa5b..a27ec37 100644 --- a/sass/global.scss +++ b/sass/global.scss @@ -56,6 +56,15 @@ html { } :root { + /* Couleurs globales */ + --primary-bg-color: rgb(136, 192, 208); + --primary-bg-hl-color: rgb(121, 184, 202); + --primary-font-color: rgb(59, 66, 82); + --danger-bg-color: rgb(191, 97, 106); + --danger-bg-hl-color: rgb(176, 89, 100); + --danger-font-color: rgb(4, 4, 4); + + /* Couleurs du thème */ --default-color: rgb(255, 255, 255); --bg-color: rgb(242, 244, 248); --font-color: rgb(76, 86, 106); @@ -66,9 +75,7 @@ html { --input-active-color: rgb(229, 233, 240); --navbar-color: rgb(242, 244, 248); - --primary-bg-color: rgb(136, 192, 208); - --primary-bg-hl-color: rgb(121, 184, 202); - --primary-font-color: rgb(59, 66, 82); + --default-hl-color: #dbdbdb; --secondary-color: #485fc7; @@ -92,8 +99,4 @@ html { --input-color: rgb(236, 239, 244); --input-active-color: rgb(36, 41, 51); --navbar-color: rgb(59, 66, 82); - - --primary-bg-color: rgb(136, 192, 208); - --primary-bg-hl-color: rgb(121, 184, 202); - --primary-font-color: rgb(59, 66, 82); } \ No newline at end of file diff --git a/sass/ma-collection.scss b/sass/ma-collection.scss index 2ca30ab..357819a 100644 --- a/sass/ma-collection.scss +++ b/sass/ma-collection.scss @@ -27,10 +27,10 @@ .title { .icon-trash { cursor: pointer; - color: var(--danger-color); + color: var(--danger-bg-color); &:hover { - color: var(--danger-hl-color); + color: var(--danger-bg-hl-color); } } }