diff --git a/public/css/theme-litepurple.css b/public/css/theme-litepurple.css index 9f89621..d9c92a9 100644 --- a/public/css/theme-litepurple.css +++ b/public/css/theme-litepurple.css @@ -29,6 +29,33 @@ background: #7765e3!important } +:root { + --color-primary: #7765e3; + --color-primary-dark-1: #6d5bd2; + --color-primary-dark-2: #6150c3; + --color-primary-dark-3: #5443b1; + --color-primary-dark-4: #4b3aa6; + --color-primary-dark-5: #403196; + --color-primary-dark-6: #362886; + --color-primary-dark-7: #2f2277; + --color-primary-light-1: #8473e8; + --color-primary-light-2: #8f7eec; + --color-primary-light-3: #9d8ff0; + --color-primary-light-4: #aca0f3; + --color-primary-light-5: #bbb1f6; + --color-primary-light-6: #c8c0f7; + --color-primary-light-7: #d9d3fd; + --color-primary-alpha-10: rgba(119,101,227,0.09803921568627451); + --color-primary-alpha-20: rgba(119,101,227,0.2); + --color-primary-alpha-30: rgba(119,101,227,0.29411764705882354); + --color-primary-alpha-40: rgba(119,101,227,0.4); + --color-primary-alpha-50: rgba(119,101,227,0.5019607843137255); + --color-primary-alpha-60: rgba(119,101,227,0.6); + --color-primary-alpha-70: rgba(119,101,227,0.7019607843137254); + --color-primary-alpha-80: rgba(119,101,227,0.8); + --color-primary-alpha-90: rgba(119,101,227,0.8823529411764706); +} + body, footer { background: #f4f4f4 } @@ -248,11 +275,11 @@ a:hover { } .ui.form .dropzone:hover { - border: 2px dashed #0087f5; + border: 3px dashed var(--color-primary-dark-2); box-shadow: none!important; padding: 0; min-height: 5rem; - border-radius: 5px + border-radius: 10px } .ui.secondary.tiny.pointing.menu .active.item { @@ -297,4 +324,24 @@ a:hover { box-shadow: inset 2px 2px #7765e3, inset -2px 0 #7765e3; border-radius: .28571429rem .28571429rem 0 0; border-bottom: none!important +} + +.ui.tabular.menu .active.item, .ui.tabular.menu .active.item:hover { + background: #f4f4f4; + border-color: var(--color-primary); + color: var(--color-text); + margin-top: 1px +} + +.ui.segment .ui.tabular.menu .active.item, .ui.segment .ui.tabular.menu .active.item:hover { + background: #efefef +} + +.ui.red.labels .label, .ui.ui.ui.red.label { + background-color: #efefef; + color: var(--color-primary) +} + +.ui.basic.blue.button, .ui.basic.blue.buttons .button, .ui.blue.basic.button, .ui.blue.basic.buttons .button { + color: #fff!important } \ No newline at end of file