diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml new file mode 100644 index 0000000..54ae00d --- /dev/null +++ b/.gitlab-ci.yml @@ -0,0 +1,104 @@ +stages: + - lint + - build + - test + - docker + +lint-frontend: + image: node:lts + stage: lint + rules: + - changes: + - frontend/**/* + script: + - cd frontend + - npm i + - npm run lint-no-fix + +build-backend: + image: golang:1.21-alpine + stage: build + rules: + - changes: + - backend/**/* + script: + - cd backend + - go build -o htwkalender + artifacts: + paths: + - backend/htwkalender + - backend/go.sum + - backend/go.mod + +test-backend: + image: golang:1.21-alpine + stage: test + rules: + - changes: + - backend/**/* + script: + - cd backend + - go test -v ./... + dependencies: + - build-backend + +test-frontend: + image: node:lts + stage: test + rules: + - changes: + - frontend/**/* + script: + - cd frontend + - npm i + - npm run test + dependencies: + - lint-frontend + +build-backend-image: + stage: docker + image: docker:20.10.16 + services: + - name: docker:20.10.16-dind + alias: docker + tags: + - image + variables: + IMAGE_TAG: $CI_REGISTRY_IMAGE:$CI_COMMIT_REF_SLUG + DOCKER_HOST: tcp://docker:2376 + DOCKER_TLS_CERTDIR: "/certs" + DOCKER_TLS_VERIFY: 1 + DOCKER_CERT_PATH: "/certs/client" + script: + - cd backend + - docker login -u $CI_DOCKER_REGISTRY_USER -p $CI_DOCKER_REGISTRY_PASSWORD $CI_DOCKER_REGISTRY + - docker build -t htwkalender-backend$IMAGE_TAG . + - docker tag htwkalender-backend$IMAGE_TAG $CI_DOCKER_REGISTRY_USER/htwkalender:backend + - docker push $CI_DOCKER_REGISTRY_USER/htwkalender:backend + only: + - main + - development + +build-frontend-image: + stage: docker + image: docker:20.10.16 + services: + - name: docker:20.10.16-dind + alias: docker + tags: + - image + variables: + IMAGE_TAG: $CI_REGISTRY_IMAGE:$CI_COMMIT_REF_SLUG + DOCKER_HOST: tcp://docker:2376 + DOCKER_TLS_CERTDIR: "/certs" + DOCKER_TLS_VERIFY: 1 + DOCKER_CERT_PATH: "/certs/client" + script: + - cd frontend + - docker login -u $CI_DOCKER_REGISTRY_USER -p $CI_DOCKER_REGISTRY_PASSWORD $CI_DOCKER_REGISTRY + - docker build -f Dockerfile_prod -t htwkalender-frontend$IMAGE_TAG . + - docker tag htwkalender-frontend$IMAGE_TAG $CI_DOCKER_REGISTRY_USER/htwkalender:frontend + - docker push $CI_DOCKER_REGISTRY_USER/htwkalender:frontend + only: + - main + - development \ No newline at end of file diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.gitlab/issue_templates/bug_report.md similarity index 100% rename from .github/ISSUE_TEMPLATE/bug_report.md rename to .gitlab/issue_templates/bug_report.md diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.gitlab/issue_templates/feature_request.md similarity index 100% rename from .github/ISSUE_TEMPLATE/feature_request.md rename to .gitlab/issue_templates/feature_request.md diff --git a/backend/Dockerfile b/backend/Dockerfile index 655af93..b0e763e 100644 --- a/backend/Dockerfile +++ b/backend/Dockerfile @@ -1,4 +1,4 @@ -FROM golang:1.21-alpine +FROM golang:1.21.6 # Set the Current Working Directory inside the container WORKDIR /app @@ -9,10 +9,10 @@ RUN go mod download # Copy the source from the current directory to the Working Directory inside the container COPY *.go ./ -COPY .. . +COPY . . # Build the Go app -RUN CGO_ENABLED=0 GOOS=linux go build -o /htwkalender +RUN CGO_ENABLED=1 GOOS=linux go build -o /htwkalender # Expose port 8080 to the outside world EXPOSE 8080 diff --git a/backend/go.mod b/backend/go.mod index a9ed30a..7a92cc2 100644 --- a/backend/go.mod +++ b/backend/go.mod @@ -4,44 +4,44 @@ go 1.21 require ( github.com/PuerkitoBio/goquery v1.8.1 - github.com/google/uuid v1.3.1 + github.com/google/uuid v1.5.0 github.com/jordic/goics v0.0.0-20210404174824-5a0337b716a0 github.com/labstack/echo/v5 v5.0.0-20230722203903-ec5b858dab61 github.com/pocketbase/dbx v1.10.1 - github.com/pocketbase/pocketbase v0.19.0 - golang.org/x/net v0.17.0 + github.com/pocketbase/pocketbase v0.20.5 + golang.org/x/net v0.20.0 ) require ( github.com/AlecAivazis/survey/v2 v2.3.7 // indirect - github.com/andybalholm/cascadia v1.3.1 // indirect + github.com/andybalholm/cascadia v1.3.2 // indirect github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2 // indirect - github.com/aws/aws-sdk-go v1.46.3 // indirect - github.com/aws/aws-sdk-go-v2 v1.21.2 // indirect - github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.4.14 // indirect - github.com/aws/aws-sdk-go-v2/config v1.19.1 // indirect - github.com/aws/aws-sdk-go-v2/credentials v1.13.43 // indirect - github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.13.13 // indirect - github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.11.92 // indirect - github.com/aws/aws-sdk-go-v2/internal/configsources v1.1.43 // indirect - github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.4.37 // indirect - github.com/aws/aws-sdk-go-v2/internal/ini v1.3.45 // indirect - github.com/aws/aws-sdk-go-v2/internal/v4a v1.1.6 // indirect - github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.9.15 // indirect - github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.1.38 // indirect - github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.9.37 // indirect - github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.15.6 // indirect - github.com/aws/aws-sdk-go-v2/service/s3 v1.40.2 // indirect - github.com/aws/aws-sdk-go-v2/service/sso v1.15.2 // indirect - github.com/aws/aws-sdk-go-v2/service/ssooidc v1.17.3 // indirect - github.com/aws/aws-sdk-go-v2/service/sts v1.23.2 // indirect - github.com/aws/smithy-go v1.15.0 // indirect + github.com/aws/aws-sdk-go v1.49.20 // indirect + github.com/aws/aws-sdk-go-v2 v1.24.1 // indirect + github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.5.4 // indirect + github.com/aws/aws-sdk-go-v2/config v1.26.3 // indirect + github.com/aws/aws-sdk-go-v2/credentials v1.16.14 // indirect + github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.14.11 // indirect + github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.15.11 // indirect + github.com/aws/aws-sdk-go-v2/internal/configsources v1.2.10 // indirect + github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.5.10 // indirect + github.com/aws/aws-sdk-go-v2/internal/ini v1.7.2 // indirect + github.com/aws/aws-sdk-go-v2/internal/v4a v1.2.10 // indirect + github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.10.4 // indirect + github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.2.10 // indirect + github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.10.10 // indirect + github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.16.10 // indirect + github.com/aws/aws-sdk-go-v2/service/s3 v1.48.0 // indirect + github.com/aws/aws-sdk-go-v2/service/sso v1.18.6 // indirect + github.com/aws/aws-sdk-go-v2/service/ssooidc v1.21.6 // indirect + github.com/aws/aws-sdk-go-v2/service/sts v1.26.7 // indirect + github.com/aws/smithy-go v1.19.0 // indirect github.com/disintegration/imaging v1.6.2 // indirect github.com/domodwyer/mailyak/v3 v3.6.2 // indirect github.com/dustin/go-humanize v1.0.1 // indirect - github.com/fatih/color v1.15.0 // indirect + github.com/fatih/color v1.16.0 // indirect github.com/gabriel-vasile/mimetype v1.4.3 // indirect - github.com/ganigeorgiev/fexpr v0.3.0 // indirect + github.com/ganigeorgiev/fexpr v0.4.0 // indirect github.com/go-ozzo/ozzo-validation/v4 v4.3.0 // indirect github.com/goccy/go-json v0.10.2 // indirect github.com/golang-jwt/jwt/v4 v4.5.0 // indirect @@ -54,40 +54,40 @@ require ( github.com/kballard/go-shellquote v0.0.0-20180428030007-95032a82bc51 // indirect github.com/mattn/go-colorable v0.1.13 // indirect github.com/mattn/go-isatty v0.0.20 // indirect - github.com/mattn/go-sqlite3 v1.14.17 // indirect + github.com/mattn/go-sqlite3 v1.14.19 // indirect github.com/mgutz/ansi v0.0.0-20200706080929-d51e80ef957d // indirect github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec // indirect - github.com/spf13/cast v1.5.1 // indirect - github.com/spf13/cobra v1.7.0 // indirect + github.com/spf13/cast v1.6.0 // indirect + github.com/spf13/cobra v1.8.0 // indirect github.com/spf13/pflag v1.0.5 // indirect github.com/valyala/bytebufferpool v1.0.0 // indirect github.com/valyala/fasttemplate v1.2.2 // indirect go.opencensus.io v0.24.0 // indirect - gocloud.dev v0.34.0 // indirect - golang.org/x/crypto v0.14.0 // indirect - golang.org/x/image v0.13.0 // indirect - golang.org/x/mod v0.13.0 // indirect - golang.org/x/oauth2 v0.13.0 // indirect - golang.org/x/sync v0.4.0 // indirect - golang.org/x/sys v0.13.0 // indirect - golang.org/x/term v0.13.0 // indirect - golang.org/x/text v0.13.0 // indirect - golang.org/x/time v0.3.0 // indirect - golang.org/x/tools v0.14.0 // indirect + gocloud.dev v0.36.0 // indirect + golang.org/x/crypto v0.18.0 // indirect + golang.org/x/image v0.14.0 // indirect + golang.org/x/mod v0.14.0 // indirect + golang.org/x/oauth2 v0.15.0 // indirect + golang.org/x/sync v0.5.0 // indirect + golang.org/x/sys v0.16.0 // indirect + golang.org/x/term v0.16.0 // indirect + golang.org/x/text v0.14.0 // indirect + golang.org/x/time v0.5.0 // indirect + golang.org/x/tools v0.16.0 // indirect golang.org/x/xerrors v0.0.0-20231012003039-104605ab7028 // indirect - google.golang.org/api v0.148.0 // indirect + google.golang.org/api v0.153.0 // indirect google.golang.org/appengine v1.6.8 // indirect - google.golang.org/genproto/googleapis/rpc v0.0.0-20231016165738-49dd2c1f3d0b // indirect + google.golang.org/genproto/googleapis/rpc v0.0.0-20231127180814-3a041ad873d4 // indirect google.golang.org/grpc v1.59.0 // indirect - google.golang.org/protobuf v1.31.0 // indirect + google.golang.org/protobuf v1.32.0 // indirect lukechampine.com/uint128 v1.3.0 // indirect modernc.org/cc/v3 v3.41.0 // indirect modernc.org/ccgo/v3 v3.16.15 // indirect - modernc.org/libc v1.28.0 // indirect + modernc.org/libc v1.37.0 // indirect modernc.org/mathutil v1.6.0 // indirect modernc.org/memory v1.7.2 // indirect modernc.org/opt v0.1.3 // indirect - modernc.org/sqlite v1.26.0 // indirect + modernc.org/sqlite v1.27.0 // indirect modernc.org/strutil v1.2.0 // indirect modernc.org/token v1.1.0 // indirect ) diff --git a/backend/go.sum b/backend/go.sum index 70f7586..ad5fe1f 100644 --- a/backend/go.sum +++ b/backend/go.sum @@ -1,14 +1,14 @@ cloud.google.com/go v0.26.0/go.mod h1:aQUYkXzVsufM+DwF1aE+0xfcU+56JwCaLick0ClmMTw= -cloud.google.com/go v0.110.7 h1:rJyC7nWRg2jWGZ4wSJ5nY65GTdYJkg0cd/uXb+ACI6o= -cloud.google.com/go v0.110.7/go.mod h1:+EYjdK8e5RME/VY/qLCAtuyALQ9q67dvuum8i+H5xsI= -cloud.google.com/go/compute v1.23.0 h1:tP41Zoavr8ptEqaW6j+LQOnyBBhO7OkOMAGrgLopTwY= -cloud.google.com/go/compute v1.23.0/go.mod h1:4tCnrn48xsqlwSAiLf1HXMQk8CONslYbdiEZc9FEIbM= +cloud.google.com/go v0.110.10 h1:LXy9GEO+timppncPIAZoOj3l58LIU9k+kn48AN7IO3Y= +cloud.google.com/go v0.110.10/go.mod h1:v1OoFqYxiBkUrruItNM3eT4lLByNjxmJSV/xDKJNnic= +cloud.google.com/go/compute v1.23.3 h1:6sVlXXBmbd7jNX0Ipq0trII3e4n1/MsADLK6a+aiVlk= +cloud.google.com/go/compute v1.23.3/go.mod h1:VCgBUoMnIVIR0CscqQiPJLAG25E3ZRZMzcFZeQ+h8CI= cloud.google.com/go/compute/metadata v0.2.3 h1:mg4jlk7mCAj6xXp9UJ4fjI9VUI5rubuGBW5aJ7UnBMY= cloud.google.com/go/compute/metadata v0.2.3/go.mod h1:VAV5nSsACxMJvgaAuX6Pk2AawlZn8kiOGuCv6gTkwuA= -cloud.google.com/go/iam v1.1.1 h1:lW7fzj15aVIXYHREOqjRBV9PsH0Z6u8Y46a1YGvQP4Y= -cloud.google.com/go/iam v1.1.1/go.mod h1:A5avdyVL2tCppe4unb0951eI9jreack+RJ0/d+KUZOU= -cloud.google.com/go/storage v1.31.0 h1:+S3LjjEN2zZ+L5hOwj4+1OkGCsLVe0NzpXKQ1pSdTCI= -cloud.google.com/go/storage v1.31.0/go.mod h1:81ams1PrhW16L4kF7qg+4mTq7SRs5HsbDTM0bWvrwJ0= +cloud.google.com/go/iam v1.1.5 h1:1jTsCu4bcsNsE4iiqNT5SHwrDRCfRmIaaaVFhRveTJI= +cloud.google.com/go/iam v1.1.5/go.mod h1:rB6P/Ic3mykPbFio+vo7403drjlgvoWfYpJhMXEbzv8= +cloud.google.com/go/storage v1.35.1 h1:B59ahL//eDfx2IIKFBeT5Atm9wnNmj3+8xG/W4WB//w= +cloud.google.com/go/storage v1.35.1/go.mod h1:M6M/3V/D3KpzMTJyPOR/HU6n2Si5QdaXYEsng2xgOs8= github.com/AlecAivazis/survey/v2 v2.3.7 h1:6I/u8FvytdGsgonrYsVn2t8t4QiRnh6QSTqkkhIiSjQ= github.com/AlecAivazis/survey/v2 v2.3.7/go.mod h1:xUTIdE4KCOIjsBAE1JYsUPoCqYdZ1reCfTwbto0Fduo= github.com/BurntSushi/toml v0.3.1/go.mod h1:xHWCNGjB5oqiDr8zfno3MHue2Ht5sIBksp03qcyfWMU= @@ -16,55 +16,56 @@ github.com/Netflix/go-expect v0.0.0-20220104043353-73e0943537d2 h1:+vx7roKuyA63n github.com/Netflix/go-expect v0.0.0-20220104043353-73e0943537d2/go.mod h1:HBCaDeC1lPdgDeDbhX8XFpy1jqjK0IBG8W5K+xYqA0w= github.com/PuerkitoBio/goquery v1.8.1 h1:uQxhNlArOIdbrH1tr0UXwdVFgDcZDrZVdcpygAcwmWM= github.com/PuerkitoBio/goquery v1.8.1/go.mod h1:Q8ICL1kNUJ2sXGoAhPGUdYDJvgQgHzJsnnd3H7Ho5jQ= -github.com/andybalholm/cascadia v1.3.1 h1:nhxRkql1kdYCc8Snf7D5/D3spOX+dBgjA6u8x004T2c= github.com/andybalholm/cascadia v1.3.1/go.mod h1:R4bJ1UQfqADjvDa4P6HZHLh/3OxWWEqc0Sk8XGwHqvA= +github.com/andybalholm/cascadia v1.3.2 h1:3Xi6Dw5lHF15JtdcmAHD3i1+T8plmv7BQ/nsViSLyss= +github.com/andybalholm/cascadia v1.3.2/go.mod h1:7gtRlve5FxPPgIgX36uWBX58OdBsSS6lUvCFb+h7KvU= github.com/asaskevich/govalidator v0.0.0-20200108200545-475eaeb16496/go.mod h1:oGkLhpf+kjZl6xBf758TQhh5XrAeiJv/7FRz/2spLIg= github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2 h1:DklsrG3dyBCFEj5IhUbnKptjxatkF07cF2ak3yi77so= github.com/asaskevich/govalidator v0.0.0-20230301143203-a9d515a09cc2/go.mod h1:WaHUgvxTVq04UNunO+XhnAqY/wQc+bxr74GqbsZ/Jqw= -github.com/aws/aws-sdk-go v1.46.3 h1:zcrCu14ANOji6m38bUTxYdPqne4EXIvJQ2KXZ5oi9k0= -github.com/aws/aws-sdk-go v1.46.3/go.mod h1:aVsgQcEevwlmQ7qHE9I3h+dtQgpqhFB+i8Phjh7fkwI= -github.com/aws/aws-sdk-go-v2 v1.21.2 h1:+LXZ0sgo8quN9UOKXXzAWRT3FWd4NxeXWOZom9pE7GA= -github.com/aws/aws-sdk-go-v2 v1.21.2/go.mod h1:ErQhvNuEMhJjweavOYhxVkn2RUx7kQXVATHrjKtxIpM= -github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.4.14 h1:Sc82v7tDQ/vdU1WtuSyzZ1I7y/68j//HJ6uozND1IDs= -github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.4.14/go.mod h1:9NCTOURS8OpxvoAVHq79LK81/zC78hfRWFn+aL0SPcY= -github.com/aws/aws-sdk-go-v2/config v1.19.1 h1:oe3vqcGftyk40icfLymhhhNysAwk0NfiwkDi2GTPMXs= -github.com/aws/aws-sdk-go-v2/config v1.19.1/go.mod h1:ZwDUgFnQgsazQTnWfeLWk5GjeqTQTL8lMkoE1UXzxdE= -github.com/aws/aws-sdk-go-v2/credentials v1.13.43 h1:LU8vo40zBlo3R7bAvBVy/ku4nxGEyZe9N8MqAeFTzF8= -github.com/aws/aws-sdk-go-v2/credentials v1.13.43/go.mod h1:zWJBz1Yf1ZtX5NGax9ZdNjhhI4rgjfgsyk6vTY1yfVg= -github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.13.13 h1:PIktER+hwIG286DqXyvVENjgLTAwGgoeriLDD5C+YlQ= -github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.13.13/go.mod h1:f/Ib/qYjhV2/qdsf79H3QP/eRE4AkVyEf6sk7XfZ1tg= -github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.11.92 h1:nLA7dGFC6v4P6b+hzqt5GqIGmIuN+jTJzojfdOLXWFE= -github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.11.92/go.mod h1:h+ei9z19AhoN+Dac92DwkzfbJ4mFUea92xgl5pKSG0Q= -github.com/aws/aws-sdk-go-v2/internal/configsources v1.1.43 h1:nFBQlGtkbPzp/NjZLuFxRqmT91rLJkgvsEQs68h962Y= -github.com/aws/aws-sdk-go-v2/internal/configsources v1.1.43/go.mod h1:auo+PiyLl0n1l8A0e8RIeR8tOzYPfZZH/JNlrJ8igTQ= -github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.4.37 h1:JRVhO25+r3ar2mKGP7E0LDl8K9/G36gjlqca5iQbaqc= -github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.4.37/go.mod h1:Qe+2KtKml+FEsQF/DHmDV+xjtche/hwoF75EG4UlHW8= -github.com/aws/aws-sdk-go-v2/internal/ini v1.3.45 h1:hze8YsjSh8Wl1rYa1CJpRmXP21BvOBuc76YhW0HsuQ4= -github.com/aws/aws-sdk-go-v2/internal/ini v1.3.45/go.mod h1:lD5M20o09/LCuQ2mE62Mb/iSdSlCNuj6H5ci7tW7OsE= -github.com/aws/aws-sdk-go-v2/internal/v4a v1.1.6 h1:wmGLw2i8ZTlHLw7a9ULGfQbuccw8uIiNr6sol5bFzc8= -github.com/aws/aws-sdk-go-v2/internal/v4a v1.1.6/go.mod h1:Q0Hq2X/NuL7z8b1Dww8rmOFl+jzusKEcyvkKspwdpyc= -github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.9.15 h1:7R8uRYyXzdD71KWVCL78lJZltah6VVznXBazvKjfH58= -github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.9.15/go.mod h1:26SQUPcTNgV1Tapwdt4a1rOsYRsnBsJHLMPoxK2b0d8= -github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.1.38 h1:skaFGzv+3kA+v2BPKhuekeb1Hbb105+44r8ASC+q5SE= -github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.1.38/go.mod h1:epIZoRSSbRIwLPJU5F+OldHhwZPBdpDeQkRdCeY3+00= -github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.9.37 h1:WWZA/I2K4ptBS1kg0kV1JbBtG/umed0vwHRrmcr9z7k= -github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.9.37/go.mod h1:vBmDnwWXWxNPFRMmG2m/3MKOe+xEcMDo1tanpaWCcck= -github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.15.6 h1:9ulSU5ClouoPIYhDQdg9tpl83d5Yb91PXTKK+17q+ow= -github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.15.6/go.mod h1:lnc2taBsR9nTlz9meD+lhFZZ9EWY712QHrRflWpTcOA= -github.com/aws/aws-sdk-go-v2/service/s3 v1.40.2 h1:Ll5/YVCOzRB+gxPqs2uD0R7/MyATC0w85626glSKmp4= -github.com/aws/aws-sdk-go-v2/service/s3 v1.40.2/go.mod h1:Zjfqt7KhQK+PO1bbOsFNzKgaq7TcxzmEoDWN8lM0qzQ= -github.com/aws/aws-sdk-go-v2/service/sso v1.15.2 h1:JuPGc7IkOP4AaqcZSIcyqLpFSqBWK32rM9+a1g6u73k= -github.com/aws/aws-sdk-go-v2/service/sso v1.15.2/go.mod h1:gsL4keucRCgW+xA85ALBpRFfdSLH4kHOVSnLMSuBECo= -github.com/aws/aws-sdk-go-v2/service/ssooidc v1.17.3 h1:HFiiRkf1SdaAmV3/BHOFZ9DjFynPHj8G/UIO1lQS+fk= -github.com/aws/aws-sdk-go-v2/service/ssooidc v1.17.3/go.mod h1:a7bHA82fyUXOm+ZSWKU6PIoBxrjSprdLoM8xPYvzYVg= -github.com/aws/aws-sdk-go-v2/service/sts v1.23.2 h1:0BkLfgeDjfZnZ+MhB3ONb01u9pwFYTCZVhlsSSBvlbU= -github.com/aws/aws-sdk-go-v2/service/sts v1.23.2/go.mod h1:Eows6e1uQEsc4ZaHANmsPRzAKcVDrcmjjWiih2+HUUQ= -github.com/aws/smithy-go v1.15.0 h1:PS/durmlzvAFpQHDs4wi4sNNP9ExsqZh6IlfdHXgKK8= -github.com/aws/smithy-go v1.15.0/go.mod h1:Tg+OJXh4MB2R/uN61Ko2f6hTZwB/ZYGOtib8J3gBHzA= +github.com/aws/aws-sdk-go v1.49.20 h1:VgEUq2/ZbUkLbqPyDcxrirfXB+PgiZUUF5XbsgWe2S0= +github.com/aws/aws-sdk-go v1.49.20/go.mod h1:LF8svs817+Nz+DmiMQKTO3ubZ/6IaTpq3TjupRn3Eqk= +github.com/aws/aws-sdk-go-v2 v1.24.1 h1:xAojnj+ktS95YZlDf0zxWBkbFtymPeDP+rvUQIH3uAU= +github.com/aws/aws-sdk-go-v2 v1.24.1/go.mod h1:LNh45Br1YAkEKaAqvmE1m8FUx6a5b/V0oAKV7of29b4= +github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.5.4 h1:OCs21ST2LrepDfD3lwlQiOqIGp6JiEUqG84GzTDoyJs= +github.com/aws/aws-sdk-go-v2/aws/protocol/eventstream v1.5.4/go.mod h1:usURWEKSNNAcAZuzRn/9ZYPT8aZQkR7xcCtunK/LkJo= +github.com/aws/aws-sdk-go-v2/config v1.26.3 h1:dKuc2jdp10y13dEEvPqWxqLoc0vF3Z9FC45MvuQSxOA= +github.com/aws/aws-sdk-go-v2/config v1.26.3/go.mod h1:Bxgi+DeeswYofcYO0XyGClwlrq3DZEXli0kLf4hkGA0= +github.com/aws/aws-sdk-go-v2/credentials v1.16.14 h1:mMDTwwYO9A0/JbOCOG7EOZHtYM+o7OfGWfu0toa23VE= +github.com/aws/aws-sdk-go-v2/credentials v1.16.14/go.mod h1:cniAUh3ErQPHtCQGPT5ouvSAQ0od8caTO9OOuufZOAE= +github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.14.11 h1:c5I5iH+DZcH3xOIMlz3/tCKJDaHFwYEmxvlh2fAcFo8= +github.com/aws/aws-sdk-go-v2/feature/ec2/imds v1.14.11/go.mod h1:cRrYDYAMUohBJUtUnOhydaMHtiK/1NZ0Otc9lIb6O0Y= +github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.15.11 h1:I6lAa3wBWfCz/cKkOpAcumsETRkFAl70sWi8ItcMEsM= +github.com/aws/aws-sdk-go-v2/feature/s3/manager v1.15.11/go.mod h1:be1NIO30kJA23ORBLqPo1LttEM6tPNSEcjkd1eKzNW0= +github.com/aws/aws-sdk-go-v2/internal/configsources v1.2.10 h1:vF+Zgd9s+H4vOXd5BMaPWykta2a6Ih0AKLq/X6NYKn4= +github.com/aws/aws-sdk-go-v2/internal/configsources v1.2.10/go.mod h1:6BkRjejp/GR4411UGqkX8+wFMbFbqsUIimfK4XjOKR4= +github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.5.10 h1:nYPe006ktcqUji8S2mqXf9c/7NdiKriOwMvWQHgYztw= +github.com/aws/aws-sdk-go-v2/internal/endpoints/v2 v2.5.10/go.mod h1:6UV4SZkVvmODfXKql4LCbaZUpF7HO2BX38FgBf9ZOLw= +github.com/aws/aws-sdk-go-v2/internal/ini v1.7.2 h1:GrSw8s0Gs/5zZ0SX+gX4zQjRnRsMJDJ2sLur1gRBhEM= +github.com/aws/aws-sdk-go-v2/internal/ini v1.7.2/go.mod h1:6fQQgfuGmw8Al/3M2IgIllycxV7ZW7WCdVSqfBeUiCY= +github.com/aws/aws-sdk-go-v2/internal/v4a v1.2.10 h1:5oE2WzJE56/mVveuDZPJESKlg/00AaS2pY2QZcnxg4M= +github.com/aws/aws-sdk-go-v2/internal/v4a v1.2.10/go.mod h1:FHbKWQtRBYUz4vO5WBWjzMD2by126ny5y/1EoaWoLfI= +github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.10.4 h1:/b31bi3YVNlkzkBrm9LfpaKoaYZUxIAj4sHfOTmLfqw= +github.com/aws/aws-sdk-go-v2/service/internal/accept-encoding v1.10.4/go.mod h1:2aGXHFmbInwgP9ZfpmdIfOELL79zhdNYNmReK8qDfdQ= +github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.2.10 h1:L0ai8WICYHozIKK+OtPzVJBugL7culcuM4E4JOpIEm8= +github.com/aws/aws-sdk-go-v2/service/internal/checksum v1.2.10/go.mod h1:byqfyxJBshFk0fF9YmK0M0ugIO8OWjzH2T3bPG4eGuA= +github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.10.10 h1:DBYTXwIGQSGs9w4jKm60F5dmCQ3EEruxdc0MFh+3EY4= +github.com/aws/aws-sdk-go-v2/service/internal/presigned-url v1.10.10/go.mod h1:wohMUQiFdzo0NtxbBg0mSRGZ4vL3n0dKjLTINdcIino= +github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.16.10 h1:KOxnQeWy5sXyS37fdKEvAsGHOr9fa/qvwxfJurR/BzE= +github.com/aws/aws-sdk-go-v2/service/internal/s3shared v1.16.10/go.mod h1:jMx5INQFYFYB3lQD9W0D8Ohgq6Wnl7NYOJ2TQndbulI= +github.com/aws/aws-sdk-go-v2/service/s3 v1.48.0 h1:PJTdBMsyvra6FtED7JZtDpQrIAflYDHFoZAu/sKYkwU= +github.com/aws/aws-sdk-go-v2/service/s3 v1.48.0/go.mod h1:4qXHrG1Ne3VGIMZPCB8OjH/pLFO94sKABIusjh0KWPU= +github.com/aws/aws-sdk-go-v2/service/sso v1.18.6 h1:dGrs+Q/WzhsiUKh82SfTVN66QzyulXuMDTV/G8ZxOac= +github.com/aws/aws-sdk-go-v2/service/sso v1.18.6/go.mod h1:+mJNDdF+qiUlNKNC3fxn74WWNN+sOiGOEImje+3ScPM= +github.com/aws/aws-sdk-go-v2/service/ssooidc v1.21.6 h1:Yf2MIo9x+0tyv76GljxzqA3WtC5mw7NmazD2chwjxE4= +github.com/aws/aws-sdk-go-v2/service/ssooidc v1.21.6/go.mod h1:ykf3COxYI0UJmxcfcxcVuz7b6uADi1FkiUz6Eb7AgM8= +github.com/aws/aws-sdk-go-v2/service/sts v1.26.7 h1:NzO4Vrau795RkUdSHKEwiR01FaGzGOH1EETJ+5QHnm0= +github.com/aws/aws-sdk-go-v2/service/sts v1.26.7/go.mod h1:6h2YuIoxaMSCFf5fi1EgZAwdfkGMgDY+DVfa61uLe4U= +github.com/aws/smithy-go v1.19.0 h1:KWFKQV80DpP3vJrrA9sVAHQ5gc2z8i4EzrLhLlWXcBM= +github.com/aws/smithy-go v1.19.0/go.mod h1:NukqUGpCZIILqqiV0NIjeFh24kd/FAa4beRb6nbIUPE= github.com/census-instrumentation/opencensus-proto v0.2.1/go.mod h1:f6KPmirojxKA12rnyqOA5BBL4O983OfeGPqjHWSTneU= github.com/client9/misspell v0.3.4/go.mod h1:qj6jICC3Q7zFZvVWo7KLAzC3yx5G7kyvSDkc90ppPyw= github.com/cncf/udpa/go v0.0.0-20191209042840-269d4d468f6f/go.mod h1:M8M6+tZqaGXZJjfX53e64911xZQV5JYwmTeXPW+k8Sc= -github.com/cpuguy83/go-md2man/v2 v2.0.2/go.mod h1:tgQtvFlXSQOSOSIRvRPT7W67SCa46tRHOmNcaadrF8o= +github.com/cpuguy83/go-md2man/v2 v2.0.3/go.mod h1:tgQtvFlXSQOSOSIRvRPT7W67SCa46tRHOmNcaadrF8o= github.com/creack/pty v1.1.17 h1:QeVUsEDNrLBW4tMgZHvxy18sKtr6VI492kBhUfhDJNI= github.com/creack/pty v1.1.17/go.mod h1:MOBLtS5ELjhRRrroQr9kyvTxUAFNvYEK993ew/Vr4O4= github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38= @@ -80,14 +81,14 @@ github.com/envoyproxy/go-control-plane v0.9.0/go.mod h1:YTl/9mNaCwkRvm6d1a2C3ymF github.com/envoyproxy/go-control-plane v0.9.1-0.20191026205805-5f8ba28d4473/go.mod h1:YTl/9mNaCwkRvm6d1a2C3ymFceY/DCBVvsKhRF0iEA4= github.com/envoyproxy/go-control-plane v0.9.4/go.mod h1:6rpuAdCZL397s3pYoYcLgu1mIlRU8Am5FuJP05cCM98= github.com/envoyproxy/protoc-gen-validate v0.1.0/go.mod h1:iSmxcyjqTsJpI2R4NaDN7+kN2VEUnK/pcBlmesArF7c= -github.com/fatih/color v1.15.0 h1:kOqh6YHBtK8aywxGerMG2Eq3H6Qgoqeo13Bk2Mv/nBs= -github.com/fatih/color v1.15.0/go.mod h1:0h5ZqXfHYED7Bhv2ZJamyIOUej9KtShiJESRwBDUSsw= -github.com/frankban/quicktest v1.14.4 h1:g2rn0vABPOOXmZUj+vbmUp0lPoXEMuhTpIluN0XL9UY= -github.com/frankban/quicktest v1.14.4/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0= +github.com/fatih/color v1.16.0 h1:zmkK9Ngbjj+K0yRhTVONQh1p/HknKYSlNT+vZCzyokM= +github.com/fatih/color v1.16.0/go.mod h1:fL2Sau1YI5c0pdGEVCbKQbLXB6edEj1ZgiY4NijnWvE= +github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8= +github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0= github.com/gabriel-vasile/mimetype v1.4.3 h1:in2uUcidCuFcDKtdcBxlR0rJ1+fsokWf+uqxgUFjbI0= github.com/gabriel-vasile/mimetype v1.4.3/go.mod h1:d8uq/6HKRL6CGdk+aubisF/M5GcPfT7nKyLpA0lbSSk= -github.com/ganigeorgiev/fexpr v0.3.0 h1:RwSyJBME+g/XdzlUW0paH/4VXhLHPg+rErtLeC7K8Ew= -github.com/ganigeorgiev/fexpr v0.3.0/go.mod h1:RyGiGqmeXhEQ6+mlGdnUleLHgtzzu/VGO2WtJkF5drE= +github.com/ganigeorgiev/fexpr v0.4.0 h1:ojitI+VMNZX/odeNL1x3RzTTE8qAIVvnSSYPNAnQFDI= +github.com/ganigeorgiev/fexpr v0.4.0/go.mod h1:RyGiGqmeXhEQ6+mlGdnUleLHgtzzu/VGO2WtJkF5drE= github.com/go-ozzo/ozzo-validation/v4 v4.3.0 h1:byhDUpfEwjsVQb1vBunvIjh2BHQ9ead57VkAEY4V+Es= github.com/go-ozzo/ozzo-validation/v4 v4.3.0/go.mod h1:2NKgrcHl3z6cJs+3Oo940FPRiTzuqKbvfrL2RxCj6Ew= github.com/go-sql-driver/mysql v1.4.1/go.mod h1:zAC/RDZ24gD3HViQzih4MyKcchzm+sOG5ZlKdlhCg5w= @@ -124,7 +125,6 @@ github.com/google/go-cmp v0.4.0/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/ github.com/google/go-cmp v0.5.0/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE= github.com/google/go-cmp v0.5.3/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE= github.com/google/go-cmp v0.5.5/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE= -github.com/google/go-cmp v0.5.8/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY= github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI= github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY= github.com/google/go-replayers/grpcreplay v1.1.0 h1:S5+I3zYyZ+GQz68OfbURDdt/+cSMqCK1wrvNx7WBzTE= @@ -133,18 +133,18 @@ github.com/google/go-replayers/httpreplay v1.2.0 h1:VM1wEyyjaoU53BwrOnaf9VhAyQQE github.com/google/go-replayers/httpreplay v1.2.0/go.mod h1:WahEFFZZ7a1P4VM1qEeHy+tME4bwyqPcwWbNlUI1Mcg= github.com/google/martian/v3 v3.3.2 h1:IqNFLAmvJOgVlpdEBiQbDc2EwKW77amAycfTuWKdfvw= github.com/google/martian/v3 v3.3.2/go.mod h1:oBOf6HBosgwRXnUGWUB05QECsc6uvmMiJ3+6W4l/CUk= -github.com/google/pprof v0.0.0-20230912144702-c363fe2c2ed8 h1:gpptm606MZYGaMHMsB4Srmb6EbW/IVHnt04rcMXnkBQ= -github.com/google/pprof v0.0.0-20230912144702-c363fe2c2ed8/go.mod h1:czg5+yv1E0ZGTi6S6vVK1mke0fV+FaUhNGcd6VRS9Ik= +github.com/google/pprof v0.0.0-20230926050212-f7f687d19a98 h1:pUa4ghanp6q4IJHwE9RwLgmVFfReJN+KbQ8ExNEUUoQ= +github.com/google/pprof v0.0.0-20230926050212-f7f687d19a98/go.mod h1:czg5+yv1E0ZGTi6S6vVK1mke0fV+FaUhNGcd6VRS9Ik= github.com/google/s2a-go v0.1.7 h1:60BLSyTrOV4/haCDW4zb1guZItoSq8foHCXrAnjBo/o= github.com/google/s2a-go v0.1.7/go.mod h1:50CgR4k1jNlWBu4UfS4AcfhVe1r6pdZPygJ3R8F0Qdw= github.com/google/subcommands v1.0.1/go.mod h1:ZjhPrFU+Olkh9WazFPsl27BQ4UPiG37m3yTrtFlrHVk= github.com/google/uuid v1.1.2/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo= -github.com/google/uuid v1.3.1 h1:KjJaJ9iWZ3jOFZIf1Lqf4laDRCasjl0BCmnEGxkdLb4= -github.com/google/uuid v1.3.1/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo= +github.com/google/uuid v1.5.0 h1:1p67kYwdtXjb0gL0BPiP1Av9wiZPo5A8z2cWkTZ+eyU= +github.com/google/uuid v1.5.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo= github.com/google/wire v0.5.0 h1:I7ELFeVBr3yfPIcc8+MWvrjk+3VjbcSzoXm3JVa+jD8= github.com/google/wire v0.5.0/go.mod h1:ngWDr9Qvq3yZA10YrxfyGELY/AFWGVpy9c1LTRi1EoU= -github.com/googleapis/enterprise-certificate-proxy v0.3.1 h1:SBWmZhjUDRorQxrN0nwzf+AHBxnbFjViHQS4P0yVpmQ= -github.com/googleapis/enterprise-certificate-proxy v0.3.1/go.mod h1:VLSiSSBs/ksPL8kq3OBOQ6WRI2QnaFynd1DCjZ62+V0= +github.com/googleapis/enterprise-certificate-proxy v0.3.2 h1:Vie5ybvEvT75RniqhfFxPRy3Bf7vr3h0cechB90XaQs= +github.com/googleapis/enterprise-certificate-proxy v0.3.2/go.mod h1:VLSiSSBs/ksPL8kq3OBOQ6WRI2QnaFynd1DCjZ62+V0= github.com/googleapis/gax-go/v2 v2.12.0 h1:A+gCJKdRfqXkr+BIRGtZLibNXf0m1f9E4HG56etFpas= github.com/googleapis/gax-go/v2 v2.12.0/go.mod h1:y+aIqrI5eb1YGMVJfuV3185Ts/D7qKpsEkdD5+I6QGU= github.com/gorilla/mux v1.8.0/go.mod h1:DVbg23sWSpFRCP0SfiEN6jmj59UnW/n46BH5rLB71So= @@ -176,28 +176,27 @@ github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/ github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY= github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y= github.com/mattn/go-sqlite3 v1.14.6/go.mod h1:NyWgC/yNuGj7Q9rpYnZvas74GogHl5/Z4A/KQRfk6bU= -github.com/mattn/go-sqlite3 v1.14.17 h1:mCRHCLDUBXgpKAqIKsaAaAsrAlbkeomtRFKXh2L6YIM= -github.com/mattn/go-sqlite3 v1.14.17/go.mod h1:2eHXhiwb8IkHr+BDWZGa96P6+rkvnG63S2DGjv9HUNg= +github.com/mattn/go-sqlite3 v1.14.19 h1:fhGleo2h1p8tVChob4I9HpmVFIAkKGpiukdrgQbWfGI= +github.com/mattn/go-sqlite3 v1.14.19/go.mod h1:2eHXhiwb8IkHr+BDWZGa96P6+rkvnG63S2DGjv9HUNg= github.com/mgutz/ansi v0.0.0-20170206155736-9520e82c474b/go.mod h1:01TrycV0kFyexm33Z7vhZRXopbI8J3TDReVlkTgMUxE= github.com/mgutz/ansi v0.0.0-20200706080929-d51e80ef957d h1:5PJl274Y63IEHC+7izoQE9x6ikvDFZS2mDVS3drnohI= github.com/mgutz/ansi v0.0.0-20200706080929-d51e80ef957d/go.mod h1:01TrycV0kFyexm33Z7vhZRXopbI8J3TDReVlkTgMUxE= -github.com/pkg/errors v0.9.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0= github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM= github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4= github.com/pocketbase/dbx v1.10.1 h1:cw+vsyfCJD8YObOVeqb93YErnlxwYMkNZ4rwN0G0AaA= github.com/pocketbase/dbx v1.10.1/go.mod h1:xXRCIAKTHMgUCyCKZm55pUOdvFziJjQfXaWKhu2vhMs= -github.com/pocketbase/pocketbase v0.19.0 h1:PvRsABvNgJhafShpXZNXeF/BdkmiwEIcc/+r9QsONdg= -github.com/pocketbase/pocketbase v0.19.0/go.mod h1:iNGsMmhAtmiH4X9aYPK4nTS56XL1HhQPBkmZaWRyQ8Q= +github.com/pocketbase/pocketbase v0.20.5 h1:unrGe6MG/D2AQDjjdcyh1WrbXI10wWe1gFcGdG/yaNU= +github.com/pocketbase/pocketbase v0.20.5/go.mod h1:uy7WOxXoICrwe8HlyR78vTvK0RdG5REkhDx4SvYi4FY= github.com/prometheus/client_model v0.0.0-20190812154241-14fe0d1b01d4/go.mod h1:xMI15A0UPsDsEKsMN9yxemIoYk6Tm2C1GtYGdfGttqA= github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE= github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo= github.com/rogpeppe/go-internal v1.9.0 h1:73kH8U+JUqXU8lRuOHeVHaa/SZPifC7BkcraZVejAe8= github.com/rogpeppe/go-internal v1.9.0/go.mod h1:WtVeX8xhTBvf0smdhujwtBcq4Qrzq/fJaraNFVN+nFs= github.com/russross/blackfriday/v2 v2.1.0/go.mod h1:+Rmxgy9KzJVeS9/2gXHxylqXiyQDYRxCVz55jmeOWTM= -github.com/spf13/cast v1.5.1 h1:R+kOtfhWQE6TVQzY+4D7wJLBgkdVasCEFxSUBYBYIlA= -github.com/spf13/cast v1.5.1/go.mod h1:b9PdjNptOpzXr7Rq1q9gJML/2cdGQAo69NKzQ10KN48= -github.com/spf13/cobra v1.7.0 h1:hyqWnYt1ZQShIddO5kBpj3vu05/++x6tJ6dg8EC572I= -github.com/spf13/cobra v1.7.0/go.mod h1:uLxZILRyS/50WlhOIKD7W6V5bgeIt+4sICxh6uRMrb0= +github.com/spf13/cast v1.6.0 h1:GEiTHELF+vaR5dhz3VqZfFSzZjYbgeKDpBxQVS4GYJ0= +github.com/spf13/cast v1.6.0/go.mod h1:ancEpBxwJDODSW/UG4rDrAqiKolqNNh2DX3mk86cAdo= +github.com/spf13/cobra v1.8.0 h1:7aJaZx1B85qltLMc546zn58BxxfZdR/W22ej9CFoEf0= +github.com/spf13/cobra v1.8.0/go.mod h1:WXLWApfZ71AjXPya3WOlMsY9yMs7YeiHhFVlvLyhcho= github.com/spf13/pflag v1.0.5 h1:iy+VFUOCP1a+8yFto/drg2CJ5u0yRoB7fZw3DKv/JXA= github.com/spf13/pflag v1.0.5/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg= github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME= @@ -217,23 +216,24 @@ github.com/valyala/fasttemplate v1.2.2/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+ github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY= go.opencensus.io v0.24.0 h1:y73uSU6J157QMP2kn2r30vwW1A2W2WFwSCGnAVxeaD0= go.opencensus.io v0.24.0/go.mod h1:vNK8G9p7aAivkbmorf4v+7Hgx+Zs0yY+0fOtgBfjQKo= -gocloud.dev v0.34.0 h1:LzlQY+4l2cMtuNfwT2ht4+fiXwWf/NmPTnXUlLmGif4= -gocloud.dev v0.34.0/go.mod h1:psKOachbnvY3DAOPbsFVmLIErwsbWPUG2H5i65D38vE= +gocloud.dev v0.36.0 h1:q5zoXux4xkOZP473e1EZbG8Gq9f0vlg1VNH5Du/ybus= +gocloud.dev v0.36.0/go.mod h1:bLxah6JQVKBaIxzsr5BQLYB4IYdWHkMZdzCXlo6F0gg= golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w= golang.org/x/crypto v0.0.0-20200622213623-75b288015ac9/go.mod h1:LzIPMQfyMNhhGPhUkYOs5KpL4U8rLKemX1yGLhDgUto= golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc= -golang.org/x/crypto v0.14.0 h1:wBqGXzWJW6m1XrIKlAH0Hs1JJ7+9KBwnIO8v66Q9cHc= -golang.org/x/crypto v0.14.0/go.mod h1:MVFd36DqK4CsrnJYDkBA3VC4m2GkXAM0PvzMCn4JQf4= +golang.org/x/crypto v0.18.0 h1:PGVlW0xEltQnzFZ55hkuX5+KLyrMYhHld1YHO4AKcdc= +golang.org/x/crypto v0.18.0/go.mod h1:R0j02AL6hcrfOiy9T4ZYp/rcWeMxM3L6QYxlOuEG1mg= golang.org/x/exp v0.0.0-20190121172915-509febef88a4/go.mod h1:CJ0aWSM057203Lf6IL+f9T1iT9GByDxfZKAQTCR3kQA= golang.org/x/image v0.0.0-20191009234506-e7c1f5e7dbb8/go.mod h1:FeLwcggjj3mMvU+oOTbSwawSJRM1uh48EjtB4UJZlP0= -golang.org/x/image v0.13.0 h1:3cge/F/QTkNLauhf2QoE9zp+7sr+ZcL4HnoZmdwg9sg= -golang.org/x/image v0.13.0/go.mod h1:6mmbMOeV28HuMTgA6OSRkdXKYw/t5W9Uwn2Yv1r3Yxk= +golang.org/x/image v0.14.0 h1:tNgSxAFe3jC4uYqvZdTr84SZoM1KfwdC9SKIFrLjFn4= +golang.org/x/image v0.14.0/go.mod h1:HUYqC05R2ZcZ3ejNQsIHQDQiwWM4JBqmm6MKANTp4LE= golang.org/x/lint v0.0.0-20181026193005-c67002cb31c3/go.mod h1:UVdnD1Gm6xHRNCYTkRU2/jEulfH38KcIWyp/GAMgvoE= golang.org/x/lint v0.0.0-20190227174305-5b3e6a55c961/go.mod h1:wehouNa3lNwaWXcvxsM5YxQ5yQlVC4a0KAMCusXpPoU= golang.org/x/lint v0.0.0-20190313153728-d0100b6bd8b3/go.mod h1:6SW0HCj/g11FgYtHlgUYUwCkIfeOF89ocIRzGO/8vkc= golang.org/x/mod v0.6.0-dev.0.20220419223038-86c51ed26bb4/go.mod h1:jJ57K6gSWd91VN4djpZkiMVwK6gcyfeH4XE8wZrZaV4= -golang.org/x/mod v0.13.0 h1:I/DsJXRlw/8l/0c24sM9yb0T4z9liZTduXvdAWYiysY= -golang.org/x/mod v0.13.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c= +golang.org/x/mod v0.8.0/go.mod h1:iBbtSCu2XBx23ZKBPSOrRkjjQPZFPuis4dIYUhu/chs= +golang.org/x/mod v0.14.0 h1:dGoOF9QVLYng8IHTm7BAyWqCqSheQ5pYWGhzW00YJr0= +golang.org/x/mod v0.14.0/go.mod h1:hTbmBsO62+eylJbnUtE2MGJUyE7QWk4xUqPFrRgJ+7c= golang.org/x/net v0.0.0-20180724234803-3673e40ba225/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4= golang.org/x/net v0.0.0-20180826012351-8a410e7b638d/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4= golang.org/x/net v0.0.0-20190213061140-3a22650c66bd/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4= @@ -245,19 +245,21 @@ golang.org/x/net v0.0.0-20201110031124-69a78807bb2b/go.mod h1:sp8m0HH+o8qH0wwXwY golang.org/x/net v0.0.0-20210226172049-e18ecbb05110/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg= golang.org/x/net v0.0.0-20210916014120-12bc252f5db8/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y= golang.org/x/net v0.0.0-20220722155237-a158d28d115b/go.mod h1:XRhObCWvk6IyKnWLug+ECip1KBveYUHfp+8e9klMJ9c= -golang.org/x/net v0.1.0/go.mod h1:Cx3nUiGt4eDBEyega/BKRp+/AlGL8hYe7U9odMt2Cco= +golang.org/x/net v0.6.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs= golang.org/x/net v0.7.0/go.mod h1:2Tu9+aMcznHK/AK1HMvgo6xiTLG5rD5rZLDS+rp2Bjs= -golang.org/x/net v0.17.0 h1:pVaXccu2ozPjCXewfr1S7xza/zcXTity9cCdXQYSjIM= -golang.org/x/net v0.17.0/go.mod h1:NxSsAGuq816PNPmqtQdLE42eU2Fs7NoRIZrHJAlaCOE= +golang.org/x/net v0.9.0/go.mod h1:d48xBJpPfHeWQsugry2m+kC02ZBRGRgulfHnEXEuWns= +golang.org/x/net v0.20.0 h1:aCL9BSgETF1k+blQaYUBx9hJ9LOGP3gAVemcZlf1Kpo= +golang.org/x/net v0.20.0/go.mod h1:z8BVo6PvndSri0LbOE3hAn0apkU+1YvI6E70E9jsnvY= golang.org/x/oauth2 v0.0.0-20180821212333-d2e6202438be/go.mod h1:N/0e6XlmueqKjAGxoOufVs8QHGRruUQn6yWY3a++T0U= -golang.org/x/oauth2 v0.13.0 h1:jDDenyj+WgFtmV3zYVoi8aE2BwtXFLWOA67ZfNWftiY= -golang.org/x/oauth2 v0.13.0/go.mod h1:/JMhi4ZRXAf4HG9LiNmxvk+45+96RUlVThiH8FzNBn0= +golang.org/x/oauth2 v0.15.0 h1:s8pnnxNVzjWyrvYdFUQq5llS1PX2zhPXmccZv99h7uQ= +golang.org/x/oauth2 v0.15.0/go.mod h1:q48ptWNTY5XWf+JNten23lcvHpLJ0ZSxF5ttTHKVCAM= golang.org/x/sync v0.0.0-20180314180146-1d60e4601c6f/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM= golang.org/x/sync v0.0.0-20181108010431-42b317875d0f/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM= golang.org/x/sync v0.0.0-20190423024810-112230192c58/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM= golang.org/x/sync v0.0.0-20220722155255-886fb9371eb4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM= -golang.org/x/sync v0.4.0 h1:zxkM55ReGkDlKSM+Fu41A+zmbZuaPVbGMzvvdUPznYQ= -golang.org/x/sync v0.4.0/go.mod h1:FU7BRWz2tNW+3quACPkgCx/L+uEAv1htQ0V83Z9Rj+Y= +golang.org/x/sync v0.1.0/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM= +golang.org/x/sync v0.5.0 h1:60k92dhOjHxJkrqnwsfl8KuaHbn/5dl0lUPUklKo3qE= +golang.org/x/sync v0.5.0/go.mod h1:Czt+wKu1gCyEFDUtn0jG5QVvpJ6rzVqr5aXyt9drQfk= golang.org/x/sys v0.0.0-20180830151530-49385e6e1522/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY= golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY= golang.org/x/sys v0.0.0-20190222072716-a9d3bda3a223/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY= @@ -269,17 +271,17 @@ golang.org/x/sys v0.0.0-20210615035016-665e8c7367d1/go.mod h1:oPkhp1MJrh7nUepCBc golang.org/x/sys v0.0.0-20220520151302-bc2c85ada10a/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.0.0-20220722155257-8c9f86f7a55f/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= -golang.org/x/sys v0.1.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.5.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= -golang.org/x/sys v0.13.0 h1:Af8nKPmuFypiUBjVoU9V20FiaFXOcuZI21p0ycVYYGE= -golang.org/x/sys v0.13.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= +golang.org/x/sys v0.7.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg= +golang.org/x/sys v0.16.0 h1:xWw16ngr6ZMtmxDyKyIgsE93KNKz5HKmMa3b8ALHidU= +golang.org/x/sys v0.16.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA= golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo= golang.org/x/term v0.0.0-20210927222741-03fcf44c2211/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8= -golang.org/x/term v0.1.0/go.mod h1:jbD1KX2456YbFQfuXm/mYQcufACuNUgVhRMnK/tPxf8= golang.org/x/term v0.5.0/go.mod h1:jMB1sMXY+tzblOD4FWmEbocvup2/aLOaQEp7JmGp78k= -golang.org/x/term v0.13.0 h1:bb+I9cTfFazGW51MZqBVmZy7+JEJMouUHTUSKVQLBek= -golang.org/x/term v0.13.0/go.mod h1:LTmsnFJwVN6bCy1rVCoS+qHT1HhALEFxKncY3WNNh4U= +golang.org/x/term v0.7.0/go.mod h1:P32HKFT3hSsZrRxla30E9HqToFYAQPCMs/zFMBUFqPY= +golang.org/x/term v0.16.0 h1:m+B6fahuftsE9qjo0VWp2FW0mB3MTJvR0BaMQrq0pmE= +golang.org/x/term v0.16.0/go.mod h1:yn7UURbUtPyrVJPGPq404EukNFxcm/foM+bV/bfcDsY= golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ= golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk= golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ= @@ -288,10 +290,11 @@ golang.org/x/text v0.3.7/go.mod h1:u+2+/6zg+i71rQMx5EYifcz6MCKuco9NR6JIITiCfzQ= golang.org/x/text v0.3.8/go.mod h1:E6s5w1FMmriuDzIBO73fBruAKo1PCIq6d2Q6DHfQ8WQ= golang.org/x/text v0.4.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8= golang.org/x/text v0.7.0/go.mod h1:mrYo+phRRbMaCq/xk9113O4dZlRixOauAjOtrjsXDZ8= -golang.org/x/text v0.13.0 h1:ablQoSUd0tRdKxZewP80B+BaqeKJuVhuRxj/dkrun3k= -golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE= -golang.org/x/time v0.3.0 h1:rg5rLMjNzMS1RkNLzCG38eapWhnYLFYXDXj2gOlr8j4= -golang.org/x/time v0.3.0/go.mod h1:tRJNPiyCQ0inRvYxbN9jk5I+vvW/OXSQhTDSoE431IQ= +golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8= +golang.org/x/text v0.14.0 h1:ScX5w1eTa3QqT8oi6+ziP7dTV1S2+ALU0bI+0zXKWiQ= +golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU= +golang.org/x/time v0.5.0 h1:o7cqy6amK/52YcAKIPlM3a+Fpj35zvRj2TP+e1xFSfk= +golang.org/x/time v0.5.0/go.mod h1:3BpzKBy/shNhVucY/MWOyx10tF3SFh9QdLuxbVysPQM= golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ= golang.org/x/tools v0.0.0-20190114222345-bf090417da8b/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ= golang.org/x/tools v0.0.0-20190226205152-f727befe758c/go.mod h1:9Yl7xja0Znq3iFh3HoIrodX9oNMXvdceNzlUR8zjMvY= @@ -300,14 +303,15 @@ golang.org/x/tools v0.0.0-20190422233926-fe54fb35175b/go.mod h1:LCzVGOaR6xXOjkQ3 golang.org/x/tools v0.0.0-20190524140312-2c0ae7006135/go.mod h1:RgjU9mgBXZiqYHBnxXauZ1Gv1EHHAz9KjViQ78xBX0Q= golang.org/x/tools v0.0.0-20191119224855-298f0cb1881e/go.mod h1:b+2E5dAYhXwXZwtnZ6UAqBI28+e2cm9otk0dWdXHAEo= golang.org/x/tools v0.1.12/go.mod h1:hNGJHUnrk76NpqgfD5Aqm5Crs+Hm0VOH/i9J2+nxYbc= -golang.org/x/tools v0.14.0 h1:jvNa2pY0M4r62jkRQ6RwEZZyPcymeL9XZMLBbV7U2nc= -golang.org/x/tools v0.14.0/go.mod h1:uYBEerGOWcJyEORxN+Ek8+TT266gXkNlHdJBwexUsBg= +golang.org/x/tools v0.6.0/go.mod h1:Xwgl3UAJ/d3gWutnCtw505GrjyAbvKui8lOU390QaIU= +golang.org/x/tools v0.16.0 h1:GO788SKMRunPIBCXiQyo2AaexLstOrVhuAL5YwsckQM= +golang.org/x/tools v0.16.0/go.mod h1:kYVVN6I1mBNoB1OX+noeBjbRk4IUEPa7JJ+TJMEooJ0= golang.org/x/xerrors v0.0.0-20190717185122-a985d3407aa7/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0= golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0= golang.org/x/xerrors v0.0.0-20231012003039-104605ab7028 h1:+cNy6SZtPcJQH3LJVLOSmiC7MMxXNOb3PU/VUEz+EhU= golang.org/x/xerrors v0.0.0-20231012003039-104605ab7028/go.mod h1:NDW/Ps6MPRej6fsCIbMTohpP40sJ/P/vI1MoTEGwX90= -google.golang.org/api v0.148.0 h1:HBq4TZlN4/1pNcu0geJZ/Q50vIwIXT532UIMYoo0vOs= -google.golang.org/api v0.148.0/go.mod h1:8/TBgwaKjfqTdacOJrOv2+2Q6fBDU1uHKK06oGSkxzU= +google.golang.org/api v0.153.0 h1:N1AwGhielyKFaUqH07/ZSIQR3uNPcV7NVw0vj+j4iR4= +google.golang.org/api v0.153.0/go.mod h1:3qNJX5eOmhiWYc67jRA/3GsDw97UFb5ivv7Y2PrriAY= google.golang.org/appengine v1.1.0/go.mod h1:EbEs0AVv82hx2wNQdGPgUI5lhzA/G0D9YwlJXL52JkM= google.golang.org/appengine v1.4.0/go.mod h1:xpcJRLb0r/rnEns0DIKYYv+WjYCduHsrkT7/EB5XEv4= google.golang.org/appengine v1.6.5/go.mod h1:8WjMMxjGQR8xUklV/ARdw2HLXBOI7O7uCIDZVag1xfc= @@ -316,12 +320,12 @@ google.golang.org/appengine v1.6.8/go.mod h1:1jJ3jBArFh5pcgW8gCtRJnepW8FzD1V44FJ google.golang.org/genproto v0.0.0-20180817151627-c66870c02cf8/go.mod h1:JiN7NxoALGmiZfu7CAH4rXhgtRTLTxftemlI0sWmxmc= google.golang.org/genproto v0.0.0-20190819201941-24fa4b261c55/go.mod h1:DMBHOl98Agz4BDEuKkezgsaosCRResVns1a3J2ZsMNc= google.golang.org/genproto v0.0.0-20200526211855-cb27e3aa2013/go.mod h1:NbSheEEYHJ7i3ixzK3sjbqSGDJWnxyFXZblF3eUsNvo= -google.golang.org/genproto v0.0.0-20231012201019-e917dd12ba7a h1:fwgW9j3vHirt4ObdHoYNwuO24BEZjSzbh+zPaNWoiY8= -google.golang.org/genproto v0.0.0-20231012201019-e917dd12ba7a/go.mod h1:EMfReVxb80Dq1hhioy0sOsY9jCE46YDgHlJ7fWVUWRE= -google.golang.org/genproto/googleapis/api v0.0.0-20231002182017-d307bd883b97 h1:W18sezcAYs+3tDZX4F80yctqa12jcP1PUS2gQu1zTPU= -google.golang.org/genproto/googleapis/api v0.0.0-20231002182017-d307bd883b97/go.mod h1:iargEX0SFPm3xcfMI0d1domjg0ZF4Aa0p2awqyxhvF0= -google.golang.org/genproto/googleapis/rpc v0.0.0-20231016165738-49dd2c1f3d0b h1:ZlWIi1wSK56/8hn4QcBp/j9M7Gt3U/3hZw3mC7vDICo= -google.golang.org/genproto/googleapis/rpc v0.0.0-20231016165738-49dd2c1f3d0b/go.mod h1:swOH3j0KzcDDgGUWr+SNpyTen5YrXjS3eyPzFYKc6lc= +google.golang.org/genproto v0.0.0-20231120223509-83a465c0220f h1:Vn+VyHU5guc9KjB5KrjI2q0wCOWEOIh0OEsleqakHJg= +google.golang.org/genproto v0.0.0-20231120223509-83a465c0220f/go.mod h1:nWSwAFPb+qfNJXsoeO3Io7zf4tMSfN8EA8RlDA04GhY= +google.golang.org/genproto/googleapis/api v0.0.0-20231120223509-83a465c0220f h1:2yNACc1O40tTnrsbk9Cv6oxiW8pxI/pXj0wRtdlYmgY= +google.golang.org/genproto/googleapis/api v0.0.0-20231120223509-83a465c0220f/go.mod h1:Uy9bTZJqmfrw2rIBxgGLnamc78euZULUBrLZ9XTITKI= +google.golang.org/genproto/googleapis/rpc v0.0.0-20231127180814-3a041ad873d4 h1:DC7wcm+i+P1rN3Ff07vL+OndGg5OhNddHyTA+ocPqYE= +google.golang.org/genproto/googleapis/rpc v0.0.0-20231127180814-3a041ad873d4/go.mod h1:eJVxU6o+4G1PSczBr85xmyvSNYAKvAYgkub40YGomFM= google.golang.org/grpc v1.19.0/go.mod h1:mqu4LbDTu4XGKhr4mRzUsmM4RtVoemTSY81AxZiDr8c= google.golang.org/grpc v1.23.0/go.mod h1:Y5yQAOtifL1yxbo5wqy6BxZv8vAUGQwXBOALyacEbxg= google.golang.org/grpc v1.25.1/go.mod h1:c3i+UQWmh7LiEpx4sFZnkU36qjEYZ0imhYfXVyQciAY= @@ -340,8 +344,8 @@ google.golang.org/protobuf v1.23.1-0.20200526195155-81db48ad09cc/go.mod h1:EGpAD google.golang.org/protobuf v1.25.0/go.mod h1:9JNX74DMeImyA3h4bdi1ymwjUzf21/xIlbajtzgsN7c= google.golang.org/protobuf v1.26.0-rc.1/go.mod h1:jlhhOSvTdKEhbULTjvd4ARK9grFBp09yW+WbY/TyQbw= google.golang.org/protobuf v1.26.0/go.mod h1:9q0QmTI4eRPtz6boOQmLYwt+qCgq0jsYwAQnmE0givc= -google.golang.org/protobuf v1.31.0 h1:g0LDEJHgrBl9N9r17Ru3sqWhkIx2NB67okBHPwC7hs8= -google.golang.org/protobuf v1.31.0/go.mod h1:HV8QOd/L58Z+nl8r43ehVNZIU/HEI6OcFqwMG9pJV4I= +google.golang.org/protobuf v1.32.0 h1:pPC6BG5ex8PDFnkbrGU3EixyhKcQ2aDuBS36lqK/C7I= +google.golang.org/protobuf v1.32.0/go.mod h1:c6P6GXX6sHbq/GpV6MGZEdwhWPcYBgnhAHhKbcUYpos= gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0= gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI= gopkg.in/yaml.v2 v2.2.8 h1:obN1ZagJSUGI0Ek/LBmuj4SNLPfIny3KsKFopxRdj10= @@ -361,16 +365,16 @@ modernc.org/ccorpus v1.11.6 h1:J16RXiiqiCgua6+ZvQot4yUuUy8zxgqbqEEUuGPlISk= modernc.org/ccorpus v1.11.6/go.mod h1:2gEUTrWqdpH2pXsmTM1ZkjeSrUWDpjMu2T6m29L/ErQ= modernc.org/httpfs v1.0.6 h1:AAgIpFZRXuYnkjftxTAZwMIiwEqAfk8aVB2/oA6nAeM= modernc.org/httpfs v1.0.6/go.mod h1:7dosgurJGp0sPaRanU53W4xZYKh14wfzX420oZADeHM= -modernc.org/libc v1.28.0 h1:kHB6LtDBV8DEAK7aZT1vWvP92abW9fb8cjb1P9UTpUE= -modernc.org/libc v1.28.0/go.mod h1:DaG/4Q3LRRdqpiLyP0C2m1B8ZMGkQ+cCgOIjEtQlYhQ= +modernc.org/libc v1.37.0 h1:WerjebcsP6A7Jy+f2lCnHAkiSTLf7IaSftBYUtoswak= +modernc.org/libc v1.37.0/go.mod h1:YAXkAZ8ktnkCKaN9sw/UDeUVkGYJ/YquGO4FTi5nmHE= modernc.org/mathutil v1.6.0 h1:fRe9+AmYlaej+64JsEEhoWuAYBkOtQiMEU7n/XgfYi4= modernc.org/mathutil v1.6.0/go.mod h1:Ui5Q9q1TR2gFm0AQRqQUaBWFLAhQpCwNcuhBOSedWPo= modernc.org/memory v1.7.2 h1:Klh90S215mmH8c9gO98QxQFsY+W451E8AnzjoE2ee1E= modernc.org/memory v1.7.2/go.mod h1:NO4NVCQy0N7ln+T9ngWqOQfi7ley4vpwvARR+Hjw95E= modernc.org/opt v0.1.3 h1:3XOZf2yznlhC+ibLltsDGzABUGVx8J6pnFMS3E4dcq4= modernc.org/opt v0.1.3/go.mod h1:WdSiB5evDcignE70guQKxYUl14mgWtbClRi5wmkkTX0= -modernc.org/sqlite v1.26.0 h1:SocQdLRSYlA8W99V8YH0NES75thx19d9sB/aFc4R8Lw= -modernc.org/sqlite v1.26.0/go.mod h1:FL3pVXie73rg3Rii6V/u5BoHlSoyeZeIgKZEgHARyCU= +modernc.org/sqlite v1.27.0 h1:MpKAHoyYB7xqcwnUwkuD+npwEa0fojF0B5QRbN+auJ8= +modernc.org/sqlite v1.27.0/go.mod h1:Qxpazz0zH8Z1xCFyi5GSL3FzbtZ3fvbjmywNogldEW0= modernc.org/strutil v1.2.0 h1:agBi9dp1I+eOnxXeiZawM8F4LawKv4NzGWSaLfyeNZA= modernc.org/strutil v1.2.0/go.mod h1:/mdcBmfOibveCTBxUl5B5l6W+TTH1FXPLHZE6bTosX0= modernc.org/tcl v1.15.2 h1:C4ybAYCGJw968e+Me18oW55kD/FexcHbqH2xak1ROSY= diff --git a/backend/model/eventModel.go b/backend/model/eventModel.go index 098c88a..05b3fec 100644 --- a/backend/model/eventModel.go +++ b/backend/model/eventModel.go @@ -41,36 +41,44 @@ type Event struct { models.BaseModel } -func (m *Event) Equals(event Event) bool { - return m.Day == event.Day && - m.Week == event.Week && - m.Start == event.Start && - m.End == event.End && - m.Name == event.Name && - m.Course == event.Course && - m.Prof == event.Prof && - m.Rooms == event.Rooms && - m.EventType == event.EventType +func (e *Event) Equals(event Event) bool { + return e.Day == event.Day && + e.Week == event.Week && + e.Start == event.Start && + e.End == event.End && + e.Name == event.Name && + e.Course == event.Course && + e.Prof == event.Prof && + e.Rooms == event.Rooms && + e.EventType == event.EventType } -func (m *Event) TableName() string { +func (e *Event) TableName() string { return "events" } // SetCourse func to set the course and returns the event -func (m *Event) SetCourse(course string) Event { - m.Course = course - return *m +func (e *Event) SetCourse(course string) Event { + e.Course = course + return *e } // Creates an AnonymizedEventDTO from an Event hiding all sensitive data -func (m *Event) AnonymizeEvent() AnonymizedEventDTO { +func (e *Event) AnonymizeEvent() AnonymizedEventDTO { return AnonymizedEventDTO{ - Day: m.Day, - Week: m.Week, - Start: m.Start, - End: m.End, - Rooms: m.Rooms, - Free: strings.Contains(strings.ToLower(m.Name), "zur freien verfügung"), + Day: e.Day, + Week: e.Week, + Start: e.Start, + End: e.End, + Rooms: e.Rooms, + Free: strings.Contains(strings.ToLower(e.Name), "zur freien verfügung"), } } + +func (e *Event) GetName() string { + return e.Name +} + +func (e *Event) SetName(name string) { + e.Name = name +} diff --git a/backend/model/eventModel_test.go b/backend/model/eventModel_test.go index 9608ba5..bbddeac 100644 --- a/backend/model/eventModel_test.go +++ b/backend/model/eventModel_test.go @@ -9,6 +9,8 @@ import ( ) func TestEvents_Contains(t *testing.T) { + specificTime, _ := types.ParseDateTime("2020-01-01 12:00:00.000Z") + type args struct { event Event } @@ -26,20 +28,20 @@ func TestEvents_Contains(t *testing.T) { }, { name: "one event", - m: Events{{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}}, - args: args{event: Event{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}}, + m: Events{{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}}, + args: args{event: Event{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}}, want: true, }, { name: "two events", - m: Events{{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, {Day: "test2", Week: "test2", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2"}}, - args: args{event: Event{Day: "test2", Week: "test2", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2"}}, + m: Events{{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, {Day: "test2", Week: "test2", Start: specificTime, End: specificTime, Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2"}}, + args: args{event: Event{Day: "test2", Week: "test2", Start: specificTime, End: specificTime, Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2"}}, want: true, }, { name: "two events with different values", - m: Events{{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test", UUID: "439ßu56rf8u9ijn4f4-2345345"}, {Day: "test2", Week: "test2", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2", UUID: "432a39ßu545349ijn4f4-23dsa45"}}, - args: args{event: Event{Day: "test3", Week: "test3", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test3", Course: "test3", Prof: "test3", Rooms: "test3", EventType: "test3", UUID: "934mf43r34f-g68h7655tg3"}}, + m: Events{{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test", UUID: "439ßu56rf8u9ijn4f4-2345345"}, {Day: "test2", Week: "test2", Start: specificTime, End: specificTime, Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2", UUID: "432a39ßu545349ijn4f4-23dsa45"}}, + args: args{event: Event{Day: "test3", Week: "test3", Start: specificTime, End: specificTime, Name: "test3", Course: "test3", Prof: "test3", Rooms: "test3", EventType: "test3", UUID: "934mf43r34f-g68h7655tg3"}}, want: false, }, } @@ -53,6 +55,8 @@ func TestEvents_Contains(t *testing.T) { } func TestEvent_Equals(t *testing.T) { + specificTime, _ := types.ParseDateTime("2020-01-01 12:00:00.000Z") + type fields struct { UUID string Day string @@ -86,20 +90,20 @@ func TestEvent_Equals(t *testing.T) { }, { name: "one empty one not", - fields: fields{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, + fields: fields{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, args: args{event: Event{}}, want: false, }, { name: "one event", - fields: fields{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, - args: args{event: Event{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}}, + fields: fields{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, + args: args{event: Event{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}}, want: true, }, { name: "two events", - fields: fields{Day: "test", Week: "test", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, - args: args{event: Event{Day: "test2", Week: "test2", Start: types.NowDateTime(), End: types.NowDateTime(), Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2"}}, + fields: fields{Day: "test", Week: "test", Start: specificTime, End: specificTime, Name: "test", Course: "test", Prof: "test", Rooms: "test", EventType: "test"}, + args: args{event: Event{Day: "test2", Week: "test2", Start: specificTime, End: specificTime, Name: "test2", Course: "test2", Prof: "test2", Rooms: "test2", EventType: "test2"}}, want: false, }, } diff --git a/backend/model/moduleModel.go b/backend/model/moduleModel.go index 438721e..807d9d4 100644 --- a/backend/model/moduleModel.go +++ b/backend/model/moduleModel.go @@ -8,3 +8,24 @@ type Module struct { Semester string `json:"semester" db:"semester"` Events Events `json:"events"` } + +func (m *Module) SetName(name string) { + m.Name = name +} + +type ModuleDTO struct { + UUID string `json:"uuid" db:"uuid"` + Name string `json:"name" db:"Name"` + Prof string `json:"prof" db:"Prof"` + Course string `json:"course" db:"course"` + Semester string `json:"semester" db:"semester"` + EventType string `db:"EventType" json:"eventType"` +} + +func (m *ModuleDTO) GetName() string { + return m.Name +} + +func (m *ModuleDTO) SetName(name string) { + m.Name = name +} diff --git a/backend/service/addSchedule.go b/backend/service/addSchedule.go index 8f85500..fb0897d 100644 --- a/backend/service/addSchedule.go +++ b/backend/service/addSchedule.go @@ -5,9 +5,13 @@ import ( "github.com/pocketbase/pocketbase/core" "github.com/pocketbase/pocketbase/tools/cron" "htwkalender/service/course" + "htwkalender/service/events" "htwkalender/service/feed" "htwkalender/service/fetch/sport" + v2 "htwkalender/service/fetch/v2" "htwkalender/service/functions/time" + "log" + "strconv" "log/slog" ) @@ -24,19 +28,37 @@ func AddSchedules(app *pocketbase.PocketBase) { course.UpdateCourse(app) }) - // Every sunday at 3am clean all courses (5 segments - minute, hour, day, month, weekday) "0 3 * * 0" - scheduler.MustAdd("cleanFeeds", "0 3 * * 0", func() { + // Every sunday at 1am clean all courses (5 segments - minute, hour, day, month, weekday) "0 3 * * 0" + scheduler.MustAdd("cleanFeeds", "0 1 * * 0", func() { // clean feeds older than 6 months slog.Info("Started cleaning feeds schedule") feed.ClearFeeds(app.Dao(), 6, time.RealClock{}) }) + // Every sunday at 3am fetch all sport events (5 segments - minute, hour, day, month, weekday) "0 2 * * 0" + scheduler.MustAdd("fetchSportEvents", "0 3 * * 0", func() { // Every sunday at 2am fetch all sport events (5 segments - minute, hour, day, month, weekday) "0 2 * * 0" scheduler.MustAdd("fetchEvents", "0 2 * * 0", func() { slog.Info("Started fetching sport events schedule") sport.FetchAndUpdateSportEvents(app) }) + //delete all events and then fetch all events from remote this should be done every sunday at 2am + scheduler.MustAdd("fetchEvents", "0 2 * * 0", func() { + err := events.DeleteAllEvents(app) + if err != nil { + log.Println(err) + } + + err, savedEvents := v2.FetchAllEventsAndSave(app) + if err != nil { + log.Println(err) + } else { + log.Println("Successfully saved: " + strconv.FormatInt(int64(len(savedEvents)), 10) + " events") + } + + }) + scheduler.Start() return nil }) diff --git a/backend/service/date/dateFormat_test.go b/backend/service/date/dateFormat_test.go index 32fc99f..7566353 100644 --- a/backend/service/date/dateFormat_test.go +++ b/backend/service/date/dateFormat_test.go @@ -7,6 +7,8 @@ import ( ) func Test_getDateFromWeekNumber(t *testing.T) { + europeTime, _ := time.LoadLocation("Europe/Berlin") + type args struct { year int weekNumber int @@ -25,7 +27,7 @@ func Test_getDateFromWeekNumber(t *testing.T) { weekNumber: 1, dayName: "Montag", }, - want: time.Date(2021, 1, 4, 0, 0, 0, 0, time.UTC), + want: time.Date(2021, 1, 4, 0, 0, 0, 0, europeTime), wantErr: false, }, { @@ -35,7 +37,7 @@ func Test_getDateFromWeekNumber(t *testing.T) { weekNumber: 57, dayName: "Montag", }, - want: time.Date(2024, 1, 29, 0, 0, 0, 0, time.UTC), + want: time.Date(2024, 1, 29, 0, 0, 0, 0, europeTime), wantErr: false, }, { @@ -45,7 +47,7 @@ func Test_getDateFromWeekNumber(t *testing.T) { weekNumber: 1, dayName: "Montag", }, - want: time.Date(2023, 1, 2, 0, 0, 0, 0, time.UTC), + want: time.Date(2023, 1, 2, 0, 0, 0, 0, europeTime), wantErr: false, }, } diff --git a/backend/service/db/dbEvents.go b/backend/service/db/dbEvents.go index 10124c4..dec5da3 100644 --- a/backend/service/db/dbEvents.go +++ b/backend/service/db/dbEvents.go @@ -127,20 +127,14 @@ func buildIcalQueryForModules(modules []model.FeedCollection) dbx.Expression { //second check if modules has only one element if len(modules) == 1 { - return dbx.And( - dbx.HashExp{"Name": modules[0].Name}, - dbx.HashExp{"course": modules[0].Course}, - ) + return dbx.HashExp{"uuid": modules[0].UUID} } //third check if modules has more than one element var wheres []dbx.Expression for _, module := range modules { - where := dbx.And( - dbx.HashExp{"Name": module.Name}, - dbx.HashExp{"course": module.Course}, - ) + where := dbx.HashExp{"uuid": module.UUID} wheres = append(wheres, where) } @@ -196,16 +190,16 @@ func GetAllModulesForCourse(app *pocketbase.PocketBase, course string, semester return events, nil } -func GetAllModulesDistinctByNameAndCourse(app *pocketbase.PocketBase) (model.Events, error) { - var events model.Events +func GetAllModulesDistinctByNameAndCourse(app *pocketbase.PocketBase) ([]model.ModuleDTO, error) { + var modules []model.ModuleDTO - err := app.Dao().DB().Select("*").From("events").GroupBy("Name").Distinct(true).All(&events) + err := app.Dao().DB().Select("Name", "EventType", "Prof", "course", "semester", "uuid").From("events").GroupBy("Name", "Course").Distinct(true).All(&modules) if err != nil { slog.Error("Error while getting events from database: ", err) return nil, fmt.Errorf("error while getting events distinct by name and course from data") } - return events, nil + return modules, nil } func DeleteAllEventsForCourse(app *pocketbase.PocketBase, course string, semester string) error { diff --git a/backend/service/db/dbEvents_test.go b/backend/service/db/dbEvents_test.go index 8d46131..b8fa224 100644 --- a/backend/service/db/dbEvents_test.go +++ b/backend/service/db/dbEvents_test.go @@ -23,13 +23,13 @@ func Test_buildIcalQueryForModules(t *testing.T) { }, { name: "one module", - args: args{modules: []model.FeedCollection{{Name: "test", Course: "test"}}}, - want: dbx.And(dbx.HashExp{"Name": "test"}, dbx.HashExp{"course": "test"}), + args: args{modules: []model.FeedCollection{{Name: "test", Course: "test", UUID: "test"}}}, + want: dbx.HashExp{"uuid": "test"}, }, { name: "two modules", - args: args{modules: []model.FeedCollection{{Name: "test", Course: "test"}, {Name: "test2", Course: "test2"}}}, - want: dbx.Or(dbx.And(dbx.HashExp{"Name": "test"}, dbx.HashExp{"course": "test"}), dbx.And(dbx.HashExp{"Name": "test2"}, dbx.HashExp{"course": "test2"})), + args: args{modules: []model.FeedCollection{{Name: "test", Course: "test", UUID: "test"}, {Name: "test2", Course: "test2", UUID: "test2"}}}, + want: dbx.Or(dbx.HashExp{"uuid": "test"}, dbx.HashExp{"uuid": "test2"}), }, } for _, tt := range tests { diff --git a/backend/service/db/dbRooms.go b/backend/service/db/dbRooms.go index be2ee41..c344b16 100644 --- a/backend/service/db/dbRooms.go +++ b/backend/service/db/dbRooms.go @@ -13,25 +13,47 @@ import ( func GetRooms(app *pocketbase.PocketBase) ([]string, error) { var events []struct { - Rooms string `db:"Rooms" json:"Rooms"` + Rooms string `db:"Rooms" json:"Rooms"` + Course string `db:"course" json:"Course"` } // get all rooms from event records in the events collection - err := app.Dao().DB().Select("Rooms").From("events").All(&events) + err := app.Dao().DB().Select("Rooms", "course").From("events").Distinct(true).All(&events) if err != nil { return nil, err } - var roomArray []string + roomArray := clearAndSeparateRooms([]struct { + Rooms string + Course string + }(events)) + return roomArray +} + +func clearAndSeparateRooms(events []struct { + Rooms string + Course string +}) []string { + var roomArray []string for _, event := range events { - var room = strings.FieldsFunc(event.Rooms, functions.IsSeparator( - []rune{',', ' ', '\t', '\n', '\r', '\u00A0'}, - )) + + var room []string + + // sport rooms don't have to be separated + if event.Course != "Sport" { + //split rooms by comma, tab, newline, carriage return, semicolon, space and non-breaking space + room = strings.FieldsFunc(event.Rooms, functions.IsSeparator( + []rune{',', '\t', '\n', '\r', ';', ' ', '\u00A0'}), + ) + } else { + room = append(room, event.Rooms) + } + //split functions room by space and add each room to array if it is not already in there for _, r := range room { var text = strings.TrimSpace(r) - if !functions.Contains(roomArray, text) && !strings.Contains(text, " ") && len(text) >= 1 { + if !functions.Contains(roomArray, text) && len(text) >= 1 { roomArray = append(roomArray, text) } } diff --git a/backend/service/events/eventService.go b/backend/service/events/eventService.go index 86eb613..d217ffa 100644 --- a/backend/service/events/eventService.go +++ b/backend/service/events/eventService.go @@ -12,17 +12,28 @@ import ( func GetModulesForCourseDistinct(app *pocketbase.PocketBase, course string, semester string) (model.Events, error) { modules, err := db.GetAllModulesForCourse(app, course, semester) - replaceEmptyEntry(modules, "Sonderveranstaltungen") + + // Convert the []model.Module to []Named + var namedEvents []Named + for _, module := range modules { + namedEvents = append(namedEvents, &module) + } + + replaceEmptyEntry(namedEvents, "Sonderveranstaltungen") return modules, err } +type Named interface { + GetName() string + SetName(name string) +} + // replaceEmptyEntry replaces an empty entry in a module with a replacement string // If the module is not empty, nothing happens -func replaceEmptyEntry(modules model.Events, replacement string) { - - for i, module := range modules { - if functions.OnlyWhitespace(module.Name) { - modules[i].Name = replacement +func replaceEmptyEntry(namedList []Named, replacement string) { + for i, namedItem := range namedList { + if functions.OnlyWhitespace(namedItem.GetName()) { + namedList[i].SetName(replacement) } } } @@ -32,7 +43,12 @@ func replaceEmptyEntry(modules model.Events, replacement string) { func GetAllModulesDistinct(app *pocketbase.PocketBase, c echo.Context) error { modules, err := db.GetAllModulesDistinctByNameAndCourse(app) - replaceEmptyEntry(modules, "Sonderveranstaltungen") + var namedModules []Named + for _, module := range modules { + namedModules = append(namedModules, &module) + } + + replaceEmptyEntry(namedModules, "Sonderveranstaltungen") if err != nil { return c.JSON(400, err) diff --git a/backend/service/fetch/sport/sportFetcher.go b/backend/service/fetch/sport/sportFetcher.go index 47ba277..1bff08a 100644 --- a/backend/service/fetch/sport/sportFetcher.go +++ b/backend/service/fetch/sport/sportFetcher.go @@ -18,8 +18,9 @@ import ( "github.com/PuerkitoBio/goquery" ) -// @TODO: add tests -// @TODO: make it like a cron job to fetch the sport courses once a week +// FetchAndUpdateSportEvents fetches all sport events from the HTWK sport website +// it deletes them first and then saves them to the database +// It returns all saved events func FetchAndUpdateSportEvents(app *pocketbase.PocketBase) []model.Event { var sportCourseLinks = fetchAllAvailableSportCourses() @@ -56,6 +57,7 @@ func FetchAndUpdateSportEvents(app *pocketbase.PocketBase) []model.Event { } } + // @TODO: delete and save events in one transaction and it only should delete events that are not in the new events list and save events that are not in the database err = db.DeleteAllEventsForCourse(app, "Sport", functions.GetCurrentSemesterString()) if err != nil { return nil @@ -89,7 +91,7 @@ func formatEntriesToEvents(entries []model.SportEntry) []model.Event { Week: strconv.Itoa(23), Start: start, End: end, - Name: entry.Title + " " + entry.Details.Type + " (" + entry.ID + ")", + Name: entry.Title + " (" + entry.ID + ")", EventType: entry.Details.Type, Prof: entry.Details.CourseLead.Name, Rooms: entry.Details.Location.Name, diff --git a/backend/service/fetch/v1/fetchSeminarEventService_test.go b/backend/service/fetch/v1/fetchSeminarEventService_test.go index 3811b85..b86e6e8 100644 --- a/backend/service/fetch/v1/fetchSeminarEventService_test.go +++ b/backend/service/fetch/v1/fetchSeminarEventService_test.go @@ -267,7 +267,6 @@ func Test_generateUUIDs(t *testing.T) { } func Test_createTimeFromHourAndMinuteString(t *testing.T) { - europeTime, _ := time.LoadLocation("Europe/Berlin") type args struct { tableTime string } @@ -281,21 +280,21 @@ func Test_createTimeFromHourAndMinuteString(t *testing.T) { args: args{ tableTime: "08:00", }, - want: time.Date(0, 0, 0, 8, 0, 0, 0, europeTime), + want: time.Date(0, 0, 0, 8, 0, 0, 0, time.UTC), }, { name: "Test 2", args: args{ tableTime: "08:15", }, - want: time.Date(0, 0, 0, 8, 15, 0, 0, europeTime), + want: time.Date(0, 0, 0, 8, 15, 0, 0, time.UTC), }, { name: "Test 3", args: args{ tableTime: "08:30", }, - want: time.Date(0, 0, 0, 8, 30, 0, 0, europeTime), + want: time.Date(0, 0, 0, 8, 30, 0, 0, time.UTC), }, } for _, tt := range tests { diff --git a/backend/service/fetch/v2/eventParser.go b/backend/service/fetch/v2/eventParser.go index 752bb24..d775603 100644 --- a/backend/service/fetch/v2/eventParser.go +++ b/backend/service/fetch/v2/eventParser.go @@ -35,7 +35,7 @@ func toEvents(tables [][]*html.Node, days []string) []model.Event { Prof: getTextContent(tableData[6]), Rooms: getTextContent(tableData[8]), BookedAt: getTextContent(tableData[10]), - Course: course, + Course: strings.TrimSpace(course), }) } } diff --git a/backend/service/fetch/v2/fetcher.go b/backend/service/fetch/v2/fetcher.go index 93044c8..2db6d73 100644 --- a/backend/service/fetch/v2/fetcher.go +++ b/backend/service/fetch/v2/fetcher.go @@ -23,8 +23,33 @@ func ParseEventsFromRemote(app *pocketbase.PocketBase) (model.Events, error) { func FetchAllEventsAndSave(app *pocketbase.PocketBase, clock localTime.Clock) ([]model.Event, error) { var savedRecords []model.Event + var stubUrl = [2]string{ + "https://stundenplan.htwk-leipzig.de/", + "/Berichte/Text-Listen;Veranstaltungsarten;name;" + + "Vp%0A" + + "Vw%0A" + + "V%0A" + + "Sp%0A" + + "Sw%0A" + + "S%0A" + + "Pp%0A" + + "Pw%0A" + + "P%0A" + + "ZV%0A" + + "Tut%0A" + + "Sperr%0A" + + "pf%0A" + + "wpf%0A" + + "fak%0A" + + "Pruefung%0A" + + "Vertretung%0A" + + "Fremdveranst.%0A" + + "Buchen%0A" + + "%0A?&template=sws_modul&weeks=1-65&combined=yes", + } + if (clock.Now().Month() >= 3) && (clock.Now().Month() <= 10) { - url := "https://stundenplan.htwk-leipzig.de/ss/Berichte/Text-Listen;Veranstaltungsarten;name;Vp%0AVw%0AV%0ASp%0ASw%0AS%0APp%0APw%0AP%0AZV%0ATut%0ASperr%0Apf%0Awpf%0Afak%0A%0A?&template=sws_modul&weeks=1-65&combined=yes" + url := stubUrl[0] + "ss" + stubUrl[1] events, err := parseEventForOneSemester(url) if err != nil { return nil, fmt.Errorf("failed to parse events for summmer semester: %w", err) @@ -37,7 +62,7 @@ func FetchAllEventsAndSave(app *pocketbase.PocketBase, clock localTime.Clock) ([ } if (clock.Now().Month() >= 9) || (clock.Now().Month() <= 4) { - url := "https://stundenplan.htwk-leipzig.de/ws/Berichte/Text-Listen;Veranstaltungsarten;name;Vp%0AVw%0AV%0ASp%0ASw%0AS%0APp%0APw%0AP%0AZV%0ATut%0ASperr%0Apf%0Awpf%0Afak%0A%0A?&template=sws_modul&weeks=1-65&combined=yes" + url := stubUrl[0] + "ws" + stubUrl[1] events, err := parseEventForOneSemester(url) if err != nil { return nil, fmt.Errorf("failed to parse events for winter semester: %w", err) @@ -46,7 +71,7 @@ func FetchAllEventsAndSave(app *pocketbase.PocketBase, clock localTime.Clock) ([ if dbError != nil { return nil, fmt.Errorf("failed to save events: %w", dbError) } - savedRecords = append(savedEvents, events...) + savedRecords = append(savedRecords, savedEvents...) } return savedRecords, nil } @@ -87,21 +112,26 @@ func parseEventForOneSemester(url string) ([]model.Event, error) { semesterString := findFirstSpanWithClass(table, "header-0-2-0").FirstChild.Data semester, year := extractSemesterAndYear(semesterString) events = convertWeeksToDates(events, semester, year) - events = generateUUIDs(events) events = splitEventType(events) - - var seminarGroup = model.SeminarGroup{ - University: findFirstSpanWithClass(table, "header-1-0-0").FirstChild.Data, - Events: events, - } - - if seminarGroup.Events == nil && seminarGroup.University == "" { - return nil, err - } + events = switchNameAndNotesForExam(events) + events = generateUUIDs(events) return events, nil } +// switch name and notes for Pruefung events when Note is not empty and Name starts with "Prüfungen" and contains email +func switchNameAndNotesForExam(events []model.Event) []model.Event { + for i, event := range events { + if event.EventType == "Pruefung" { + if event.Notes != "" && strings.HasPrefix(event.Name, "Prüfungen") && strings.Contains(event.Name, "@") { + events[i].Name = event.Notes + events[i].Notes = event.Name + } + } + } + return events +} + func parseHTML(webpage string, err error) (*html.Node, error) { doc, err := html.Parse(strings.NewReader(webpage)) if err != nil { diff --git a/backend/service/fetch/v2/fetcher_test.go b/backend/service/fetch/v2/fetcher_test.go new file mode 100644 index 0000000..c0acff6 --- /dev/null +++ b/backend/service/fetch/v2/fetcher_test.go @@ -0,0 +1,83 @@ +package v2 + +import ( + "htwkalender/model" + "reflect" + "testing" +) + +func Test_switchNameAndNotesForExam(t *testing.T) { + type args struct { + events []model.Event + } + tests := []struct { + name string + args args + want []model.Event + }{ + { + name: "switch name and notes for exam", + args: args{ + events: []model.Event{ + { + EventType: "Pruefung", + Name: "Prüfungen FING/EIT WiSe (pruefungsamt.fing-eit@htwk-leipzig.de)", + Notes: "Computer Vision II - Räume/Zeit unter Vorbehalt- (Raum W111.1)", + }, + }, + }, + want: []model.Event{ + { + EventType: "Pruefung", + Name: "Computer Vision II - Räume/Zeit unter Vorbehalt- (Raum W111.1)", + Notes: "Prüfungen FING/EIT WiSe (pruefungsamt.fing-eit@htwk-leipzig.de)", + }, + }, + }, + { + name: "dont switch name and notes for exam", + args: args{ + events: []model.Event{ + { + EventType: "Pruefung", + Name: "i054 Umweltschutz und Recycling DPB & VNB 7.FS (wpf)", + Notes: "Prüfung", + }, + }, + }, + want: []model.Event{ + { + EventType: "Pruefung", + Notes: "Prüfung", + Name: "i054 Umweltschutz und Recycling DPB & VNB 7.FS (wpf)", + }, + }, + }, + { + name: "dont switch name and notes for exam", + args: args{ + events: []model.Event{ + { + EventType: "Pruefung", + Name: "Prüfungen FING/ME WiSe (pruefungsamt.fing-me@htwk-leipzig.de)", + Notes: "", + }, + }, + }, + want: []model.Event{ + { + EventType: "Pruefung", + Notes: "", + Name: "Prüfungen FING/ME WiSe (pruefungsamt.fing-me@htwk-leipzig.de)", + }, + }, + }, + } + for _, tt := range tests { + t.Run(tt.name, func(t *testing.T) { + if got := switchNameAndNotesForExam(tt.args.events); !reflect.DeepEqual(got, tt.want) { + t.Errorf("switchNameAndNotesForExam() = %v, want %v", got, tt.want) + } + }) + } +} diff --git a/frontend/index.html b/frontend/index.html index 9c884cf..e6dcf4f 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -3,7 +3,11 @@ - + HTWKalender diff --git a/frontend/package.json b/frontend/package.json index b93816b..89469bf 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -8,36 +8,40 @@ "build": "vue-tsc && vite build", "preview": "vite preview", "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src", - "format": "prettier . --write" + "lint-no-fix": "eslint --ext .js,.vue --ignore-path .gitignore src", + "format": "prettier . --write", + "test": "vitest" }, "dependencies": { - "@fullcalendar/core": "^6.1.9", - "@fullcalendar/daygrid": "^6.1.9", - "@fullcalendar/interaction": "^6.1.9", - "@fullcalendar/timegrid": "^6.1.9", - "@fullcalendar/vue3": "^6.1.9", - "@vueuse/core": "^10.6.1", - "pinia": "^2.1.6", + "@fullcalendar/core": "^6.1.10", + "@fullcalendar/daygrid": "^6.1.10", + "@fullcalendar/interaction": "^6.1.10", + "@fullcalendar/timegrid": "^6.1.10", + "@fullcalendar/vue3": "^6.1.10", + "@vueuse/core": "^10.7.1", + "pinia": "^2.1.7", "primeflex": "^3.3.1", "primeicons": "^6.0.1", - "primevue": "^3.32.2", - "vue": "^3.3.4", - "vue-i18n": "^9.4.1", - "vue-router": "^4.2.4" + "primevue": "^3.46.0", + "source-sans-pro": "^3.6.0", + "vue": "^3.4.11", + "vue-i18n": "^9.9.0", + "vue-router": "^4.2.5" }, "devDependencies": { - "@types/node": "^20.5.9", - "@vitejs/plugin-vue": "^4.2.3", + "@types/node": "^20.11.0", + "@vitejs/plugin-vue": "^5.0.3", "@vue/eslint-config-typescript": "^12.0.0", - "eslint": "^8.48.0", - "eslint-config-prettier": "^9.0.0", - "eslint-plugin-vue": "^9.17.0", - "moment-timezone": "^0.5.43", - "prettier": "3.0.2", - "sass": "^1.69.5", - "sass-loader": "^13.3.2", - "typescript": "^5.0.2", - "vite": "^4.4.12", - "vue-tsc": "^1.8.5" + "eslint": "^8.56.0", + "eslint-config-prettier": "^9.1.0", + "eslint-plugin-vue": "^9.20.0", + "moment-timezone": "^0.5.44", + "prettier": "3.2.1", + "sass": "^1.69.7", + "sass-loader": "^13.3.3", + "typescript": "^5.3.3", + "vite": "^5.0.11", + "vitest": "^1.2.0", + "vue-tsc": "^1.8.27" } } diff --git a/frontend/public/themes/lara-dark-blue/theme.css b/frontend/public/themes/lara-dark-blue/theme.css index 8e98855..f15c91f 100644 --- a/frontend/public/themes/lara-dark-blue/theme.css +++ b/frontend/public/themes/lara-dark-blue/theme.css @@ -1,16 +1,95 @@ :root { - --surface-a:#071426; - --surface-b:#040d19; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#0b213f; - --surface-e:#071426; - --surface-f:#071426; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#93C5FD; - --primary-color-text:#1c2127; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #040d19; + --htwk-yellow: #ffed00; + --htwk-magenta: #e5007d; + --htwk-rot: #e53009; + --htwk-gruen: #00964e; + --htwk-cyan: #009ee3; + --htwk-blau: #004699; + + --htwk-silbergrau: #bec3c6; + --htwk-silbergrau-80: #cbd3d1; + --htwk-silbergrau-60: #d8dedc; + --htwk-silbergrau-40: #e5e9e8; + --htwk-grau-140: #1b2022; + --htwk-grau-120: #242b2d; + --htwk-grau: #2e3639; + --htwk-grau-80: #575e60; + --htwk-grau-60: #818688; + --htwk-grau-40: #abaeaf; + --htwk-dunkelblau: #022541; + --htwk-dunkelblau-80: #345067; + --htwk-dunkelblau-60: #677c8d; + --htwk-dunkelblau-40: #99a7b3; + + --htwk-schwarz: #000000; + + --button-primary: var(--htwk-yellow); + --button-primary-border: var(--htwk-yellow); + --button-secondary: color-mix(in srgb, var(--htwk-yellow), #000000 30%); + --button-tertiary: color-mix(in srgb, var(--htwk-yellow), #ffffff 50%); + + --info-primary: var(--htwk-blau); /*#449bfc*/ + --info-secondary: color-mix( + in srgb, + var(--htwk-blau), + #ffffff 15% + ); /*#6cb0fc*/ + --info-tertiary: color-mix( + in srgb, + var(--htwk-blau), + #ffffff 30% + ); /*#7fbafd*/ + + --warning-primary: color-mix( + in srgb, + var(--htwk-yellow), + #000000 15% + ); /*#fbc30c*/ + --warning-secondary: var(--htwk-yellow); /*#fcd34d #fbcb2d*/ + --warning-tertiary: color-mix( + in srgb, + var(--htwk-yellow), + #ffffff 50% + ); /*#fde082*/ + + --error-primary: color-mix( + in srgb, + var(--htwk-magenta), + #000000 15% + ); /*#ff5757*/ + --error-secondary: var(--htwk-magenta); /*#fca5a5*/ + --error-tertiary: color-mix( + in srgb, + var(--htwk-magenta), + #ffffff 50% + ); /*#ffe7e6*/ + + --success-primary: var(--htwk-gruen); /*#1ea97c*/ + --success-secondary: color-mix( + in srgb, + var(--htwk-gruen), + #ffffff 15% + ); /*#86efac*/ + --success-tertiary: color-mix( + in srgb, + var(--htwk-gruen), + #ffffff 30% + ); /*#aaf4c5*/ + + --surface-a: var(--htwk-grau); /*#071426*/ + --surface-b: var(--htwk-schwarz); /*#040d19*/ + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: var(--htwk-grau); /*#0b213f*/ + --surface-e: var(--htwk-grau); /*#071426*/ + --surface-f: var(--htwk-grau); /*#071426*/ + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: var(--htwk-yellow); /*#93c5fd*/ + --primary-color-text: var(--htwk-schwarz); /*#1c2127*/ + --font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, + Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, + Segoe UI Symbol; + --surface-0: var(--htwk-schwarz); /*#040d19*/ --surface-50: #1d2530; --surface-100: #363d47; --surface-200: #4f565e; @@ -30,21 +109,51 @@ --gray-600: #4f565e; --gray-700: #363d47; --gray-800: #1d2530; - --gray-900: #040d19; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#040d19; - --surface-section:#040d19; - --surface-card:#071426; - --surface-overlay:#071426; - --surface-border:#0b213f; - --surface-hover:rgba(255,255,255,.03); - --focus-ring: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + --gray-900: var(--htwk-schwarz); /*#040d19*/ + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: var(--htwk-grau); /*#040d19*/ + --surface-section: var(--htwk-grau); /*#040d19*/ + --surface-card: var(--htwk-grau); /*#071426*/ + --surface-overlay: var(--htwk-grau); /*#071426*/ + --surface-border: var(--htwk-dunkelblau-60); /*#0b213f*/ + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5) + /*rgba(147, 197, 253, 0.5)*/; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: rgba(147, 197, 253, 0.16); + --highlight-bg: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ --highlight-text-color: rgba(255, 255, 255, 0.87); color-scheme: dark; + background-color: var(--htwk-grau-140); +} + +/** css text selection in magenta */ +::selection { + background: var(--htwk-yellow); + color: var(--htwk-schwarz); +} + +a { + color: var(--htwk-yellow); +} + +a:visited { + color: var(--htwk-magenta); +} + +a:hover, +a:visited:hover { + color: white; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 100; } * { @@ -52,7 +161,18 @@ } .p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } @@ -62,12 +182,13 @@ transition-duration: 0.2s; } -.p-disabled, .p-component:disabled { +.p-disabled, +.p-component:disabled { opacity: 0.4; } .p-error { - color: #FCA5A5; + color: var(--error-secondary); } .p-text-secondary { @@ -85,13 +206,24 @@ .p-link { font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; border-radius: 6px; } .p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-component-overlay-enter { @@ -120,126 +252,126 @@ } :root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; - --red-50:#fff5f5; - --red-100:#ffd0ce; - --red-200:#ffaca7; - --red-300:#ff8780; - --red-400:#ff6259; - --red-500:#ff3d32; - --red-600:#d9342b; - --red-700:#b32b23; - --red-800:#8c221c; - --red-900:#661814; - --primary-50:#fafcff; - --primary-100:#e5f1ff; - --primary-200:#d1e6fe; - --primary-300:#bcdbfe; - --primary-400:#a8d0fd; - --primary-500:#93c5fd; - --primary-600:#7da7d7; - --primary-700:#678ab1; - --primary-800:#516c8b; - --primary-900:#3b4f65; + --blue-50: #f5f9ff; + --blue-100: #d0e1fd; + --blue-200: #abc9fb; + --blue-300: #85b2f9; + --blue-400: #609af8; + --blue-500: #3b82f6; + --blue-600: #326fd1; + --blue-700: #295bac; + --blue-800: #204887; + --blue-900: #183462; + --green-50: #f4fcf7; + --green-100: #caf1d8; + --green-200: #a0e6ba; + --green-300: #76db9b; + --green-400: #4cd07d; + --green-500: #22c55e; + --green-600: #1da750; + --green-700: #188a42; + --green-800: #136c34; + --green-900: #0e4f26; + --yellow-50: #fefbf3; + --yellow-100: #faedc4; + --yellow-200: #f6de95; + --yellow-300: #f2d066; + --yellow-400: #eec137; + --yellow-500: #eab308; + --yellow-600: #c79807; + --yellow-700: #a47d06; + --yellow-800: #816204; + --yellow-900: #5e4803; + --cyan-50: #f3fbfd; + --cyan-100: #c3edf5; + --cyan-200: #94e0ed; + --cyan-300: #65d2e4; + --cyan-400: #35c4dc; + --cyan-500: #06b6d4; + --cyan-600: #059bb4; + --cyan-700: #047f94; + --cyan-800: #036475; + --cyan-900: #024955; + --pink-50: #fef6fa; + --pink-100: #fad3e7; + --pink-200: #f7b0d3; + --pink-300: #f38ec0; + --pink-400: #f06bac; + --pink-500: #ec4899; + --pink-600: #c93d82; + --pink-700: #a5326b; + --pink-800: #822854; + --pink-900: #5e1d3d; + --indigo-50: #f7f7fe; + --indigo-100: #dadafc; + --indigo-200: #bcbdf9; + --indigo-300: #9ea0f6; + --indigo-400: #8183f4; + --indigo-500: #6366f1; + --indigo-600: #5457cd; + --indigo-700: #4547a9; + --indigo-800: #363885; + --indigo-900: #282960; + --teal-50: #f3fbfb; + --teal-100: #c7eeea; + --teal-200: #9ae0d9; + --teal-300: #6dd3c8; + --teal-400: #41c5b7; + --teal-500: #14b8a6; + --teal-600: #119c8d; + --teal-700: #0e8174; + --teal-800: #0b655b; + --teal-900: #084a42; + --orange-50: #fff8f3; + --orange-100: #feddc7; + --orange-200: #fcc39b; + --orange-300: #fba86f; + --orange-400: #fa8e42; + --orange-500: #f97316; + --orange-600: #d46213; + --orange-700: #ae510f; + --orange-800: #893f0c; + --orange-900: #642e09; + --bluegray-50: #f7f8f9; + --bluegray-100: #dadee3; + --bluegray-200: #bcc3cd; + --bluegray-300: #9fa9b7; + --bluegray-400: #818ea1; + --bluegray-500: #64748b; + --bluegray-600: #556376; + --bluegray-700: #465161; + --bluegray-800: #37404c; + --bluegray-900: #282e38; + --purple-50: #fbf7ff; + --purple-100: #ead6fd; + --purple-200: #dab6fc; + --purple-300: #c996fa; + --purple-400: #b975f9; + --purple-500: #a855f7; + --purple-600: #8f48d2; + --purple-700: #763cad; + --purple-800: #5c2f88; + --purple-900: #432263; + --red-50: #fff5f5; + --red-100: #ffd0ce; + --red-200: #ffaca7; + --red-300: #ff8780; + --red-400: #ff6259; + --red-500: #ff3d32; + --red-600: #d9342b; + --red-700: #b32b23; + --red-800: #8c221c; + --red-900: #661814; + --primary-50: #fafcff; + --primary-100: #e5f1ff; + --primary-200: #d1e6fe; + --primary-300: #bcdbfe; + --primary-400: #a8d0fd; + --primary-500: var(--htwk-yellow); /*#93c5fd*/ + --primary-600: #7da7d7; + --primary-700: #678ab1; + --primary-800: #516c8b; + --primary-900: #3b4f65; } .p-autocomplete .p-autocomplete-loader { @@ -249,13 +381,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -264,8 +396,22 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +.p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-input-token + input { + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; @@ -273,27 +419,35 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-radius: 16px; } -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { +.p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-token + .p-autocomplete-token-icon { margin-left: 0.5rem; } -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #233752; +.p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-token.p-focus { + background: var(--htwk-grau-140); color: rgba(255, 255, 255, 0.87); } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-autocomplete-panel { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.75rem 0; @@ -309,16 +463,22 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); +.p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item.p-highlight.p-focus { + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { +.p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -326,36 +486,39 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-datepicker { padding: 0.5rem; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; } .p-datepicker:not(.p-datepicker-inline) { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ font-weight: 700; margin: 0; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/ border-top-right-radius: 6px; border-top-left-radius: 6px; } @@ -367,7 +530,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { @@ -379,7 +545,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -387,13 +553,22 @@ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; font-weight: 700; padding: 0.5rem; } -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #93C5FD; +.p-datepicker + .p-datepicker-header + .p-datepicker-title + .p-datepicker-year:enabled:hover, +.p-datepicker + .p-datepicker-header + .p-datepicker-title + .p-datepicker-month:enabled:hover { + color: var(--htwk-yellow); /*#93c5fd*/ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -421,31 +596,31 @@ } .p-datepicker table td > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -455,7 +630,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: rgba(255, 255, 255, 0.87); @@ -465,7 +643,7 @@ .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -489,7 +667,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -501,10 +679,10 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #0b213f; + border-left: 1px solid var(--htwk-grau); /*#0b213f*/ padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -517,50 +695,69 @@ .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { +.p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { +.p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { +.p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); } -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { +.p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { +.p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); } -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { +.p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } @media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { + .p-datepicker table th, + .p-datepicker table td { padding: 0; } } .p-cascadeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: var(--htwk-schwarz); /*#040d19*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -582,15 +779,18 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-cascadeselect-panel { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.75rem 0; @@ -603,36 +803,50 @@ transition: box-shadow 0.2s; border-radius: 0; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-input-filled .p-cascadeselect { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-checkbox { @@ -640,17 +854,21 @@ height: 22px; } .p-checkbox .p-checkbox-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-schwarz); /*#040d19*/ width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ font-size: 14px; } .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon { @@ -658,48 +876,50 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ + background: var(--htwk-yellow); /*#93c5fd*/ } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: var(--button-secondary); + background: var(--button-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6cb0fc; +.p-input-filled + .p-checkbox:not(.p-checkbox-disabled) + .p-checkbox-box.p-highlight:hover { + background: var(--button-secondary); } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -707,12 +927,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #233752; + background: var(--htwk-grau-140); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -722,14 +942,25 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; color: rgba(255, 255, 255, 0.87); padding: 0; margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-colorpicker-preview { @@ -738,8 +969,8 @@ } .p-colorpicker-panel { - background: #071426; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -747,23 +978,30 @@ } .p-colorpicker-overlay-panel { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: var(--htwk-schwarz); /*#040d19*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -775,7 +1013,8 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(255, 255, 255, 0.6); } -.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { +.p-dropdown .p-dropdown-label:focus, +.p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -791,21 +1030,24 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-dropdown-panel { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -832,16 +1074,20 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { +.p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -849,7 +1095,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ font-weight: 700; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { @@ -859,25 +1105,25 @@ } .p-input-filled .p-dropdown { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-editor-container .p-editor-toolbar { - background: #071426; + background: var(--htwk-grau); /*#071426*/ border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: rgba(255, 255, 255, 0.6); @@ -889,39 +1135,78 @@ border: 0 none; color: rgba(255, 255, 255, 0.6); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover { color: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-stroke { stroke: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-fill { fill: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label { color: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-stroke { stroke: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-fill { fill: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { - background: #071426; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options { + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; padding: 0.75rem 0; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item { color: rgba(255, 255, 255, 0.87); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded:not(.ql-icon-picker) + .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { @@ -929,10 +1214,10 @@ border-bottom-left-radius: 6px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ } .p-editor-container .p-editor-content .ql-editor { - background: #040d19; + background: var(--htwk-schwarz); /*#040d19*/ color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -952,35 +1237,41 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #93C5FD; + stroke: var(--htwk-yellow); /*#93c5fd*/ } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #93C5FD; + fill: var(--htwk-yellow); /*#93c5fd*/ } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #93C5FD; +.p-editor-container + .ql-snow.ql-toolbar + .ql-picker-label.ql-active + .ql-picker-label, +.p-editor-container + .ql-snow.ql-toolbar + .ql-picker-item.ql-selected + .ql-picker-label { + color: var(--htwk-yellow); /*#93c5fd*/ } .p-inputgroup-addon { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); - border-top: 1px solid #0b213f; - border-left: 1px solid #0b213f; - border-bottom: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ + border-left: 1px solid var(--htwk-grau); /*#0b213f*/ + border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/ padding: 0.75rem 0.75rem; min-width: 3rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #0b213f; + border-right: 1px solid var(--htwk-grau); /*#0b213f*/ } .p-inputgroup > .p-component, @@ -1041,7 +1332,7 @@ } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-inputswitch { @@ -1049,8 +1340,12 @@ height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #233752; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: var(--htwk-grau-140); + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { @@ -1068,46 +1363,62 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); } -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #7fbafd; +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover + .p-inputswitch-slider { + background: var(--button-tertiary); } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; color: rgba(255, 255, 255, 0.87); - background: #040d19; + background: var(--htwk-schwarz); /*#040d19*/ padding: 0.75rem 0.75rem; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1125,7 +1436,7 @@ } .p-float-label > .p-invalid + label { - color: #FCA5A5; + color: var(--error-secondary); } .p-input-icon-left > svg:first-of-type, @@ -1169,13 +1480,13 @@ } .p-input-filled .p-inputtext { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-inputtext:enabled:hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-inputtext:enabled:focus { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-inputtext-sm .p-inputtext { @@ -1189,17 +1500,21 @@ } .p-listbox { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -1225,13 +1540,13 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ font-weight: 700; } .p-listbox .p-listbox-list .p-listbox-empty-message { @@ -1240,44 +1555,54 @@ background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { +.p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-multiselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: var(--htwk-schwarz); /*#040d19*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -1285,11 +1610,13 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-radius: 16px; } -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { +.p-multiselect.p-multiselect-chip + .p-multiselect-token + .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { @@ -1300,7 +1627,7 @@ border-bottom-right-radius: 6px; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { @@ -1308,25 +1635,34 @@ } .p-multiselect-panel { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { +.p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-inputtext { padding-right: 1.75rem; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { +.p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-multiselect-filter-icon { right: 0.75rem; color: rgba(255, 255, 255, 0.6); } @@ -1341,7 +1677,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: rgba(255, 255, 255, 0.87); @@ -1351,7 +1690,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1367,16 +1706,22 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); +.p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-highlight.p-focus { + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { +.p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } @@ -1387,7 +1732,7 @@ margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ font-weight: 700; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { @@ -1397,30 +1742,33 @@ } .p-input-filled .p-multiselect { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-password-panel { padding: 1.25rem; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-password-panel .p-password-meter .p-password-strength.weak { background: #eb9a9c; @@ -1437,56 +1785,62 @@ height: 22px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #0b213f; - background: #040d19; + border: 2px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-schwarz); /*#040d19*/ width: 22px; height: 22px; color: rgba(255, 255, 255, 0.87); border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c2127; + background-color: var(--htwk-schwarz); /*#1c2127*/ } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #93C5FD; - background: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ + background: var(--htwk-yellow); /*#93c5fd*/ } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6cb0fc; - background: #6cb0fc; - color: #1c2127; + border-color: var(--button-primary-border); + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-radiobutton:focus { outline: 0 none; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6cb0fc; +.p-input-filled + .p-radiobutton + .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: var(--button-secondary); } .p-rating { @@ -1494,7 +1848,11 @@ } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { @@ -1502,29 +1860,37 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #93C5FD; +.p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon { + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; +.p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon.p-rating-cancel { + color: #f48fb1; } .p-selectbutton .p-button { - background: #071426; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { @@ -1532,37 +1898,41 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-left, +.p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; + background: var(--htwk-yellow); /*#93c5fd*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ } .p-selectbutton .p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; + background: var(--button-primary); + border-color: var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-slider { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ border: 0 none; border-radius: 6px; } @@ -1583,42 +1953,54 @@ .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; - background: #0b213f; - border: 2px solid #93C5FD; + background: var(--htwk-grau); /*#0b213f*/ + border: 2px solid var(--htwk-yellow); /*#93c5fd*/ border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-slider .p-slider-range { - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #93C5FD; - border-color: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-treeselect { - background: #040d19; - border: 1px solid #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: var(--htwk-schwarz); /*#040d19*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #93C5FD; + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: rgba(255, 255, 255, 0.6); @@ -1626,7 +2008,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1638,7 +2020,7 @@ border-bottom-right-radius: 6px; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { @@ -1646,11 +2028,14 @@ } .p-treeselect-panel { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1662,20 +2047,24 @@ } .p-input-filled .p-treeselect { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-togglebutton.p-button { - background: #071426; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { @@ -1684,72 +2073,78 @@ .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); - border-color: #93C5FD; + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-right { color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; + background: var(--htwk-yellow); /*#93c5fd*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ } .p-togglebutton.p-button.p-highlight:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; + background: var(--button-primary); + border-color: var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: var(--error-secondary); } .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--htwk-yellow); /*#93c5fd*/ + border: 1px solid var(--htwk-yellow); /*#93c5fd*/ padding: 0.75rem 1.25rem; font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-tertiary); } .p-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-primary-border); } .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1766,17 +2161,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1793,7 +2188,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-button .p-button-label { transition-duration: 0.2s; @@ -1815,11 +2210,14 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #93C5FD; - background-color: #1c2127; + color: var(--htwk-yellow); /*#93c5fd*/ + background-color: var(--htwk-schwarz); /*#1c2127*/ } .p-button.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; @@ -1870,308 +2268,428 @@ flex: 1; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { - color: #1c2127; - background: #CBD5E1; - border: 1px solid #CBD5E1; +.p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { + color: var(--htwk-schwarz); /*#1c2127*/ + background: #cbd5e1; + border: 1px solid #cbd5e1; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, +.p-buttonset.p-button-secondary > .p-button:enabled:hover, +.p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #b0bfd1; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #b0bfd1; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, +.p-buttonset.p-button-secondary > .p-button:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 1px #dbe2ea; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, +.p-buttonset.p-button-secondary > .p-button:enabled:active, +.p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #95a9c2; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #95a9c2; } -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { +.p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #CBD5E1; + color: #cbd5e1; border: 1px solid; } -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-secondary.p-button-outlined:enabled:hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + color: #cbd5e1; border: 1px solid; } -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + color: #cbd5e1; border: 1px solid; } -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { +.p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #CBD5E1; + color: #cbd5e1; border-color: transparent; } -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { +.p-button.p-button-secondary.p-button-text:enabled:hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(203, 213, 225, 0.04); border-color: transparent; - color: #CBD5E1; + color: #cbd5e1; } -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { +.p-button.p-button-secondary.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(203, 213, 225, 0.16); border-color: transparent; - color: #CBD5E1; + color: #cbd5e1; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; +.p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--htwk-yellow); /*#93c5fd*/ + border: 1px solid var(--htwk-yellow); /*#93c5fd*/ } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; +.p-button.p-button-info:enabled:hover, +.p-buttonset.p-button-info > .p-button:enabled:hover, +.p-splitbutton.p-button-info > .p-button:enabled:hover { + background: var(--info-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--info-secondary); } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, +.p-buttonset.p-button-info > .p-button:enabled:focus, +.p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 1px #b3d6fe; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #449bfc; - color: #1c2127; - border-color: #449bfc; +.p-button.p-button-info:enabled:active, +.p-buttonset.p-button-info > .p-button:enabled:active, +.p-splitbutton.p-button-info > .p-button:enabled:active { + background: var(--info-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--info-primary); } -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { +.p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; +.p-button.p-button-info.p-button-outlined:enabled:hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { +.p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { - background: rgba(147, 197, 253, 0.04); +.p-button.p-button-info.p-button-text:enabled:hover, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ border-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { - background: rgba(147, 197, 253, 0.16); +.p-button.p-button-info.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ border-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { - color: #1c2127; - background: #86EFAC; - border: 1px solid #86EFAC; +.p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--success-secondary); + border: 1px solid var(--success-secondary); } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, +.p-buttonset.p-button-success > .p-button:enabled:hover, +.p-splitbutton.p-button-success > .p-button:enabled:hover { background: #65eb95; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #65eb95; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #aaf4c5; +.p-button.p-button-success:enabled:focus, +.p-buttonset.p-button-success > .p-button:enabled:focus, +.p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 1px var(--success-tertiary); } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, +.p-buttonset.p-button-success > .p-button:enabled:active, +.p-splitbutton.p-button-success > .p-button:enabled:active { background: #44e67f; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #44e67f; } -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { +.p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #86EFAC; + color: var(--success-secondary); border: 1px solid; } -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-success.p-button-outlined:enabled:hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(134, 239, 172, 0.04); - color: #86EFAC; + color: var(--success-secondary); border: 1px solid; } -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + color: var(--success-secondary); border: 1px solid; } -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { +.p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #86EFAC; + color: var(--success-secondary); border-color: transparent; } -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { +.p-button.p-button-success.p-button-text:enabled:hover, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(134, 239, 172, 0.04); border-color: transparent; - color: #86EFAC; + color: var(--success-secondary); } -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { +.p-button.p-button-success.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(134, 239, 172, 0.16); border-color: transparent; - color: #86EFAC; + color: var(--success-secondary); } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { - color: #1c2127; - background: #FCD34D; - border: 1px solid #FCD34D; +.p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--warning-secondary); + border: 1px solid var(--warning-secondary); } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #fbcb2d; - color: #1c2127; - border-color: #fbcb2d; +.p-button.p-button-warning:enabled:hover, +.p-buttonset.p-button-warning > .p-button:enabled:hover, +.p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: var(--warning-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--warning-secondary); } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 1px #fde082; +.p-button.p-button-warning:enabled:focus, +.p-buttonset.p-button-warning > .p-button:enabled:focus, +.p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 1px var(--warning-tertiary); } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #fbc30c; - color: #1c2127; - border-color: #fbc30c; +.p-button.p-button-warning:enabled:active, +.p-buttonset.p-button-warning > .p-button:enabled:active, +.p-splitbutton.p-button-warning > .p-button:enabled:active { + background: var(--warning-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--warning-primary); } -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { +.p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); border: 1px solid; } -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-warning.p-button-outlined:enabled:hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + color: var(--warning-secondary); border: 1px solid; } -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + color: var(--warning-secondary); border: 1px solid; } -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { +.p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); border-color: transparent; } -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { +.p-button.p-button-warning.p-button-text:enabled:hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(252, 211, 77, 0.04); border-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); } -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { +.p-button.p-button-warning.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(252, 211, 77, 0.16); border-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); } -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { - color: #1c2127; - background: #D8B4FE; - border: 1px solid #D8B4FE; +.p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { + color: var(--htwk-schwarz); /*#1c2127*/ + background: #d8b4fe; + border: 1px solid #d8b4fe; } -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { +.p-button.p-button-help:enabled:hover, +.p-buttonset.p-button-help > .p-button:enabled:hover, +.p-splitbutton.p-button-help > .p-button:enabled:hover { background: #c289fd; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #c289fd; } -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { +.p-button.p-button-help:enabled:focus, +.p-buttonset.p-button-help > .p-button:enabled:focus, +.p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 1px #e4cbfe; } -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { +.p-button.p-button-help:enabled:active, +.p-buttonset.p-button-help > .p-button:enabled:active, +.p-splitbutton.p-button-help > .p-button:enabled:active { background: #ab5efd; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #ab5efd; } -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { +.p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #D8B4FE; + color: #d8b4fe; border: 1px solid; } -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-help.p-button-outlined:enabled:hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + color: #d8b4fe; border: 1px solid; } -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + color: #d8b4fe; border: 1px solid; } -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { +.p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #D8B4FE; + color: #d8b4fe; border-color: transparent; } -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { +.p-button.p-button-help.p-button-text:enabled:hover, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(216, 180, 254, 0.04); border-color: transparent; - color: #D8B4FE; + color: #d8b4fe; } -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { +.p-button.p-button-help.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(216, 180, 254, 0.16); border-color: transparent; - color: #D8B4FE; + color: #d8b4fe; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { - color: #1c2127; - background: #FCA5A5; - border: 1px solid #FCA5A5; +.p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--error-secondary); + border: 1px solid var(--error-secondary); } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, +.p-buttonset.p-button-danger > .p-button:enabled:hover, +.p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #fb7d7d; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #fb7d7d; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, +.p-buttonset.p-button-danger > .p-button:enabled:focus, +.p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 1px #fdc0c0; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, +.p-buttonset.p-button-danger > .p-button:enabled:active, +.p-splitbutton.p-button-danger > .p-button:enabled:active { background: #f95454; - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ border-color: #f95454; } -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { +.p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); border: 1px solid; } -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-danger.p-button-outlined:enabled:hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + color: var(--error-secondary); border: 1px solid; } -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + color: var(--error-secondary); border: 1px solid; } -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { +.p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); border-color: transparent; } -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { +.p-button.p-button-danger.p-button-text:enabled:hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(252, 165, 165, 0.04); border-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); } -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { +.p-button.p-button-danger.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(252, 165, 165, 0.16); border-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); } .p-button.p-button-link { - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2179,12 +2697,12 @@ } .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 1px rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 1px rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } @@ -2207,18 +2725,18 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-speeddial-action { width: 3rem; height: 3rem; background: rgba(255, 255, 255, 0.87); - color: #040d19; + color: var(--htwk-schwarz); /*#040d19*/ } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); - color: #040d19; + color: var(--htwk-schwarz); /*#040d19*/ } .p-speeddial-direction-up .p-speeddial-item { @@ -2254,7 +2772,8 @@ .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-circle .p-speeddial-item:first-child, +.p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, @@ -2271,57 +2790,76 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } -.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.p-splitbutton.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + color: var(--htwk-yellow); /*#93c5fd*/ } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } -.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, +.p-splitbutton.p-button-outlined.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } -.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, +.p-splitbutton.p-button-outlined.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } -.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; +.p-splitbutton.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } -.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.p-splitbutton.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); } -.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, +.p-splitbutton.p-button-text.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.6); } -.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, +.p-splitbutton.p-button-text.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); } .p-splitbutton.p-button-raised { - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; @@ -2353,176 +2891,224 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #CBD5E1; + color: #cbd5e1; border: 1px solid; } -.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-secondary.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(203, 213, 225, 0.04); - color: #CBD5E1; + color: #cbd5e1; } -.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-secondary.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(203, 213, 225, 0.16); - color: #CBD5E1; + color: #cbd5e1; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #CBD5E1; + color: #cbd5e1; border-color: transparent; } -.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-secondary.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(203, 213, 225, 0.04); border-color: transparent; - color: #CBD5E1; + color: #cbd5e1; } -.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-secondary.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(203, 213, 225, 0.16); border-color: transparent; - color: #CBD5E1; + color: #cbd5e1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border: 1px solid; } -.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); - color: #93C5FD; +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-info.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); - color: #93C5FD; +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-info.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + color: var(--htwk-yellow); /*#93c5fd*/ } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ border-color: transparent; } -.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(147, 197, 253, 0.04); +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-info.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { + background: rgba(var(--htwk-yellow), 0.04); /*rgba(147, 197, 253, 0.04)*/ border-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ } -.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { - background: rgba(147, 197, 253, 0.16); +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-info.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ border-color: transparent; - color: #93C5FD; + color: var(--htwk-yellow); /*#93c5fd*/ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #86EFAC; + color: var(--success-secondary); border: 1px solid; } -.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { - background: rgba(134, 239, 172, 0.04); - color: #86EFAC; +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-success.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { + background: #86efac0a; + color: var(--success-secondary); } -.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-success.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(134, 239, 172, 0.16); - color: #86EFAC; + color: var(--success-secondary); } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #86EFAC; + color: var(--success-secondary); border-color: transparent; } -.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-success.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(134, 239, 172, 0.04); border-color: transparent; - color: #86EFAC; + color: var(--success-secondary); } -.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-success.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(134, 239, 172, 0.16); border-color: transparent; - color: #86EFAC; + color: var(--success-secondary); } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); border: 1px solid; } -.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-warning.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(252, 211, 77, 0.04); - color: #FCD34D; + color: var(--warning-secondary); } -.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-warning.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(252, 211, 77, 0.16); - color: #FCD34D; + color: var(--warning-secondary); } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); border-color: transparent; } -.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-warning.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(252, 211, 77, 0.04); border-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); } -.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-warning.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(252, 211, 77, 0.16); border-color: transparent; - color: #FCD34D; + color: var(--warning-secondary); } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #D8B4FE; + color: #d8b4fe; border: 1px solid; } -.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-help.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(216, 180, 254, 0.04); - color: #D8B4FE; + color: #d8b4fe; } -.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-help.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(216, 180, 254, 0.16); - color: #D8B4FE; + color: #d8b4fe; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #D8B4FE; + color: #d8b4fe; border-color: transparent; } -.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-help.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(216, 180, 254, 0.04); border-color: transparent; - color: #D8B4FE; + color: #d8b4fe; } -.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-help.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(216, 180, 254, 0.16); border-color: transparent; - color: #D8B4FE; + color: #d8b4fe; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); border: 1px solid; } -.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-danger.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(252, 165, 165, 0.04); - color: #FCA5A5; + color: var(--error-secondary); } -.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-danger.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(252, 165, 165, 0.16); - color: #FCA5A5; + color: var(--error-secondary); } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); border-color: transparent; } -.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-danger.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(252, 165, 165, 0.04); border-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); } -.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-danger.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(252, 165, 165, 0.16); border-color: transparent; - color: #FCA5A5; + color: var(--error-secondary); } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2533,7 +3119,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, @@ -2546,7 +3135,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2556,17 +3145,20 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ width: 2rem; height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: rgba(255, 255, 255, 0.03); } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } @@ -2579,17 +3171,17 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-datatable .p-datatable-footer { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2597,21 +3189,21 @@ .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -2623,42 +3215,44 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { +.p-datatable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ outline: 0 none; } .p-datatable .p-datatable-tbody > tr { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2672,7 +3266,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, @@ -2688,7 +3285,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2697,30 +3294,47 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline: 0.15rem solid rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 rgba(147, 197, 253, 0.16); + box-shadow: inset 0 2px 0 0 rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 rgba(147, 197, 253, 0.16); + box-shadow: inset 0 -2px 0 0 rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { +.p-datatable.p-datatable-hoverable-rows + .p-datatable-tbody + > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #071426; +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-datatable-table + > .p-datatable-thead, +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-datatable-table + > .p-datatable-tfoot, +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-virtualscroller + > .p-datatable-table + > .p-datatable-thead, +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-virtualscroller + > .p-datatable-table + > .p-datatable-tfoot { + background-color: var(--htwk-grau); /*#071426*/ } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2756,7 +3370,10 @@ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { +.p-datatable.p-datatable-gridlines + .p-datatable-tbody + > tr:last-child + > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { @@ -2765,35 +3382,71 @@ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } -.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { +.p-datatable.p-datatable-gridlines + .p-datatable-thead + + .p-datatable-tfoot + > tr + > td { border-width: 0 0 1px 1px; } -.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { +.p-datatable.p-datatable-gridlines + .p-datatable-thead + + .p-datatable-tfoot + > tr + > td:last-child { border-width: 0 1px 1px 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has( + .p-datatable-tbody + ) + .p-datatable-tbody + > tr + > td { border-width: 0 0 1px 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has( + .p-datatable-tbody + ) + .p-datatable-tbody + > tr + > td:last-child { border-width: 0 1px 1px 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has( + .p-datatable-tfoot + ) + .p-datatable-tbody + > tr:last-child + > td { border-width: 0 0 0 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has( + .p-datatable-tfoot + ) + .p-datatable-tbody + > tr:last-child + > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { - background: #0d1a2c; + background: var(--htwk-grau-120); } -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: rgba(147, 197, 253, 0.16); +.p-datatable.p-datatable-striped + .p-datatable-tbody + > tr:nth-child(even).p-highlight { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { +.p-datatable.p-datatable-striped + .p-datatable-tbody + > tr:nth-child(even).p-highlight + .p-row-toggler { color: rgba(255, 255, 255, 0.87); } -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { +.p-datatable.p-datatable-striped + .p-datatable-tbody + > tr:nth-child(even).p-highlight + .p-row-toggler:hover { color: rgba(255, 255, 255, 0.87); } .p-datatable.p-datatable-sm .p-datatable-header { @@ -2836,27 +3489,27 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-dataview .p-dataview-content { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border: solid #0b213f; + border: solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -2876,25 +3529,30 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { +.p-column-filter-menu-button.p-column-filter-menu-button-open, +.p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: rgba(147, 197, 253, 0.16); +.p-column-filter-menu-button.p-column-filter-menu-button-active, +.p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-column-filter-clear-button { @@ -2904,7 +3562,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: rgba(255, 255, 255, 0.87); @@ -2914,15 +3575,18 @@ .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-column-filter-overlay { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { @@ -2937,41 +3601,51 @@ transition: box-shadow 0.2s; border-radius: 0; } -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { +.p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { +.p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { +.p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau-140); /*#0b213f*/ margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ margin: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1.25rem; - border-bottom: 1px solid #0b213f; + border-bottom: 1px solid var(--htwk-grau-140); /*#0b213f*/ } -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { +.p-column-filter-overlay-menu + .p-column-filter-constraint + .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { +.p-column-filter-overlay-menu + .p-column-filter-constraint + .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { @@ -2989,56 +3663,60 @@ /* FullCalendar 5 */ } .fc.fc-unthemed .fc-view-container th { - background: #071426; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } .fc.fc-unthemed .fc-view-container td.fc-widget-content { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } .fc.fc-unthemed .fc-view-container td.fc-head-container { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ } .fc.fc-unthemed .fc-view-container .fc-view { - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .fc.fc-unthemed .fc-view-container .fc-row { - border-right: 1px solid #0b213f; + border-right: 1px solid var(--htwk-grau); /*#0b213f*/ } .fc.fc-unthemed .fc-view-container .fc-event { - background: #7fbafd; - border: 1px solid #7fbafd; - color: #1c2127; + background: var(--button-primary); + border: 1px solid var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ } .fc.fc-unthemed .fc-view-container .fc-divider { - background: #071426; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ } .fc.fc-unthemed .fc-toolbar .fc-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--htwk-yellow); /*#93c5fd*/ + border: 1px solid var(--htwk-yellow); /*#93c5fd*/ font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; display: flex; align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-tertiary); } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-primary-border); } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; @@ -3059,33 +3737,53 @@ .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: var(--htwk-yellow); /*#93c5fd*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; +.fc.fc-unthemed + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +.fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +.fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: var(--button-primary); + border-color: var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { @@ -3100,31 +3798,35 @@ border-bottom-right-radius: 6px; } .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ } .fc.fc-theme-standard .fc-view-harness th { - background: #071426; - border-color: #0b213f; + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } .fc.fc-theme-standard .fc-view-harness td { color: rgba(255, 255, 255, 0.87); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ } .fc.fc-theme-standard .fc-view-harness .fc-view { - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .fc.fc-theme-standard .fc-view-harness .fc-popover { background: none; border: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ padding: 1.25rem; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close { opacity: 1; display: flex; align-items: center; @@ -3138,75 +3840,100 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:before { content: "\e90b"; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { - color: #1c2127; - background: #7fbafd; - border-color: #7fbafd; + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--button-primary); + border-color: var(--button-tertiary); } -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { - color: #1c2127; +.fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-block-event + .fc-event-main { + color: var(--htwk-schwarz); /*#1c2127*/ } -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { - background: #7fbafd; - border-color: #7fbafd; +.fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-dot-event + .fc-daygrid-event-dot { + background: var(--button-primary); + border-color: var(--button-tertiary); } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .fc.fc-theme-standard .fc-toolbar .fc-button { - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--htwk-yellow); /*#93c5fd*/ + border: 1px solid var(--htwk-yellow); /*#93c5fd*/ font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-tertiary); } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: var(--button-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-primary-border); } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.4; - color: #1c2127; - background: #93C5FD; - border: 1px solid #93C5FD; + color: var(--htwk-schwarz); /*#1c2127*/ + background: var(--htwk-yellow); /*#93c5fd*/ + border: 1px solid var(--htwk-yellow); /*#93c5fd*/ } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; @@ -3227,33 +3954,65 @@ .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { - background: #071426; - border: 1px solid #0b213f; +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #93C5FD; - border-color: #93C5FD; - color: #1c2127; +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active { + background: var(--htwk-yellow); /*#93c5fd*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { - background: #7fbafd; - border-color: #7fbafd; - color: #1c2127; +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: var(--button-primary); + border-color: var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button:not(:disabled):focus, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button:not(:disabled):focus, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { @@ -3269,7 +4028,7 @@ } .fc.fc-theme-standard .fc-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-orderlist .p-orderlist-controls { @@ -3279,9 +4038,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3289,8 +4048,8 @@ border-top-left-radius: 6px; } .p-orderlist .p-orderlist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; @@ -3303,7 +4062,9 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -3311,47 +4072,57 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { +.p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } -.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { +.p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { +.p-organizationchart + .p-organizationchart-node-content.p-organizationchart-selectable-node:not( + .p-highlight + ):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { +.p-organizationchart + .p-organizationchart-node-content.p-highlight + .p-node-toggler + i { color: rgba(22, 130, 251, 0.16); } .p-organizationchart .p-organizationchart-line-down { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #0b213f; - border-color: #0b213f; + border-right: 1px solid var(--htwk-grau-140); /*#0b213f*/ + border-color: var(--htwk-grau-140); /*#0b213f*/ } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #0b213f; - border-color: #0b213f; + border-top: 1px solid var(--htwk-grau-140); /*#0b213f*/ + border-color: var(--htwk-grau-140); /*#0b213f*/ } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 1.25rem; } @@ -3363,13 +4134,13 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-paginator { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); - border: solid #0b213f; + border: solid var(--htwk-grau-140); /*#0b213f*/ border-width: 1px; padding: 0.5rem 1rem; border-radius: 6px; @@ -3438,8 +4209,8 @@ border-radius: 6px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: rgba(147, 197, 253, 0.16); - border-color: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ + border-color: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3455,9 +4226,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ padding: 1.25rem; font-weight: 700; border-bottom: 0 none; @@ -3465,8 +4236,8 @@ border-top-left-radius: 6px; } .p-picklist .p-picklist-list { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0; border-bottom-right-radius: 6px; @@ -3479,7 +4250,9 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); @@ -3487,31 +4260,35 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { +.p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } -.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { +.p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even):hover { background: rgba(255, 255, 255, 0.03); } .p-timeline .p-timeline-event-marker { - border: 2px solid #93C5FD; + border: 2px solid var(--htwk-yellow); /*#93c5fd*/ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c2127; + background-color: var(--htwk-schwarz); /*#1c2127*/ } .p-timeline .p-timeline-event-connector { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3529,8 +4306,8 @@ } .p-tree { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 1.25rem; border-radius: 6px; @@ -3542,7 +4319,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3557,17 +4334,28 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:enabled:hover { color: rgba(255, 255, 255, 0.87); border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3576,22 +4364,47 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-checkbox + .p-indeterminate + .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-tree-toggler, +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-treenode-icon { color: rgba(255, 255, 255, 0.87); } -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-tree-toggler:hover, +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-treenode-icon:hover { color: rgba(255, 255, 255, 0.87); } -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } @@ -3626,17 +4439,17 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; } .p-treetable .p-treetable-footer { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 700; @@ -3644,24 +4457,24 @@ .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; font-weight: 700; color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .p-treetable .p-sortable-column { - outline-color: rgba(147, 197, 253, 0.5); + outline-color: rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(255, 255, 255, 0.6); @@ -3673,31 +4486,33 @@ min-width: 1.143rem; line-height: 1.143rem; color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { +.p-treetable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -3708,7 +4523,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { @@ -3719,20 +4537,27 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { +.p-treetable + .p-treetable-tbody + > tr + > td + .p-treetable-toggler + + .p-checkbox + .p-indeterminate + .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus { - outline: 0.15rem solid rgba(147, 197, 253, 0.5); + outline: 0.15rem solid rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3741,19 +4566,24 @@ .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: rgba(255, 255, 255, 0.87); } -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { +.p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { +.p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover + .p-treetable-toggler { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #071426; + background: var(--htwk-grau); /*#071426*/ } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -3816,42 +4646,53 @@ .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { +.p-accordion + .p-accordion-header + .p-accordion-header-link + .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion + .p-accordion-header:not(.p-disabled) + .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { +.p-accordion + .p-accordion-header:not(.p-highlight):not(.p-disabled):hover + .p-accordion-header-link { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #071426; - border-color: #0b213f; +.p-accordion + .p-accordion-header:not(.p-disabled).p-highlight + .p-accordion-header-link { + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #0b213f; +.p-accordion + .p-accordion-header:not(.p-disabled).p-highlight:hover + .p-accordion-header-link { + border-color: var(--htwk-grau-140); /*#0b213f*/ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-accordion .p-accordion-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -3864,9 +4705,12 @@ } .p-card { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 1px -1px rgba(0, 0, 0, 0.2), + 0 1px 1px 0 rgba(0, 0, 0, 0.14), + 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { @@ -3890,22 +4734,25 @@ } .p-fieldset { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-radius: 6px; } .p-fieldset .p-fieldset-legend { padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ font-weight: 700; border-radius: 6px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; @@ -3919,14 +4766,14 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: rgba(255, 255, 255, 0.87); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } .p-fieldset .p-fieldset-content { @@ -3934,14 +4781,14 @@ } .p-divider .p-divider-content { - background-color: #071426; + background-color: var(--htwk-grau); /*#071426*/ } .p-divider.p-divider-horizontal { margin: 1.25rem 0; padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #0b213f; + border-top: 1px var(--htwk-grau); /*#0b213f*/ } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -3951,16 +4798,16 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #0b213f; + border-left: 1px var(--htwk-grau); /*#0b213f*/ } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ padding: 1.25rem; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -3975,7 +4822,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: rgba(255, 255, 255, 0.87); @@ -3985,15 +4835,15 @@ .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; } .p-panel .p-panel-content { padding: 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-top: 0 none; } @@ -4003,8 +4853,8 @@ } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; @@ -4012,52 +4862,63 @@ } .p-scrollpanel .p-scrollpanel-bar { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ border: 0 none; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-scrollpanel .p-scrollpanel-bar:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-splitter { - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ border-radius: 6px; color: rgba(255, 255, 255, 0.87); } .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; background: rgba(255, 255, 255, 0.03); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: #0b213f; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + background: var(--htwk-grau); /*#0b213f*/ + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-splitter .p-splitter-gutter-resizing { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } .p-tabview .p-tabview-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #0b213f; + border: solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 2px 0; border-color: transparent transparent #0b213f transparent; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -4069,32 +4930,38 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { - background: #071426; - border-color: #93C5FD; +.p-tabview + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-nav-link { + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #071426; - border-color: #93C5FD; - color: #93C5FD; + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-yellow); /*#93c5fd*/ } .p-tabview .p-tabview-nav-btn.p-link { - background: #071426; - color: #93C5FD; + background: var(--htwk-grau); /*#071426*/ + color: var(--htwk-yellow); /*#93c5fd*/ width: 3rem; - box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 3px 1px -2px rgba(0, 0, 0, 0.2), + 0px 2px 2px 0px rgba(0, 0, 0, 0.14), + 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-tabview .p-tabview-panels { - background: #071426; + background: var(--htwk-grau); /*#071426*/ padding: 1.25rem; border: 0 none; color: rgba(255, 255, 255, 0.87); @@ -4103,8 +4970,8 @@ } .p-toolbar { - background: #071426; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#071426*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ padding: 1.25rem; border-radius: 6px; gap: 0.5rem; @@ -4114,11 +4981,14 @@ } .p-confirm-popup { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-confirm-popup .p-confirm-popup-content { padding: 1.25rem; @@ -4137,18 +5007,18 @@ .p-confirm-popup:after { border: solid transparent; border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-bottom-color: var(--htwk-grau); /*#071426*/ } .p-confirm-popup:before { border: solid transparent; border-color: rgba(11, 33, 63, 0); - border-bottom-color: #0b213f; + border-bottom-color: var(--htwk-grau); /*#0b213f*/ } .p-confirm-popup.p-confirm-popup-flipped:after { - border-top-color: #071426; + border-top-color: var(--htwk-grau); /*#071426*/ } .p-confirm-popup.p-confirm-popup-flipped:before { - border-top-color: #0b213f; + border-top-color: var(--htwk-grau); /*#0b213f*/ } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; @@ -4163,12 +5033,15 @@ .p-dialog { border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); - border: 1px solid #0b213f; + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ } .p-dialog .p-dialog-header { border-bottom: 0 none; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 1.5rem; border-top-right-radius: 6px; @@ -4185,7 +5058,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { @@ -4196,13 +5072,13 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 2rem 1.5rem; } @@ -4212,7 +5088,7 @@ } .p-dialog .p-dialog-footer { border-top: 0 none; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; @@ -4231,34 +5107,40 @@ } .p-overlaypanel { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-overlaypanel .p-overlaypanel-content { padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #93C5FD; - color: #1c2127; + background: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7fbafd; - color: #1c2127; + background: var(--button-tertiary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-overlaypanel:after { border: solid transparent; border-color: rgba(7, 20, 38, 0); - border-bottom-color: #071426; + border-bottom-color: var(--htwk-grau); /*#071426*/ } .p-overlaypanel:before { border: solid transparent; @@ -4266,17 +5148,20 @@ border-bottom-color: #0a1f3c; } .p-overlaypanel.p-overlaypanel-flipped:after { - border-top-color: #071426; + border-top-color: var(--htwk-grau); /*#071426*/ } .p-overlaypanel.p-overlaypanel-flipped:before { - border-top-color: #0b213f; + border-top-color: var(--htwk-grau); /*#0b213f*/ } .p-sidebar { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), + 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { padding: 1.25rem; @@ -4289,7 +5174,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { @@ -4301,7 +5189,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4311,29 +5199,32 @@ } .p-tooltip .p-tooltip-text { - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); padding: 0.75rem 0.75rem; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #0b213f; + border-right-color: var(--htwk-grau); /*#0b213f*/ } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #0b213f; + border-left-color: var(--htwk-grau); /*#0b213f*/ } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #0b213f; + border-top-color: var(--htwk-grau); /*#0b213f*/ } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #0b213f; + border-bottom-color: var(--htwk-grau); /*#0b213f*/ } .p-fileupload .p-fileupload-buttonbar { - background: #071426; + background: var(--htwk-grau); /*#071426*/ padding: 1.25rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-bottom: 0 none; border-top-right-radius: 6px; @@ -4343,23 +5234,26 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-fileupload .p-fileupload-content { - background: #071426; + background: var(--htwk-grau); /*#071426*/ padding: 2rem 1rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #93C5FD; - background-color: rgba(147, 197, 253, 0.16); + border: 1px dashed var(--htwk-yellow); /*#93c5fd*/ + background-color: rgba( + var(--htwk-yellow), + 0.16 + ); /*rgba(147, 197, 253, 0.16)*/ } .p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; gap: 0.5rem; margin-bottom: 0.5rem; @@ -4384,19 +5278,19 @@ } .p-fileupload-choose:not(.p-disabled):hover { - background: #7fbafd; - color: #1c2127; - border-color: #7fbafd; + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-tertiary); } .p-fileupload-choose:not(.p-disabled):active { - background: #6cb0fc; - color: #1c2127; - border-color: #6cb0fc; + background: var(--button-primary); + color: var(--htwk-schwarz); /*#1c2127*/ + border-color: var(--button-primary-border); } .p-breadcrumb { - background: #091a32; - border: 1px solid #0b213f; + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; padding: 1rem; } @@ -4407,7 +5301,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); @@ -4428,10 +5322,13 @@ .p-contextmenu { padding: 0.25rem 0; - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; width: 12.5rem; } @@ -4440,9 +5337,12 @@ } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-contextmenu .p-menuitem > .p-menuitem-content { @@ -4455,51 +5355,106 @@ padding: 0.75rem 1.25rem; user-select: none; } -.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } -.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-contextmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { @@ -4526,52 +5481,62 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.15rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-dock .p-dock-link { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, +.p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, +.p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { +.p-dock.p-dock-top .p-dock-item-current, +.p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, +.p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, +.p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { +.p-dock.p-dock-left .p-dock-item-current, +.p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + .p-dock.p-dock-top .p-dock-list-container, + .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, + .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + .p-dock.p-dock-left .p-dock-list-container, + .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, + .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { @@ -4581,9 +5546,9 @@ } .p-megamenu { padding: 0.5rem; - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; } .p-megamenu .p-megamenu-root-list { @@ -4599,10 +5564,18 @@ padding: 0.75rem 1.25rem; user-select: none; } -.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } @@ -4611,48 +5584,94 @@ } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ font-weight: 700; border-top-right-radius: 6px; border-top-left-radius: 6px; @@ -4662,49 +5681,90 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; border-radius: 6px; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu { padding: 0.25rem 0; - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; width: 12.5rem; } @@ -4730,61 +5790,107 @@ } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ font-weight: 700; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-menubar { padding: 0.5rem; - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; } .p-menubar .p-menubar-root-list { @@ -4795,29 +5901,67 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); margin-left: 0.5rem; } -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem > .p-menuitem-content { @@ -4842,46 +5986,92 @@ } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { @@ -4898,7 +6088,10 @@ height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); @@ -4907,19 +6100,22 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -4929,11 +6125,21 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menubar-root-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar + .p-menubar-root-list + .p-menuitem.p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { @@ -4946,26 +6152,77 @@ transition: transform 0.2s; transform: rotate(90deg); } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 2.25rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 3.75rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 5.25rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 6.75rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { @@ -4980,50 +6237,69 @@ outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); - background: #071426; + background: var(--htwk-grau); /*#071426*/ border-radius: 6px; transition: box-shadow 0.2s; } -.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { +.p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action { color: rgba(255, 255, 255, 0.87); padding: 1.25rem; font-weight: 700; } -.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { +.p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action + .p-submenu-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { +.p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action + .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu + .p-panelmenu-header:not(.p-disabled):focus + .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { +.p-panelmenu + .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover + .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); - border-color: #0b213f; + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { - background: #071426; - border-color: #0b213f; +.p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight + .p-panelmenu-header-content { + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-grau-140); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { - border-color: #0b213f; +.p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight:hover + .p-panelmenu-header-content { + border-color: var(--htwk-grau-140); /*#0b213f*/ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #0b213f; - background: #071426; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); border-top: 0; border-top-right-radius: 0; @@ -5039,59 +6315,143 @@ transition: box-shadow 0.2s; border-radius: 0; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link { color: rgba(255, 255, 255, 0.87); padding: 0.75rem 1.25rem; user-select: none; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight.p-focus + > .p-menuitem-content { + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5125,10 +6485,10 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5137,7 +6497,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ width: 100%; top: 50%; left: 0; @@ -5148,17 +6508,17 @@ .p-tabmenu .p-tabmenu-nav { background: transparent; - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #0b213f; + border: solid var(--htwk-grau-140); /*#0b213f*/ border-width: 0 0 2px 0; border-color: transparent transparent #0b213f transparent; - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.6); padding: 1.25rem; font-weight: 700; @@ -5170,43 +6530,55 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem + .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - background: #071426; - border-color: #93C5FD; +.p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover + .p-menuitem-link { + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #071426; - border-color: #93C5FD; - color: #93C5FD; + background: var(--htwk-grau); /*#071426*/ + border-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-yellow); /*#93c5fd*/ } .p-tieredmenu { padding: 0.25rem 0; - background: #091a32; + background: var(--htwk-grau); /*#091a32*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ border-radius: 6px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; - background: #091a32; - border: 1px solid #0b213f; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + background: var(--htwk-grau); /*#091a32*/ + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); @@ -5218,51 +6590,106 @@ padding: 0.75rem 1.25rem; user-select: none; } -.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } -.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { - background: rgba(147, 197, 253, 0.24); + background: rgba(var(--htwk-yellow), 0.24); /*rgba(147, 197, 253, 0.24)*/ } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-tieredmenu .p-menuitem-separator { - border-top: 1px solid #0b213f; + border-top: 1px solid var(--htwk-grau); /*#0b213f*/ margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5289,12 +6716,12 @@ } .p-inline-message.p-inline-message-success { background: #e4f8f0; - border: solid #1ea97c; + border: solid var(--success-primary); border-width: 1px; - color: #1ea97c; + color: var(--success-primary); } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; + color: var(--success-primary); } .p-inline-message.p-inline-message-warn { background: #fff2e2; @@ -5306,13 +6733,13 @@ color: #cc8925; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: var(--error-tertiary); + border: solid var(--error-primary); border-width: 1px; - color: #ff5757; + color: var(--error-primary); } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; + color: var(--error-primary); } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5337,7 +6764,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); @@ -5345,7 +6775,7 @@ .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-message.p-message-info { background: #e9e9ff; @@ -5361,15 +6791,15 @@ } .p-message.p-message-success { background: #e4f8f0; - border: solid #1ea97c; + border: solid var(--success-primary); border-width: 0 0 0 6px; - color: #1ea97c; + color: var(--success-primary); } .p-message.p-message-success .p-message-icon { - color: #1ea97c; + color: var(--success-primary); } .p-message.p-message-success .p-message-close { - color: #1ea97c; + color: var(--success-primary); } .p-message.p-message-warn { background: #fff2e2; @@ -5384,16 +6814,16 @@ color: #cc8925; } .p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: var(--error-tertiary); + border: solid var(--error-primary); border-width: 0 0 0 6px; - color: #ff5757; + color: var(--error-primary); } .p-message.p-message-error .p-message-icon { - color: #ff5757; + color: var(--error-primary); } .p-message.p-message-error .p-message-close { - color: #ff5757; + color: var(--error-primary); } .p-message .p-message-text { font-size: 1rem; @@ -5426,7 +6856,10 @@ .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { +.p-toast + .p-toast-message + .p-toast-message-content + .p-toast-message-icon.p-icon { width: 2rem; height: 2rem; } @@ -5441,7 +6874,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); @@ -5449,7 +6885,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5463,13 +6899,13 @@ } .p-toast .p-toast-message.p-toast-message-success { background: #e4f8f0; - border: solid #1ea97c; + border: solid var(--success-primary); border-width: 0 0 0 6px; - color: #1ea97c; + color: var(--success-primary); } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; + color: var(--success-primary); } .p-toast .p-toast-message.p-toast-message-warn { background: #fff2e2; @@ -5482,14 +6918,14 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: var(--error-tertiary); + border: solid var(--error-primary); border-width: 0 0 0 6px; - color: #ff5757; + color: var(--error-primary); } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; + color: var(--error-primary); } .p-galleria .p-galleria-close { @@ -5498,7 +6934,10 @@ color: #f8f9fa; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { @@ -5517,7 +6956,10 @@ color: #f8f9fa; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } @@ -5542,36 +6984,50 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ width: 1rem; height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.1); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, +.p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, +.p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { +.p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator + button { background: rgba(255, 255, 255, 0.4); } -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { +.p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator + button:hover { background: rgba(255, 255, 255, 0.6); } -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: rgba(147, 197, 253, 0.16); +.p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator.p-highlight + button { + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ color: rgba(255, 255, 255, 0.87); } .p-galleria .p-galleria-thumbnail-container { @@ -5585,7 +7041,10 @@ color: #f8f9fa; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, @@ -5593,10 +7052,12 @@ background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { +.p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-galleria-mask { @@ -5610,7 +7071,10 @@ .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; @@ -5631,7 +7095,10 @@ width: 3rem; height: 3rem; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { @@ -5650,7 +7117,7 @@ } .p-avatar { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ border-radius: 6px; } .p-avatar.p-avatar-lg { @@ -5671,12 +7138,12 @@ } .p-avatar-group .p-avatar { - border: 2px solid #071426; + border: 2px solid var(--htwk-grau-140); /*#071426*/ } .p-badge { - background: #93C5FD; - color: #1c2127; + background: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5684,24 +7151,24 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #CBD5E1; - color: #1c2127; + background-color: #cbd5e1; + color: var(--htwk-schwarz); /*#1c2127*/ } .p-badge.p-badge-success { - background-color: #86EFAC; - color: #1c2127; + background-color: var(--success-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-badge.p-badge-info { - background-color: #93C5FD; - color: #1c2127; + background-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ } .p-badge.p-badge-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: var(--warning-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-badge.p-badge-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: var(--error-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-badge.p-badge-lg { font-size: 1.125rem; @@ -5717,7 +7184,7 @@ } .p-chip { - background-color: #0b213f; + background-color: var(--htwk-grau); /*#0b213f*/ color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -5739,18 +7206,25 @@ .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); @@ -5759,22 +7233,22 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); + box-shadow: 0 0 0 0.2rem rgba(var(--htwk-yellow), 0.5); /*rgba(147, 197, 253, 0.5)*/ } .p-progressbar { border: 0 none; height: 1.5rem; - background: #0b213f; + background: var(--htwk-grau); /*#0b213f*/ border-radius: 6px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #93C5FD; + background: var(--htwk-yellow); /*#93c5fd*/ } .p-progressbar .p-progressbar-label { - color: #1c2127; + color: var(--htwk-schwarz); /*#1c2127*/ line-height: 1.5rem; } @@ -5785,8 +7259,10 @@ .p-progress-spinner-circle { stroke-dasharray: 89, 200; stroke-dashoffset: 0; - stroke: #ff5757; - animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; + stroke: var(--error-primary); + animation: + p-progress-spinner-dash 1.5s ease-in-out infinite, + p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @@ -5810,16 +7286,18 @@ } } @keyframes p-progress-spinner-color { - 100%, 0% { - stroke: #ff5757; + 100%, + 0% { + stroke: var(--error-primary); } 40% { stroke: #696cff; } 66% { - stroke: #1ea97c; + stroke: var(--success-primary); } - 80%, 90% { + 80%, + 90% { stroke: #cc8925; } } @@ -5827,14 +7305,20 @@ width: 3rem; height: 3rem; border-radius: 50%; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + box-shadow: + 0 2px 4px -1px rgba(0, 0, 0, 0.2), + 0 4px 5px 0 rgba(0, 0, 0, 0.14), + 0 1px 10px 0 rgba(0, 0, 0, 0.12); + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-scrolltop.p-link { - background: rgba(147, 197, 253, 0.16); + background: rgba(var(--htwk-yellow), 0.16); /*rgba(147, 197, 253, 0.16)*/ } .p-scrolltop.p-link:hover { - background: rgba(147, 197, 253, 0.3616); + background: rgba(var(--htwk-yellow), 0.3616); /*rgba(147, 197, 253, 0.3616)*/ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -5850,32 +7334,37 @@ border-radius: 6px; } .p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); + background: linear-gradient( + 90deg, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.04), + rgba(255, 255, 255, 0) + ); } .p-tag { - background: #93C5FD; - color: #1c2127; + background: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 6px; } .p-tag.p-tag-success { - background-color: #86EFAC; - color: #1c2127; + background-color: var(--success-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-tag.p-tag-info { - background-color: #93C5FD; - color: #1c2127; + background-color: var(--htwk-yellow); /*#93c5fd*/ + color: var(--htwk-schwarz); /*#1c2127*/ } .p-tag.p-tag-warning { - background-color: #FCD34D; - color: #1c2127; + background-color: var(--warning-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-tag.p-tag-danger { - background-color: #FCA5A5; - color: #1c2127; + background-color: var(--error-secondary); + color: var(--htwk-schwarz); /*#1c2127*/ } .p-tag .p-tag-icon { margin-right: 0.25rem; @@ -5887,65 +7376,106 @@ } .p-terminal { - background: #071426; + background: var(--htwk-grau); /*#071426*/ color: rgba(255, 255, 255, 0.87); - border: 1px solid #0b213f; + border: 1px solid var(--htwk-grau-140); /*#0b213f*/ padding: 1.25rem; } .p-terminal .p-terminal-input { font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; } .p-button-label { - font-weight: 700; + font-weight: 400; } .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #93C5FD; + background-color: var(--htwk-yellow); /*#93c5fd*/ } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #93C5FD; + background-color: var(--htwk-yellow); /*#93c5fd*/ } .p-button:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(147, 197, 253, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(203, 213, 225, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(203, 213, 225, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(134, 239, 172, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(134, 239, 172, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(147, 197, 253, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 211, 77, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(252, 211, 77, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(216, 180, 254, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(216, 180, 254, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(252, 165, 165, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(252, 165, 165, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #93C5FD; + box-shadow: inset 0 2px 0 0 var(--htwk-yellow); /*#93c5fd*/ } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #93C5FD; + box-shadow: inset 0 -2px 0 0 var(--htwk-yellow); /*#93c5fd*/ } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(147, 197, 253, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: + 0 0 0 2px #1c2127, + 0 0 0 4px rgba(147, 197, 253, 0.7), + 0 1px 2px 0 rgba(0, 0, 0, 0); } diff --git a/frontend/public/themes/lara-light-blue/theme.css b/frontend/public/themes/lara-light-blue/theme.css index 1a35f97..fc945d7 100644 --- a/frontend/public/themes/lara-light-blue/theme.css +++ b/frontend/public/themes/lara-light-blue/theme.css @@ -1,49 +1,50 @@ :root { - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#3B82F6; - --primary-color-text:#ffffff; - --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #3b82f6; + --primary-color-text: #ffffff; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #BFDBFE; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #bfdbfe; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #EFF6FF; - --highlight-text-color: #1D4ED8; + --highlight-bg: #eff6ff; + --highlight-text-color: #1d4ed8; color-scheme: light; } @@ -52,7 +53,18 @@ } .p-component { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } @@ -62,7 +74,8 @@ transition-duration: 0.2s; } -.p-disabled, .p-component:disabled { +.p-disabled, +.p-component:disabled { opacity: 0.6; } @@ -85,13 +98,24 @@ .p-link { font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; border-radius: 6px; } .p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-component-overlay-enter { @@ -120,126 +144,126 @@ } :root { - --blue-50:#f5f9ff; - --blue-100:#d0e1fd; - --blue-200:#abc9fb; - --blue-300:#85b2f9; - --blue-400:#609af8; - --blue-500:#3b82f6; - --blue-600:#326fd1; - --blue-700:#295bac; - --blue-800:#204887; - --blue-900:#183462; - --green-50:#f4fcf7; - --green-100:#caf1d8; - --green-200:#a0e6ba; - --green-300:#76db9b; - --green-400:#4cd07d; - --green-500:#22c55e; - --green-600:#1da750; - --green-700:#188a42; - --green-800:#136c34; - --green-900:#0e4f26; - --yellow-50:#fefbf3; - --yellow-100:#faedc4; - --yellow-200:#f6de95; - --yellow-300:#f2d066; - --yellow-400:#eec137; - --yellow-500:#eab308; - --yellow-600:#c79807; - --yellow-700:#a47d06; - --yellow-800:#816204; - --yellow-900:#5e4803; - --cyan-50:#f3fbfd; - --cyan-100:#c3edf5; - --cyan-200:#94e0ed; - --cyan-300:#65d2e4; - --cyan-400:#35c4dc; - --cyan-500:#06b6d4; - --cyan-600:#059bb4; - --cyan-700:#047f94; - --cyan-800:#036475; - --cyan-900:#024955; - --pink-50:#fef6fa; - --pink-100:#fad3e7; - --pink-200:#f7b0d3; - --pink-300:#f38ec0; - --pink-400:#f06bac; - --pink-500:#ec4899; - --pink-600:#c93d82; - --pink-700:#a5326b; - --pink-800:#822854; - --pink-900:#5e1d3d; - --indigo-50:#f7f7fe; - --indigo-100:#dadafc; - --indigo-200:#bcbdf9; - --indigo-300:#9ea0f6; - --indigo-400:#8183f4; - --indigo-500:#6366f1; - --indigo-600:#5457cd; - --indigo-700:#4547a9; - --indigo-800:#363885; - --indigo-900:#282960; - --teal-50:#f3fbfb; - --teal-100:#c7eeea; - --teal-200:#9ae0d9; - --teal-300:#6dd3c8; - --teal-400:#41c5b7; - --teal-500:#14b8a6; - --teal-600:#119c8d; - --teal-700:#0e8174; - --teal-800:#0b655b; - --teal-900:#084a42; - --orange-50:#fff8f3; - --orange-100:#feddc7; - --orange-200:#fcc39b; - --orange-300:#fba86f; - --orange-400:#fa8e42; - --orange-500:#f97316; - --orange-600:#d46213; - --orange-700:#ae510f; - --orange-800:#893f0c; - --orange-900:#642e09; - --bluegray-50:#f7f8f9; - --bluegray-100:#dadee3; - --bluegray-200:#bcc3cd; - --bluegray-300:#9fa9b7; - --bluegray-400:#818ea1; - --bluegray-500:#64748b; - --bluegray-600:#556376; - --bluegray-700:#465161; - --bluegray-800:#37404c; - --bluegray-900:#282e38; - --purple-50:#fbf7ff; - --purple-100:#ead6fd; - --purple-200:#dab6fc; - --purple-300:#c996fa; - --purple-400:#b975f9; - --purple-500:#a855f7; - --purple-600:#8f48d2; - --purple-700:#763cad; - --purple-800:#5c2f88; - --purple-900:#432263; - --red-50:#fff5f5; - --red-100:#ffd0ce; - --red-200:#ffaca7; - --red-300:#ff8780; - --red-400:#ff6259; - --red-500:#ff3d32; - --red-600:#d9342b; - --red-700:#b32b23; - --red-800:#8c221c; - --red-900:#661814; - --primary-50:#f5f9ff; - --primary-100:#d0e1fd; - --primary-200:#abc9fb; - --primary-300:#85b2f9; - --primary-400:#609af8; - --primary-500:#3b82f6; - --primary-600:#326fd1; - --primary-700:#295bac; - --primary-800:#204887; - --primary-900:#183462; + --blue-50: #f5f9ff; + --blue-100: #d0e1fd; + --blue-200: #abc9fb; + --blue-300: #85b2f9; + --blue-400: #609af8; + --blue-500: #3b82f6; + --blue-600: #326fd1; + --blue-700: #295bac; + --blue-800: #204887; + --blue-900: #183462; + --green-50: #f4fcf7; + --green-100: #caf1d8; + --green-200: #a0e6ba; + --green-300: #76db9b; + --green-400: #4cd07d; + --green-500: #22c55e; + --green-600: #1da750; + --green-700: #188a42; + --green-800: #136c34; + --green-900: #0e4f26; + --yellow-50: #fefbf3; + --yellow-100: #faedc4; + --yellow-200: #f6de95; + --yellow-300: #f2d066; + --yellow-400: #eec137; + --yellow-500: #eab308; + --yellow-600: #c79807; + --yellow-700: #a47d06; + --yellow-800: #816204; + --yellow-900: #5e4803; + --cyan-50: #f3fbfd; + --cyan-100: #c3edf5; + --cyan-200: #94e0ed; + --cyan-300: #65d2e4; + --cyan-400: #35c4dc; + --cyan-500: #06b6d4; + --cyan-600: #059bb4; + --cyan-700: #047f94; + --cyan-800: #036475; + --cyan-900: #024955; + --pink-50: #fef6fa; + --pink-100: #fad3e7; + --pink-200: #f7b0d3; + --pink-300: #f38ec0; + --pink-400: #f06bac; + --pink-500: #ec4899; + --pink-600: #c93d82; + --pink-700: #a5326b; + --pink-800: #822854; + --pink-900: #5e1d3d; + --indigo-50: #f7f7fe; + --indigo-100: #dadafc; + --indigo-200: #bcbdf9; + --indigo-300: #9ea0f6; + --indigo-400: #8183f4; + --indigo-500: #6366f1; + --indigo-600: #5457cd; + --indigo-700: #4547a9; + --indigo-800: #363885; + --indigo-900: #282960; + --teal-50: #f3fbfb; + --teal-100: #c7eeea; + --teal-200: #9ae0d9; + --teal-300: #6dd3c8; + --teal-400: #41c5b7; + --teal-500: #14b8a6; + --teal-600: #119c8d; + --teal-700: #0e8174; + --teal-800: #0b655b; + --teal-900: #084a42; + --orange-50: #fff8f3; + --orange-100: #feddc7; + --orange-200: #fcc39b; + --orange-300: #fba86f; + --orange-400: #fa8e42; + --orange-500: #f97316; + --orange-600: #d46213; + --orange-700: #ae510f; + --orange-800: #893f0c; + --orange-900: #642e09; + --bluegray-50: #f7f8f9; + --bluegray-100: #dadee3; + --bluegray-200: #bcc3cd; + --bluegray-300: #9fa9b7; + --bluegray-400: #818ea1; + --bluegray-500: #64748b; + --bluegray-600: #556376; + --bluegray-700: #465161; + --bluegray-800: #37404c; + --bluegray-900: #282e38; + --purple-50: #fbf7ff; + --purple-100: #ead6fd; + --purple-200: #dab6fc; + --purple-300: #c996fa; + --purple-400: #b975f9; + --purple-500: #a855f7; + --purple-600: #8f48d2; + --purple-700: #763cad; + --purple-800: #5c2f88; + --purple-900: #432263; + --red-50: #fff5f5; + --red-100: #ffd0ce; + --red-200: #ffaca7; + --red-300: #ff8780; + --red-400: #ff6259; + --red-500: #ff3d32; + --red-600: #d9342b; + --red-700: #b32b23; + --red-800: #8c221c; + --red-900: #661814; + --primary-50: #f5f9ff; + --primary-100: #d0e1fd; + --primary-200: #abc9fb; + --primary-300: #85b2f9; + --primary-400: #609af8; + --primary-500: #3b82f6; + --primary-600: #326fd1; + --primary-700: #295bac; + --primary-800: #204887; + --primary-900: #183462; } .p-autocomplete .p-autocomplete-loader { @@ -249,13 +273,13 @@ right: 3.75rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { - border-color: #3B82F6; + border-color: #3b82f6; } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.375rem 0.75rem; @@ -264,8 +288,22 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; } -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +.p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-input-token + input { + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; @@ -277,10 +315,15 @@ color: #495057; border-radius: 16px; } -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { +.p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-token + .p-autocomplete-token-icon { margin-left: 0.5rem; } -.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { +.p-autocomplete + .p-autocomplete-multiple-container + .p-autocomplete-token.p-focus { background: #ced4da; color: #495057; } @@ -308,17 +351,23 @@ border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { +.p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } -.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { +.p-autocomplete-panel + .p-autocomplete-items + .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } @@ -367,7 +416,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { @@ -379,7 +431,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -387,13 +439,22 @@ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, -.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #3B82F6; +.p-datepicker + .p-datepicker-header + .p-datepicker-title + .p-datepicker-year:enabled:hover, +.p-datepicker + .p-datepicker-header + .p-datepicker-title + .p-datepicker-month:enabled:hover { + color: #3b82f6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -420,13 +481,13 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; @@ -434,8 +495,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -455,7 +516,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #343a40; @@ -465,7 +529,7 @@ .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -488,8 +552,8 @@ border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -500,8 +564,8 @@ border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -517,50 +581,69 @@ .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { +.p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } -.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { +.p-datepicker:not(.p-disabled) + table + td + span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { +.p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } -.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { +.p-datepicker:not(.p-disabled) + .p-monthpicker + .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { +.p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } -.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { +.p-datepicker:not(.p-disabled) + .p-yearpicker + .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } @media screen and (max-width: 769px) { - .p-datepicker table th, .p-datepicker table td { + .p-datepicker table th, + .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -603,25 +686,39 @@ transition: box-shadow 0.2s; border-radius: 0; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight { + color: #1d4ed8; + background: #eff6ff; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-item-content { padding: 0.75rem 1.25rem; } -.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { +.p-cascadeselect-panel + .p-cascadeselect-items + .p-cascadeselect-item + .p-cascadeselect-group-icon { font-size: 0.875rem; } @@ -646,7 +743,11 @@ height: 22px; color: #495057; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; @@ -658,21 +759,21 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; + border-color: #3b82f6; + background: #3b82f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #1D4ED8; - background: #1D4ED8; + border-color: #1d4ed8; + background: #1d4ed8; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -683,23 +784,25 @@ background-color: #e9ecef; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3B82F6; + background: #3b82f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #e9ecef; } -.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #1D4ED8; +.p-input-filled + .p-checkbox:not(.p-checkbox-disabled) + .p-checkbox-box.p-highlight:hover { + background: #1d4ed8; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: #3B82F6; + border-color: #3b82f6; } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -722,7 +825,18 @@ padding: 0.375rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; @@ -753,17 +867,21 @@ .p-dropdown { background: #ffffff; border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -775,7 +893,8 @@ .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } -.p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { +.p-dropdown .p-dropdown-label:focus, +.p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } @@ -831,17 +950,21 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } -.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { +.p-dropdown-panel + .p-dropdown-items + .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } @@ -889,39 +1012,75 @@ border: 0 none; color: #6c757d; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover { color: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-stroke { stroke: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker + .ql-picker-label:hover + .ql-fill { fill: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label { color: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-stroke { stroke: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-label + .ql-fill { fill: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0.75rem 0; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item { color: #495057; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded + .ql-picker-options + .ql-picker-item:hover { color: #495057; background: #e9ecef; } -.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { +.p-editor-container + .p-editor-toolbar.ql-snow + .ql-picker.ql-expanded:not(.ql-icon-picker) + .ql-picker-item { padding: 0.75rem 1.25rem; } .p-editor-container .p-editor-content { @@ -952,22 +1111,28 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3B82F6; + color: #3b82f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3B82F6; + stroke: #3b82f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3B82F6; + fill: #3b82f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, -.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3B82F6; +.p-editor-container + .ql-snow.ql-toolbar + .ql-picker-label.ql-active + .ql-picker-label, +.p-editor-container + .ql-snow.ql-toolbar + .ql-picker-item.ql-selected + .ql-picker-label { + color: #3b82f6; } .p-inputgroup-addon { @@ -1050,7 +1215,11 @@ } .p-inputswitch .p-inputswitch-slider { background: #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { @@ -1068,18 +1237,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #3B82F6; + background: #3b82f6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } -.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover + .p-inputswitch-slider { background: #2563eb; } .p-inputswitch.p-invalid .p-inputswitch-slider { @@ -1087,24 +1257,39 @@ } .p-inputtext { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; font-size: 1rem; color: #495057; background: #ffffff; padding: 0.75rem 0.75rem; border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; appearance: none; border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-inputtext.p-invalid.p-component { border-color: #e24c4c; @@ -1193,7 +1378,11 @@ color: #495057; border: 1px solid #ced4da; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.75rem 1.25rem; @@ -1224,8 +1413,8 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; @@ -1242,19 +1431,21 @@ .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } -.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { +.p-listbox:not(.p-disabled) + .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-listbox.p-invalid { border-color: #e24c4c; @@ -1263,21 +1454,29 @@ .p-multiselect { background: #ffffff; border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-multiselect .p-multiselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; @@ -1289,7 +1488,9 @@ color: #495057; border-radius: 16px; } -.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { +.p-multiselect.p-multiselect-chip + .p-multiselect-token + .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { @@ -1323,10 +1524,16 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { +.p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-inputtext { padding-right: 1.75rem; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { +.p-multiselect-panel + .p-multiselect-header + .p-multiselect-filter-container + .p-multiselect-filter-icon { right: 0.75rem; color: #6c757d; } @@ -1341,7 +1548,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #343a40; @@ -1351,7 +1561,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1366,17 +1576,23 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { +.p-multiselect-panel + .p-multiselect-items + .p-multiselect-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { +.p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } -.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { +.p-multiselect-panel + .p-multiselect-items + .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } @@ -1443,16 +1659,20 @@ height: 22px; color: #495057; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1461,12 +1681,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; + border-color: #3b82f6; + background: #3b82f6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; + border-color: #1d4ed8; + background: #1d4ed8; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1483,10 +1703,12 @@ background-color: #e9ecef; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #3B82F6; + background: #3b82f6; } -.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #1D4ED8; +.p-input-filled + .p-radiobutton + .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #1d4ed8; } .p-rating { @@ -1494,7 +1716,11 @@ } .p-rating .p-rating-item .p-rating-icon { color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { @@ -1507,16 +1733,20 @@ .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #3B82F6; + color: #3b82f6; } -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #3B82F6; +.p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon { + color: #3b82f6; } -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { +.p-rating:not(.p-disabled):not(.p-readonly) + .p-rating-item:hover + .p-rating-icon.p-rating-cancel { color: #e73d3e; } @@ -1524,7 +1754,11 @@ background: #ffffff; border: 1px solid #ced4da; color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { @@ -1535,13 +1769,17 @@ border-color: #ced4da; color: #495057; } -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-left, +.p-selectbutton + .p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-right { color: #343a40; } .p-selectbutton .p-button.p-highlight { - background: #3B82F6; - border-color: #3B82F6; + background: #3b82f6; + border-color: #3b82f6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1584,41 +1822,53 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #3B82F6; + border: 2px solid #3b82f6; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-slider .p-slider-range { - background: #3B82F6; + background: #3b82f6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3B82F6; - border-color: #3B82F6; + background: #3b82f6; + border-color: #3b82f6; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-treeselect .p-treeselect-label { padding: 0.75rem 0.75rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; @@ -1675,7 +1925,11 @@ background: #ffffff; border: 1px solid #ced4da; color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { @@ -1684,21 +1938,23 @@ .p-togglebutton.p-button:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, -.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover + .p-button-icon-right { color: #343a40; } .p-togglebutton.p-button.p-highlight { - background: #3B82F6; - border-color: #3B82F6; + background: #3b82f6; + border-color: #3b82f6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1720,11 +1976,15 @@ .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; padding: 0.75rem 1.25rem; font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .p-button:enabled:hover { @@ -1733,23 +1993,23 @@ border-color: #2563eb; } .p-button:enabled:active { - background: #1D4ED8; + background: #1d4ed8; color: #ffffff; - border-color: #1D4ED8; + border-color: #1d4ed8; } .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1766,17 +2026,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1793,7 +2053,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1815,11 +2075,14 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #3B82F6; + color: #3b82f6; background-color: #ffffff; } .p-button.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 2px 2px 0 rgba(0, 0, 0, 0.14), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; @@ -1870,308 +2133,428 @@ flex: 1; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { +.p-button.p-button-secondary, +.p-buttonset.p-button-secondary > .p-button, +.p-splitbutton.p-button-secondary > .p-button { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + background: #64748b; + border: 1px solid #64748b; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, +.p-buttonset.p-button-secondary > .p-button:enabled:hover, +.p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #475569; color: #ffffff; border-color: #475569; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; +.p-button.p-button-secondary:enabled:focus, +.p-buttonset.p-button-secondary > .p-button:enabled:focus, +.p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #e2e8f0; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, +.p-buttonset.p-button-secondary > .p-button:enabled:active, +.p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #334155; color: #ffffff; border-color: #334155; } -.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { +.p-button.p-button-secondary.p-button-outlined, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } -.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-secondary.p-button-outlined:enabled:hover, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; border: 1px solid; } -.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-secondary.p-button-outlined:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; border: 1px solid; } -.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { +.p-button.p-button-secondary.p-button-text, +.p-buttonset.p-button-secondary > .p-button.p-button-text, +.p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } -.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { +.p-button.p-button-secondary.p-button-text:enabled:hover, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } -.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { +.p-button.p-button-secondary.p-button-text:enabled:active, +.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { +.p-button.p-button-info, +.p-buttonset.p-button-info > .p-button, +.p-splitbutton.p-button-info > .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { - background: #2563EB; +.p-button.p-button-info:enabled:hover, +.p-buttonset.p-button-info > .p-button:enabled:hover, +.p-splitbutton.p-button-info > .p-button:enabled:hover { + background: #2563eb; color: #ffffff; - border-color: #2563EB; + border-color: #2563eb; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; +.p-button.p-button-info:enabled:focus, +.p-buttonset.p-button-info > .p-button:enabled:focus, +.p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #bfdbfe; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { - background: #1D4ED8; +.p-button.p-button-info:enabled:active, +.p-buttonset.p-button-info > .p-button:enabled:active, +.p-splitbutton.p-button-info > .p-button:enabled:active { + background: #1d4ed8; color: #ffffff; - border-color: #1D4ED8; + border-color: #1d4ed8; } -.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { +.p-button.p-button-info.p-button-outlined, +.p-buttonset.p-button-info > .p-button.p-button-outlined, +.p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } -.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-info.p-button-outlined:enabled:hover, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } -.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-info.p-button-outlined:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } -.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { +.p-button.p-button-info.p-button-text, +.p-buttonset.p-button-info > .p-button.p-button-text, +.p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } -.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { +.p-button.p-button-info.p-button-text:enabled:hover, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } -.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { +.p-button.p-button-info.p-button-text:enabled:active, +.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(59, 130, 246, 0.16); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { +.p-button.p-button-success, +.p-buttonset.p-button-success > .p-button, +.p-splitbutton.p-button-success > .p-button { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + background: #22c55e; + border: 1px solid #22c55e; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { - background: #16A34A; +.p-button.p-button-success:enabled:hover, +.p-buttonset.p-button-success > .p-button:enabled:hover, +.p-splitbutton.p-button-success > .p-button:enabled:hover { + background: #16a34a; color: #ffffff; - border-color: #16A34A; + border-color: #16a34a; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; +.p-button.p-button-success:enabled:focus, +.p-buttonset.p-button-success > .p-button:enabled:focus, +.p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #bbf7d0; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { - background: #15803D; +.p-button.p-button-success:enabled:active, +.p-buttonset.p-button-success > .p-button:enabled:active, +.p-splitbutton.p-button-success > .p-button:enabled:active { + background: #15803d; color: #ffffff; - border-color: #15803D; + border-color: #15803d; } -.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { +.p-button.p-button-success.p-button-outlined, +.p-buttonset.p-button-success > .p-button.p-button-outlined, +.p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } -.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-success.p-button-outlined:enabled:hover, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; border: 1px solid; } -.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-success.p-button-outlined:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; border: 1px solid; } -.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { +.p-button.p-button-success.p-button-text, +.p-buttonset.p-button-success > .p-button.p-button-text, +.p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } -.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { +.p-button.p-button-success.p-button-text:enabled:hover, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } -.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { +.p-button.p-button-success.p-button-text:enabled:active, +.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { +.p-button.p-button-warning, +.p-buttonset.p-button-warning > .p-button, +.p-splitbutton.p-button-warning > .p-button { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + background: #f59e0b; + border: 1px solid #f59e0b; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { - background: #D97706; +.p-button.p-button-warning:enabled:hover, +.p-buttonset.p-button-warning > .p-button:enabled:hover, +.p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: #d97706; color: #ffffff; - border-color: #D97706; + border-color: #d97706; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FDE68A; +.p-button.p-button-warning:enabled:focus, +.p-buttonset.p-button-warning > .p-button:enabled:focus, +.p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fde68a; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { - background: #B45309; +.p-button.p-button-warning:enabled:active, +.p-buttonset.p-button-warning > .p-button:enabled:active, +.p-splitbutton.p-button-warning > .p-button:enabled:active { + background: #b45309; color: #ffffff; - border-color: #B45309; + border-color: #b45309; } -.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { +.p-button.p-button-warning.p-button-outlined, +.p-buttonset.p-button-warning > .p-button.p-button-outlined, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border: 1px solid; } -.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-warning.p-button-outlined:enabled:hover, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + color: #f59e0b; border: 1px solid; } -.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-warning.p-button-outlined:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + color: #f59e0b; border: 1px solid; } -.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { +.p-button.p-button-warning.p-button-text, +.p-buttonset.p-button-warning > .p-button.p-button-text, +.p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border-color: transparent; } -.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { +.p-button.p-button-warning.p-button-text:enabled:hover, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } -.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { +.p-button.p-button-warning.p-button-text:enabled:active, +.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(245, 158, 11, 0.16); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } -.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { +.p-button.p-button-help, +.p-buttonset.p-button-help > .p-button, +.p-splitbutton.p-button-help > .p-button { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + background: #a855f7; + border: 1px solid #a855f7; } -.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { - background: #9333EA; +.p-button.p-button-help:enabled:hover, +.p-buttonset.p-button-help > .p-button:enabled:hover, +.p-splitbutton.p-button-help > .p-button:enabled:hover { + background: #9333ea; color: #ffffff; - border-color: #9333EA; + border-color: #9333ea; } -.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; +.p-button.p-button-help:enabled:focus, +.p-buttonset.p-button-help > .p-button:enabled:focus, +.p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #e9d5ff; } -.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { - background: #7E22CE; +.p-button.p-button-help:enabled:active, +.p-buttonset.p-button-help > .p-button:enabled:active, +.p-splitbutton.p-button-help > .p-button:enabled:active { + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + border-color: #7e22ce; } -.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { +.p-button.p-button-help.p-button-outlined, +.p-buttonset.p-button-help > .p-button.p-button-outlined, +.p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } -.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-help.p-button-outlined:enabled:hover, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; border: 1px solid; } -.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-help.p-button-outlined:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; border: 1px solid; } -.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { +.p-button.p-button-help.p-button-text, +.p-buttonset.p-button-help > .p-button.p-button-text, +.p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } -.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { +.p-button.p-button-help.p-button-text:enabled:hover, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } -.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { +.p-button.p-button-help.p-button-text:enabled:active, +.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { +.p-button.p-button-danger, +.p-buttonset.p-button-danger > .p-button, +.p-splitbutton.p-button-danger > .p-button { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + background: #ef4444; + border: 1px solid #ef4444; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { - background: #DC2626; +.p-button.p-button-danger:enabled:hover, +.p-buttonset.p-button-danger > .p-button:enabled:hover, +.p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: #dc2626; color: #ffffff; - border-color: #DC2626; + border-color: #dc2626; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { - box-shadow: 0 0 0 0.2rem #FECACA; +.p-button.p-button-danger:enabled:focus, +.p-buttonset.p-button-danger > .p-button:enabled:focus, +.p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: 0 0 0 0.2rem #fecaca; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { - background: #B91C1C; +.p-button.p-button-danger:enabled:active, +.p-buttonset.p-button-danger > .p-button:enabled:active, +.p-splitbutton.p-button-danger > .p-button:enabled:active { + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + border-color: #b91c1c; } -.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { +.p-button.p-button-danger.p-button-outlined, +.p-buttonset.p-button-danger > .p-button.p-button-outlined, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } -.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { +.p-button.p-button-danger.p-button-outlined:enabled:hover, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; border: 1px solid; } -.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { +.p-button.p-button-danger.p-button-outlined:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; border: 1px solid; } -.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { +.p-button.p-button-danger.p-button-text, +.p-buttonset.p-button-danger > .p-button.p-button-text, +.p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } -.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { +.p-button.p-button-danger.p-button-text:enabled:hover, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } -.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { +.p-button.p-button-danger.p-button-text:enabled:active, +.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, +.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #1D4ED8; + color: #1d4ed8; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; - color: #1D4ED8; + color: #1d4ed8; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { @@ -2179,12 +2562,12 @@ } .p-button.p-button-link:enabled:focus { background: transparent; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; - color: #1D4ED8; + color: #1d4ed8; border-color: transparent; } @@ -2207,7 +2590,7 @@ .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-speeddial-action { @@ -2254,7 +2637,8 @@ .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } -.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-circle .p-speeddial-item:first-child, +.p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, @@ -2271,57 +2655,76 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } -.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; } -.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } -.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, +.p-splitbutton.p-button-outlined.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } -.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, +.p-splitbutton.p-button-outlined.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } -.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } -.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } -.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, +.p-splitbutton.p-button-text.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } -.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, +.p-splitbutton.p-button-text.p-button-plain + > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 2px 2px 0 rgba(0, 0, 0, 0.14), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; @@ -2353,176 +2756,224 @@ .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } -.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-secondary.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } -.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-secondary.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } -.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-secondary.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } -.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-secondary.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } -.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-info.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; } -.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-info.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } -.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-info.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } -.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-info.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } -.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-success.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } -.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-success.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } -.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-success.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } -.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-success.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border: 1px solid; } -.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-warning.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + color: #f59e0b; } -.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-warning.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border-color: transparent; } -.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-warning.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } -.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-warning.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } -.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-help.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } -.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-help.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } -.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-help.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } -.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-help.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } -.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, +.p-splitbutton.p-button-danger.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } -.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, +.p-splitbutton.p-button-danger.p-button-outlined + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } -.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, +.p-splitbutton.p-button-danger.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } -.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { +.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, +.p-splitbutton.p-button-danger.p-button-text + > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-carousel .p-carousel-content .p-carousel-prev, @@ -2533,7 +2984,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, @@ -2546,7 +3000,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2559,15 +3013,18 @@ background-color: #ced4da; width: 2rem; height: 0.5rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #adb5bd; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-paginator-top { @@ -2622,33 +3079,35 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { +.p-datatable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: #343a40; } .p-datatable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-datatable .p-sortable-column.p-highlight:hover { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-datatable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2672,7 +3131,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, @@ -2688,7 +3150,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2697,29 +3159,46 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr:focus { - outline: 0.15rem solid #BFDBFE; + outline: 0.15rem solid #bfdbfe; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EFF6FF; + box-shadow: inset 0 2px 0 0 #eff6ff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EFF6FF; + box-shadow: inset 0 -2px 0 0 #eff6ff; } -.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { +.p-datatable.p-datatable-hoverable-rows + .p-datatable-tbody + > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { - background: #3B82F6; + background: #3b82f6; } -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead, -.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-datatable-table + > .p-datatable-thead, +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-datatable-table + > .p-datatable-tfoot, +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-virtualscroller + > .p-datatable-table + > .p-datatable-thead, +.p-datatable.p-datatable-scrollable + > .p-datatable-wrapper + > .p-virtualscroller + > .p-datatable-table + > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { @@ -2756,7 +3235,10 @@ .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } -.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { +.p-datatable.p-datatable-gridlines + .p-datatable-tbody + > tr:last-child + > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { @@ -2765,36 +3247,72 @@ .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } -.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { +.p-datatable.p-datatable-gridlines + .p-datatable-thead + + .p-datatable-tfoot + > tr + > td { border-width: 0 0 1px 1px; } -.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { +.p-datatable.p-datatable-gridlines + .p-datatable-thead + + .p-datatable-tfoot + > tr + > td:last-child { border-width: 0 1px 1px 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has( + .p-datatable-tbody + ) + .p-datatable-tbody + > tr + > td { border-width: 0 0 1px 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { +.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has( + .p-datatable-tbody + ) + .p-datatable-tbody + > tr + > td:last-child { border-width: 0 1px 1px 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has( + .p-datatable-tfoot + ) + .p-datatable-tbody + > tr:last-child + > td { border-width: 0 0 0 1px; } -.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { +.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has( + .p-datatable-tfoot + ) + .p-datatable-tbody + > tr:last-child + > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { - background: #EFF6FF; - color: #1D4ED8; +.p-datatable.p-datatable-striped + .p-datatable-tbody + > tr:nth-child(even).p-highlight { + background: #eff6ff; + color: #1d4ed8; } -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { - color: #1D4ED8; +.p-datatable.p-datatable-striped + .p-datatable-tbody + > tr:nth-child(even).p-highlight + .p-row-toggler { + color: #1d4ed8; } -.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { - color: #1D4ED8; +.p-datatable.p-datatable-striped + .p-datatable-tbody + > tr:nth-child(even).p-highlight + .p-row-toggler:hover { + color: #1d4ed8; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; @@ -2876,25 +3394,30 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #343a40; border-color: transparent; background: #e9ecef; } -.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { +.p-column-filter-menu-button.p-column-filter-menu-button-open, +.p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #343a40; } -.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EFF6FF; - color: #1D4ED8; +.p-column-filter-menu-button.p-column-filter-menu-button-active, +.p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #eff6ff; + color: #1d4ed8; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-column-filter-clear-button { @@ -2904,7 +3427,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #343a40; @@ -2914,7 +3440,7 @@ .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-column-filter-overlay { @@ -2937,18 +3463,24 @@ transition: box-shadow 0.2s; border-radius: 0; } -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; +.p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item.p-highlight { + color: #1d4ed8; + background: #eff6ff; } -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { +.p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } -.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { +.p-column-filter-overlay + .p-column-filter-row-items + .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; @@ -2968,10 +3500,14 @@ padding: 1.25rem; border-bottom: 1px solid #dee2e6; } -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { +.p-column-filter-overlay-menu + .p-column-filter-constraint + .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } -.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { +.p-column-filter-overlay-menu + .p-column-filter-constraint + .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { @@ -3017,10 +3553,14 @@ } .fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; display: flex; align-items: center; @@ -3031,14 +3571,14 @@ border-color: #2563eb; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { - background: #1D4ED8; + background: #1d4ed8; color: #ffffff; - border-color: #1D4ED8; + border-color: #1d4ed8; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; @@ -3059,33 +3599,53 @@ .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #3B82F6; - border-color: #3B82F6; +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #3b82f6; + border-color: #3b82f6; color: #ffffff; } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-unthemed + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +.fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +.fc.fc-unthemed + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } -.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, +.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { @@ -3124,7 +3684,11 @@ background: #f8f9fa; color: #343a40; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close { opacity: 1; display: flex; align-items: center; @@ -3138,20 +3702,35 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:before { content: "\e90b"; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:hover { color: #343a40; border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard + .fc-view-harness + .fc-popover + .fc-popover-header + .fc-popover-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 1.25rem; @@ -3165,10 +3744,16 @@ background: #2563eb; border-color: #2563eb; } -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { +.fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-block-event + .fc-event-main { color: #ffffff; } -.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { +.fc.fc-theme-standard + .fc-view-harness + .fc-event.fc-daygrid-dot-event + .fc-daygrid-event-dot { background: #2563eb; border-color: #2563eb; } @@ -3181,10 +3766,14 @@ } .fc.fc-theme-standard .fc-toolbar .fc-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; font-size: 1rem; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; border-radius: 6px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { @@ -3193,20 +3782,20 @@ border-color: #2563eb; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { - background: #1D4ED8; + background: #1d4ed8; color: #ffffff; - border-color: #1D4ED8; + border-color: #1d4ed8; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.6; color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; @@ -3227,33 +3816,65 @@ .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { - background: #3B82F6; - border-color: #3B82F6; +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active { + background: #3b82f6; + border-color: #3b82f6; color: #ffffff; } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button.fc-button-active:hover, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button.fc-button-active:hover, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #2563eb; border-color: #2563eb; color: #ffffff; } -.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-dayGridMonth-button:not(:disabled):focus, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridWeek-button:not(:disabled):focus, +.fc.fc-theme-standard + .fc-toolbar + .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { @@ -3268,8 +3889,8 @@ border-bottom-right-radius: 6px; } .fc.fc-theme-standard .fc-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-orderlist .p-orderlist-controls { @@ -3303,7 +3924,9 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; @@ -3314,28 +3937,38 @@ background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { +.p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even) { background: #fcfcfc; } -.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { +.p-orderlist.p-orderlist-striped + .p-orderlist-list + .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } -.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { +.p-organizationchart + .p-organizationchart-node-content.p-organizationchart-selectable-node:not( + .p-highlight + ):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } -.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { +.p-organizationchart + .p-organizationchart-node-content.p-highlight + .p-node-toggler + i { color: #70aeff; } .p-organizationchart .p-organizationchart-line-down { @@ -3363,7 +3996,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-paginator { @@ -3438,9 +4071,9 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EFF6FF; - border-color: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + border-color: #eff6ff; + color: #1d4ed8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; @@ -3479,7 +4112,9 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, box-shadow 0.2s; + transition: + transform 0.2s, + box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; @@ -3490,21 +4125,25 @@ background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: rgba(59, 130, 246, 0.24); } -.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { +.p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even) { background: #fcfcfc; } -.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { +.p-picklist.p-picklist-striped + .p-picklist-list + .p-picklist-item:nth-child(even):hover { background: #e9ecef; } .p-timeline .p-timeline-event-marker { - border: 2px solid #3B82F6; + border: 2px solid #3b82f6; border-radius: 50%; width: 1rem; height: 1rem; @@ -3542,7 +4181,7 @@ .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 6px; @@ -3557,17 +4196,28 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:enabled:hover { color: #343a40; border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3576,22 +4226,47 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content + .p-checkbox + .p-indeterminate + .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #1D4ED8; +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-tree-toggler, +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-treenode-icon { + color: #1d4ed8; } -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #1D4ED8; +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-tree-toggler:hover, +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-highlight + .p-treenode-icon:hover { + color: #1d4ed8; } -.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { +.p-tree + .p-tree-container + .p-treenode + .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } @@ -3661,7 +4336,7 @@ background: #f8f9fa; } .p-treetable .p-sortable-column { - outline-color: #BFDBFE; + outline-color: #bfdbfe; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #343a40; @@ -3672,23 +4347,25 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #343a40; } -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { +.p-treetable + .p-sortable-column:not(.p-highlight):hover + .p-sortable-column-icon { color: #343a40; } .p-treetable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3708,7 +4385,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { @@ -3719,37 +4399,49 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { +.p-treetable + .p-treetable-tbody + > tr + > td + .p-treetable-toggler + + .p-checkbox + .p-indeterminate + .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus { - outline: 0.15rem solid #BFDBFE; + outline: 0.15rem solid #bfdbfe; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #1D4ED8; + color: #1d4ed8; } -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { +.p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } -.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { +.p-treetable.p-treetable-hoverable-rows + .p-treetable-tbody + > tr:not(.p-highlight):hover + .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { - background: #3B82F6; + background: #3b82f6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3823,27 +4515,38 @@ border-radius: 6px; transition: box-shadow 0.2s; } -.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { +.p-accordion + .p-accordion-header + .p-accordion-header-link + .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion + .p-accordion-header:not(.p-disabled) + .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } -.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { +.p-accordion + .p-accordion-header:not(.p-highlight):not(.p-disabled):hover + .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #343a40; } -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { +.p-accordion + .p-accordion-header:not(.p-disabled).p-highlight + .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #343a40; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { +.p-accordion + .p-accordion-header:not(.p-disabled).p-highlight:hover + .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #343a40; @@ -3866,7 +4569,10 @@ .p-card { background: #ffffff; color: #495057; - box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 2px 1px -1px rgba(0, 0, 0, 0.2), + 0 1px 1px 0 rgba(0, 0, 0, 0.14), + 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 6px; } .p-card .p-card-body { @@ -3905,7 +4611,10 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1.25rem; @@ -3919,7 +4628,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover { color: #343a40; @@ -3975,7 +4684,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #343a40; @@ -3985,7 +4697,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -4014,12 +4726,16 @@ .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-scrollpanel .p-scrollpanel-bar:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-splitter { @@ -4029,17 +4745,24 @@ color: #495057; } .p-splitter .p-splitter-gutter { - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; @@ -4069,29 +4792,35 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } -.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { +.p-tabview + .p-tabview-nav + li:not(.p-highlight):not(.p-disabled):hover + .p-tabview-nav-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; + border-color: #3b82f6; + color: #3b82f6; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #3B82F6; + color: #3b82f6; width: 3rem; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + box-shadow: + 0 3px 1px -2px rgba(0, 0, 0, 0.2), + 0 2px 2px 0 rgba(0, 0, 0, 0.14), + 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } .p-tabview .p-tabview-panels { background: #ffffff; @@ -4185,7 +4914,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { @@ -4196,7 +4928,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4241,11 +4973,14 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #3B82F6; + background: #3b82f6; color: #ffffff; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; @@ -4289,7 +5024,10 @@ border: 0 none; background: transparent; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { @@ -4301,7 +5039,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4343,7 +5081,7 @@ .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-fileupload .p-fileupload-content { background: #ffffff; @@ -4354,8 +5092,8 @@ border-bottom-left-radius: 6px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { - border: 1px dashed #3B82F6; - background-color: #EFF6FF; + border: 1px dashed #3b82f6; + background-color: #eff6ff; } .p-fileupload .p-fileupload-file { padding: 1rem; @@ -4389,9 +5127,9 @@ border-color: #2563eb; } .p-fileupload-choose:not(.p-disabled):active { - background: #1D4ED8; + background: #1d4ed8; color: #ffffff; - border-color: #1D4ED8; + border-color: #1d4ed8; } .p-breadcrumb { @@ -4407,7 +5145,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #495057; @@ -4455,47 +5193,102 @@ padding: 0.75rem 1.25rem; user-select: none; } -.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } -.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; +.p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { + color: #1d4ed8; } -.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; +.p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-contextmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { + color: #1d4ed8; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #495057; background: #dee2e6; } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #495057; } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-contextmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { @@ -4526,52 +5319,62 @@ .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-dock .p-dock-link { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, -.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, +.p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, -.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, +.p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } -.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { +.p-dock.p-dock-top .p-dock-item-current, +.p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, -.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, +.p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, -.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, +.p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } -.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { +.p-dock.p-dock-left .p-dock-item-current, +.p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { - .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + .p-dock.p-dock-top .p-dock-list-container, + .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } - .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, + .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } - .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + .p-dock.p-dock-left .p-dock-list-container, + .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } - .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, + .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { @@ -4599,10 +5402,18 @@ padding: 0.75rem 1.25rem; user-select: none; } -.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-megamenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } @@ -4610,36 +5421,79 @@ color: #6c757d; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; +.p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { + color: #1d4ed8; } -.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; +.p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { + color: #1d4ed8; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #495057; background: #dee2e6; } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #495057; } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { @@ -4669,34 +5523,75 @@ width: 12.5rem; padding: 0.25rem 0; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 6px; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-megamenu.p-megamenu-horizontal + .p-megamenu-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } @@ -4729,36 +5624,79 @@ color: #6c757d; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; +.p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { + color: #1d4ed8; } -.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; +.p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { + color: #1d4ed8; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #495057; background: #dee2e6; } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #495057; } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-menu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { @@ -4795,29 +5733,67 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link { padding: 0.75rem 1.25rem; user-select: none; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } -.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menubar-root-list + > .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menubar-root-list + > .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { @@ -4841,36 +5817,79 @@ color: #6c757d; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; +.p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { + color: #1d4ed8; } -.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; +.p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { + color: #1d4ed8; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #495057; background: #dee2e6; } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #495057; } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-menubar + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -4898,7 +5917,10 @@ height: 2rem; color: #6c757d; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; @@ -4907,7 +5929,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4929,11 +5951,21 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-menubar + .p-menubar-root-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar + .p-menubar-root-list + .p-menuitem.p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { @@ -4946,26 +5978,77 @@ transition: transform 0.2s; transform: rotate(90deg); } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem-active + > .p-menuitem-content + > .p-menuitem-link + > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 2.25rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 3.75rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 5.25rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 6.75rem; } - .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-menubar + .p-menubar-root-list + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-submenu-list + .p-menuitem + .p-menuitem-content + .p-menuitem-link { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { @@ -4986,28 +6069,45 @@ border-radius: 6px; transition: box-shadow 0.2s; } -.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { +.p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action { color: #6c757d; padding: 1.25rem; font-weight: 700; } -.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { +.p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action + .p-submenu-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { +.p-panelmenu + .p-panelmenu-header + .p-panelmenu-header-content + .p-panelmenu-header-action + .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu + .p-panelmenu-header:not(.p-disabled):focus + .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } -.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { +.p-panelmenu + .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover + .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #343a40; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { +.p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight + .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #343a40; @@ -5015,7 +6115,9 @@ border-bottom-left-radius: 0; margin-bottom: 0; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { +.p-panelmenu + .p-panelmenu-header:not(.p-disabled).p-highlight:hover + .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #343a40; @@ -5039,55 +6141,139 @@ transition: box-shadow 0.2s; border-radius: 0; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link { color: #495057; padding: 0.75rem 1.25rem; user-select: none; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { - color: #1D4ED8; - background: #EFF6FF; +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { + color: #1d4ed8; } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { + color: #1d4ed8; } -.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { +.p-panelmenu + .p-panelmenu-content + .p-menuitem.p-highlight.p-focus + > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #495057; background: #dee2e6; } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #495057; } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-panelmenu + .p-panelmenu-content + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } -.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-panelmenu + .p-panelmenu-content + .p-menuitem + .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { @@ -5125,11 +6311,11 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; @@ -5170,20 +6356,26 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem + .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { +.p-tabmenu + .p-tabmenu-nav + .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover + .p-menuitem-link { background: #ffffff; border-color: #adb5bd; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; + border-color: #3b82f6; + color: #3b82f6; } .p-tieredmenu { @@ -5218,47 +6410,102 @@ padding: 0.75rem 1.25rem; user-select: none; } -.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { +.p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } -.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; +.p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { + color: #1d4ed8; } -.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; +.p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-tieredmenu + .p-menuitem.p-highlight + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { + color: #1d4ed8; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(59, 130, 246, 0.24); } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content { color: #495057; background: #dee2e6; } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-menuitem-icon, +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus + > .p-menuitem-content + .p-menuitem-link + .p-submenu-icon { color: #495057; } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-text { color: #495057; } -.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-menuitem-icon, +.p-tieredmenu + .p-menuitem:not(.p-highlight):not(.p-disabled) + > .p-menuitem-content:hover + .p-menuitem-link + .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { @@ -5289,12 +6536,12 @@ } .p-inline-message.p-inline-message-success { background: #e4f8f0; - border: solid #1ea97c; + border: solid var(--success-primary); border-width: 0px; - color: #1ea97c; + color: var(--success-primary); } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1ea97c; + color: var(--success-primary); } .p-inline-message.p-inline-message-warn { background: #fff2e2; @@ -5306,13 +6553,13 @@ color: #cc8925; } .p-inline-message.p-inline-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: var(--error-tertiary); + border: solid var(--error-primary); border-width: 0px; - color: #ff5757; + color: var(--error-primary); } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #ff5757; + color: var(--error-primary); } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5337,7 +6584,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); @@ -5345,7 +6595,7 @@ .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-message.p-message-info { background: #e9e9ff; @@ -5361,15 +6611,15 @@ } .p-message.p-message-success { background: #e4f8f0; - border: solid #1ea97c; + border: solid var(--success-primary); border-width: 0 0 0 6px; - color: #1ea97c; + color: var(--success-primary); } .p-message.p-message-success .p-message-icon { - color: #1ea97c; + color: var(--success-primary); } .p-message.p-message-success .p-message-close { - color: #1ea97c; + color: var(--success-primary); } .p-message.p-message-warn { background: #fff2e2; @@ -5384,16 +6634,16 @@ color: #cc8925; } .p-message.p-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: var(--error-tertiary); + border: solid var(--error-primary); border-width: 0 0 0 6px; - color: #ff5757; + color: var(--error-primary); } .p-message.p-message-error .p-message-icon { - color: #ff5757; + color: var(--error-primary); } .p-message.p-message-error .p-message-close { - color: #ff5757; + color: var(--error-primary); } .p-message .p-message-text { font-size: 1rem; @@ -5426,7 +6676,10 @@ .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } -.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon { +.p-toast + .p-toast-message + .p-toast-message-content + .p-toast-message-icon.p-icon { width: 2rem; height: 2rem; } @@ -5441,7 +6694,10 @@ height: 2rem; border-radius: 50%; background: transparent; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); @@ -5449,7 +6705,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-toast .p-toast-message.p-toast-message-info { background: #e9e9ff; @@ -5463,13 +6719,13 @@ } .p-toast .p-toast-message.p-toast-message-success { background: #e4f8f0; - border: solid #1ea97c; + border: solid var(--success-primary); border-width: 0 0 0 6px; - color: #1ea97c; + color: var(--success-primary); } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { - color: #1ea97c; + color: var(--success-primary); } .p-toast .p-toast-message.p-toast-message-warn { background: #fff2e2; @@ -5482,14 +6738,14 @@ color: #cc8925; } .p-toast .p-toast-message.p-toast-message-error { - background: #ffe7e6; - border: solid #ff5757; + background: var(--error-tertiary); + border: solid var(--error-primary); border-width: 0 0 0 6px; - color: #ff5757; + color: var(--error-primary); } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #ff5757; + color: var(--error-primary); } .p-galleria .p-galleria-close { @@ -5498,7 +6754,10 @@ color: #f8f9fa; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { @@ -5517,7 +6776,10 @@ color: #f8f9fa; width: 4rem; height: 4rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 6px; margin: 0 0.5rem; } @@ -5545,34 +6807,48 @@ background-color: #ced4da; width: 1rem; height: 1rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #adb5bd; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } -.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, +.p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } -.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, +.p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { +.p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator + button { background: rgba(255, 255, 255, 0.4); } -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { +.p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator + button:hover { background: rgba(255, 255, 255, 0.6); } -.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EFF6FF; - color: #1D4ED8; +.p-galleria.p-galleria-indicator-onitem + .p-galleria-indicators + .p-galleria-indicator.p-highlight + button { + background: #eff6ff; + color: #1d4ed8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5585,7 +6861,10 @@ color: #f8f9fa; width: 2rem; height: 2rem; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, @@ -5593,10 +6872,12 @@ background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } -.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { +.p-galleria + .p-galleria-thumbnail-container + .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-galleria-mask { @@ -5610,7 +6891,10 @@ .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-image-preview-indicator .p-icon { width: 1.5rem; @@ -5631,7 +6915,10 @@ width: 3rem; height: 3rem; border-radius: 50%; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { @@ -5675,7 +6962,7 @@ } .p-badge { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5684,23 +6971,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5739,18 +7026,25 @@ .p-chip .p-chip-remove-icon { margin-left: 0.5rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; - transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; @@ -5759,7 +7053,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-progressbar { @@ -5771,7 +7065,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #3B82F6; + background: #3b82f6; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5785,8 +7079,10 @@ .p-progress-spinner-circle { stroke-dasharray: 89, 200; stroke-dashoffset: 0; - stroke: #ff5757; - animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; + stroke: var(--error-primary); + animation: + p-progress-spinner-dash 1.5s ease-in-out infinite, + p-progress-spinner-color 6s ease-in-out infinite; stroke-linecap: round; } @@ -5810,16 +7106,18 @@ } } @keyframes p-progress-spinner-color { - 100%, 0% { - stroke: #ff5757; + 100%, + 0% { + stroke: var(--error-primary); } 40% { stroke: #696cff; } 66% { - stroke: #1ea97c; + stroke: var(--success-primary); } - 80%, 90% { + 80%, + 90% { stroke: #cc8925; } } @@ -5828,7 +7126,10 @@ height: 3rem; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + color 0.2s, + box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); @@ -5850,11 +7151,16 @@ border-radius: 6px; } .p-skeleton:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); + background: linear-gradient( + 90deg, + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.4), + rgba(255, 255, 255, 0) + ); } .p-tag { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5862,19 +7168,19 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5894,7 +7200,18 @@ } .p-terminal .p-terminal-input { font-size: 1rem; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: + "Source Sans Pro", + -apple-system, + BlinkMacSystemFont, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol"; } .p-button-label { @@ -5902,50 +7219,80 @@ } .p-accordion .p-accordion-header .p-accordion-header-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + border-color 0.2s, + box-shadow 0.2s; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #3B82F6; + background-color: #3b82f6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #3B82F6; + background-color: #3b82f6; } .p-button:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #9dc1fb, + 0 1px 2px 0 black; } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #b0b9c6, + 0 1px 2px 0 black; } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #88eaac, + 0 1px 2px 0 black; } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #9dc1fb, + 0 1px 2px 0 black; } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #facf85, + 0 1px 2px 0 black; } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #d4aafb, + 0 1px 2px 0 black; } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #f7a2a2, + 0 1px 2px 0 black; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #3B82F6; + box-shadow: inset 0 2px 0 0 #3b82f6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #3B82F6; + box-shadow: inset 0 -2px 0 0 #3b82f6; } .p-speeddial-item.p-focus > .p-speeddial-action { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black; + box-shadow: + 0 0 0 2px #ffffff, + 0 0 0 4px #9dc1fb, + 0 1px 2px 0 black; } diff --git a/frontend/src/App.vue b/frontend/src/App.vue index cdb7a38..dc83671 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -1,18 +1,25 @@ + + + + diff --git a/frontend/src/components/CalendarLink.vue b/frontend/src/components/CalendarLink.vue index 99fa1b1..0d928b8 100644 --- a/frontend/src/components/CalendarLink.vue +++ b/frontend/src/components/CalendarLink.vue @@ -1,7 +1,7 @@