style edits

web/apps/labelstudio/src/assets/icons/index.js

@@ -31,3 +31,4 @@ export { ReactComponent as IconPredictions } from "./predictions.svg";
 export { ReactComponent as IconEmptyPredictions } from "./empty-predictions.svg";
 export { ReactComponent as IconSpark } from "./spark.svg";
 export { ReactComponent as IconModel } from "./model.svg";
+export { ReactComponent as IconModels } from "./models.svg";

web/apps/labelstudio/src/components/Badges/Enterprise.styl

@@ -16,7 +16,7 @@
     display flex
     gap 4px
     align-items center
-    height 14px
+    height 18px
 
   &_filled &__label
     background none

web/apps/labelstudio/src/components/Columns/Columns.styl

@@ -6,8 +6,8 @@
   grid-column-gap var(--column-gap, 10px)
 
   &__title
-    margin-bottom 32px
+    margin-bottom .5rem
     font-weight 500
-    font-size 16px
+    font-size 1.125rem
     line-height 22px
-    padding 0 16px 0 0
+    padding 0 1rem 0 0

web/apps/labelstudio/src/components/Description/Description.styl

@@ -1,22 +1,22 @@
 .description
-  font-size 16px
-  color var(--sand_700)
+  color var(--sand_600)
+  line-height: 140%
 
   & a
-    color var(--primary_link)
+    color var(--grape_500)
     text-decoration underline
     &:hover
       text-decoration none
 
   &_size
     &_small
-      font-size 12px
+      font-size .75rem
 
     &_medium
-      font-size 16px
+      font-size .875rem
 
     &_large
-      font-size 22px
+      font-size 1.125rem
 
   &:not(&_noOffset)&_size
     &_small
@@ -26,4 +26,4 @@
       margin 32px 0
 
     &_large
-      margin 40px 0
+      margin 40px 0

web/apps/labelstudio/src/components/Form/Elements/RadioGroup/RadioGroup.styl

@@ -84,7 +84,6 @@
         font-weight: 500;
         &:before{
           background var(--sand_200)
-          top: -20px
         }
 
     ~/_simple &

web/apps/labelstudio/src/components/Form/Form.styl

@@ -12,6 +12,7 @@
 
     &:not(:first-child)
       margin-top 12px
+      border-top 1px solid var(--sand_300)
 
   &__submit
     display flex

web/apps/labelstudio/src/components/Menu/Menu.styl

@@ -113,14 +113,13 @@
   &_contextual &__item
     height 32px
     padding 16px 8px
-    margin 4px 8px
     display flex
     align-items center
     justify-content space-between
     border-radius 4px
     cursor pointer
     &:hover
-      background-color rgba(65, 60, 74, 0.08)
+      background-color var(--grape_0)
     &_dangerous
       color #CF1322
       &:hover

web/apps/labelstudio/src/components/Modal/Modal.styl

@@ -67,13 +67,19 @@
     text-align center
     font-size 14px
     line-height 22px
+    & a
+      color var(--primary_link)
+      text-decoration underline
+      &:hover
+        text-decoration none
+        color var(--primary_link)
 
     &:not(&_bare)
-      background rgba(0, 0, 0, 0.03)
+      background var(--sand_100)
       box-shadow inset 0px 1px 0px rgba(0, 0, 0, 0.05)
 
   &__close
-    --button-color $accent_color
+    --button-color var(--primary_link)
 
   &_fullscreen &__content
     width calc(100vw - 80px)

web/apps/labelstudio/src/pages/CreateProject/Config/Config.styl

@@ -59,7 +59,7 @@ styled_scroll()
       padding-left: 8px
       font-weight: 500
       border: none
-      color: #1890FF
+      color: var(--grape_500)
       background: none
       width: 100%
       text-align: left
@@ -114,7 +114,7 @@ styled_scroll()
     box-sizing: content-box
     &_active
     &:hover
-      box-shadow: 0px 0px 0 2px #1890ff
+      box-shadow: 0px 0px 0 2px var(--primary_link)
     &:hover
       opacity: 0.9
 
@@ -134,9 +134,11 @@ styled_scroll()
     grid-column: 1 / span 2
     padding: 16px 32px
     font-size: 14px
-    background: rgba(0, 0, 0, 0.03)
+    background: var(--sand_100)
     box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.05)
     text-align: center
+    & a
+      color var(--primary_link)
   &__info-icon
     margin-right: 8px
     vertical-align: -5px