herum-shared 0.1.25

package/services/index.d.ts

@@ -0,0 +1,266 @@
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { GraphQlQuery, GraphQLFilter, GraphQlOffsetPaging, GraphQLOrder, SignInFormData, AuthenticationResponse, SignUpFormData, SecurityQuestion, Group, ClosedList, User, DbActionResponse, ModelInfo, GlobalKeyboardEvent, Resource, LessonResourceSubscription, Lesson, MicroResourceAuthorizationBase, ResourcePreview, MicroResourceFrontData, LessonStudentSubscription, Question, UserQuestionData, ResourceSubscription, BackendMicroResourceAuthorization, MicroResourceAuthorizationType, ISystemTrackTextChangesService } from 'herum-shared/herum-types';
+import * as rxjs from 'rxjs';
+import { Observable, BehaviorSubject, Subject } from 'rxjs';
+import { Router } from '@angular/router';
+import { EnvironmentConfig } from 'herum-shared/environment';
+import * as i0 from '@angular/core';
+import { RendererFactory2 } from '@angular/core';
+
+declare const NestedConditionSigniture = "filters";
+declare class GraphQLService {
+    private httpClient;
+    private environmentConfig;
+    constructor(httpClient: HttpClient, environmentConfig: EnvironmentConfig);
+    executeQuery(gqlQuery: GraphQlQuery, isListQuery?: boolean, isOffsetPagination?: boolean): Observable<any>;
+    getFreeTextCondition(freeText: string, orConditionKeys: string[]): {
+        and: any[];
+    };
+    generateFilterStringDynamically(ids: string[], key: string, type: ('String' | 'Number')): {
+        filters: any[];
+        variables: any[];
+    };
+    convertToResolverNameFormat(mongoCollectionName: string): string;
+    generateQuery(resolverName: string, formatExample: any, condition?: GraphQLFilter, first?: number, after?: string, offsetPaging?: GraphQlOffsetPaging, variablesStringForQuerySigniture?: string, order?: GraphQLOrder, conditionPaths?: {
+        [path: string]: GraphQLFilter;
+    }, orderPaths?: {
+        [path: string]: GraphQLOrder;
+    }, offsetPagingPaths?: {
+        [path: string]: GraphQlOffsetPaging;
+    }, isListQuery?: boolean, isOffsetPagination?: boolean): string;
+    private generateConditionString;
+    private generatePagingString;
+    private generateOffsetPagingString;
+    private getKeysString;
+    private generateVariablesObjectForBody;
+    private generateVariablesStringForQuerySigniture;
+    generateOrderString<T extends {}>(order: T): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GraphQLService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GraphQLService>;
+}
+
+declare class AuthService {
+    private http;
+    private router;
+    private gql;
+    private environmentConfig;
+    sessionId$: BehaviorSubject<string>;
+    isTeacher$: Subject<boolean>;
+    constructor(http: HttpClient, router: Router, gql: GraphQLService, environmentConfig: EnvironmentConfig);
+    tryLogin(signInFormData: SignInFormData): Observable<AuthenticationResponse>;
+    getUserIdentificationQuestions(personalId: string): Observable<Object>;
+    signUp(signUpData: SignUpFormData): Observable<AuthenticationResponse>;
+    logout(): void;
+    clearSession(): void;
+    isValidSessionId(sessionId: string): Observable<boolean>;
+    isTeacher(): Observable<boolean>;
+    setIdentificationQuestions(password: string, questions: {
+        question: string;
+        answer: string;
+    }[]): Observable<Object>;
+    resetPassword(securityQuestions: SecurityQuestion[], personalId: string, newPassword: string): Observable<Object>;
+    securityCheck(securityQuestions: SecurityQuestion[], personalId: string): Observable<Object>;
+    handleNewSessionId(authenticationResponse: AuthenticationResponse): AuthenticationResponse;
+    private updateSessionId;
+    private generateStringForAuthenticationHash;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthService>;
+}
+
+declare class CommonGraphqlRequestsService {
+    private gql;
+    private environmentConfig;
+    constructor(gql: GraphQLService, environmentConfig: EnvironmentConfig);
+    getGroupsByIds(ids: string[], formatExample: Group): Observable<Group[]>;
+    getClosedLists(names?: string[]): Observable<ClosedList[] | ClosedList>;
+    getUsersByIds(usersIds: string[], formatExample: User): Observable<User[]>;
+    getPermissionsTemplates(): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CommonGraphqlRequestsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CommonGraphqlRequestsService>;
+}
+
+declare const innerUniqListItemKey = "_id";
+declare const emptyValueFlagForCreationUniqListItem = "null";
+declare class DbActionsInnerIdManagerService {
+    determineIfInnerIdIsNeeded(value: any[]): void;
+    deleteInnerIdFieldIfExist(itemToAttach: {
+        [key: string]: any;
+    }, itemValue: {
+        [key: string]: any;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbActionsInnerIdManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbActionsInnerIdManagerService>;
+}
+
+declare class DbActionRequestsService {
+    private http;
+    private dbActionsInnerIdManagerService;
+    private environmentConfig;
+    constructor(http: HttpClient, dbActionsInnerIdManagerService: DbActionsInnerIdManagerService, environmentConfig: EnvironmentConfig);
+    getFileRequest(request: any, file: File): FormData;
+    addOrUpdateAndAttachBulkWithFile(mongoCollectionName: string, fields: {
+        [key: string]: any;
+    }, file: File, ids: string[], uploadsManagerTitle?: string, skipToast?: boolean): Observable<string>;
+    setAddOrUpdateAndAttachBulkWithFileHeaders(headerToSet: any[]): HttpHeaders;
+    AndAttachBulk(mongoCollectionName: string, fields: {
+        [key: string]: any;
+    }, ids: string[], method: 'create' | 'addOrUpdate', attachmentsToUpdate?: {
+        [key: string]: any;
+    }): Observable<DbActionResponse>;
+    basicBulk(mongoCollectionName: string, fields: {
+        [key: string]: any;
+    }, ids: string[], requestType: string, skipToast?: boolean): Observable<Object>;
+    private buildSourceCollectionRequestsData;
+    private buildMirrorSourceCollectionRequestsData;
+    private arrayOfIdObjectsToIdsArray;
+    private buildBasicBulkObjectData;
+    deleteMongoDocument(mongoCollectionName: string, ids: string[]): Observable<Object>;
+    deletePreviewItemsFromList(mongoCollectionName: string, fields: {
+        [key: string]: any;
+    }, ids: string[]): Observable<Object>;
+    getFormattedAttachments(ids: string[], objectsToAttach: {
+        [key: string]: any;
+    }, keysToAttachInDifferentModel: {
+        [key: string]: any;
+    }, modelInfo: {
+        [key: string]: ModelInfo;
+    }): any[];
+    splitFieldByType(fields: {
+        [key: string]: any;
+    }, modelInfo: {
+        [key: string]: ModelInfo;
+    }): {
+        keysToAttach: {
+            [key: string]: any;
+        };
+        keysToUpdate: {
+            [key: string]: any;
+        };
+        keysToAttachInDifferentModel: {
+            [key: string]: any;
+        };
+    };
+    getMongoCollectionModelInfo(mongoCollectionName: string): Observable<{
+        [key: string]: ModelInfo;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbActionRequestsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbActionRequestsService>;
+}
+
+declare class GlobalKeyboardListenerService {
+    private environmentConfig;
+    globalKeyboardEvents$: Subject<GlobalKeyboardEvent>;
+    connection: WebSocket;
+    constructor(environmentConfig: EnvironmentConfig);
+    initGlobalSocket(): void;
+    get globalKeysToChromeKeysNames(): {
+        'NUMPAD 0': string;
+        'NUMPAD 1': string;
+        'NUMPAD 2': string;
+        'NUMPAD 3': string;
+        'NUMPAD 4': string;
+        'NUMPAD 5': string;
+        'NUMPAD 6': string;
+        'NUMPAD 7': string;
+        'NUMPAD 8': string;
+        'NUMPAD 9': string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<GlobalKeyboardListenerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<GlobalKeyboardListenerService>;
+}
+
+declare class KeyPressService {
+    shouldPreventMacroKeyPress(event: KeyboardEvent, macroKeysPress: number[]): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyPressService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KeyPressService>;
+}
+
+declare class LoaderManagerService {
+    loadersIds: string[];
+    loadingDescription: string;
+    addLoader(loaderId: string, description?: string): void;
+    changeDescription(description: string): void;
+    clear(): void;
+    removeLoaderId(loaderIdToRemove: string): void;
+    get isFullScreenLoading(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoaderManagerService>;
+}
+
+declare const freeTextAnswerField: string;
+type studentInnerAuthorizationSubscription = {
+    user?: {
+        id: string;
+    };
+    innerAuthorizations?: BackendMicroResourceAuthorization[];
+};
+declare class MicroResourcesService {
+    private http;
+    private environmentConfig;
+    constructor(http: HttpClient, environmentConfig: EnvironmentConfig);
+    getAssignmentUpdateTimings(selectedResource: Partial<Resource & LessonResourceSubscription>, openingTime: Date, closingTime: Date): {
+        propertyPath: string;
+        collectionItemType: string;
+        openingTime: Date;
+        closingTime: Date;
+        authorizationType: any;
+    }[];
+    getPublishGradeTimings(selectedResource: Partial<Resource & LessonResourceSubscription>, openingTime?: Date, closingTime?: Date): {
+        authorizationType: any;
+        closingTime: Date;
+        collectionItemType: string;
+        openingTime: Date;
+        propertyPath: string;
+    }[];
+    updateUserMicroResourceAuthorizationLocally(currentLesson: Lesson, studentId: string, microResourceAuthorizations: MicroResourceAuthorizationBase[], selectedResource: ResourcePreview): void;
+    updateUserMicroResourceVisibility(microResource: MicroResourceFrontData, resource: Resource & LessonResourceSubscription, lesson: Lesson, user: LessonStudentSubscription): rxjs.Observable<any>;
+    updateUserMicroResourceAuthorization(studentId: string, lesson: Lesson, resource: ResourcePreview, authorizations: MicroResourceAuthorizationBase[]): rxjs.Observable<any>;
+    resolvePropertyPath(path: string | ((question: (Question | UserQuestionData)[]) => string), questions: (Question | UserQuestionData)[]): string;
+    isTimePass(date: string | number | Date): boolean;
+    isAuthenticated(microResource: MicroResourceAuthorizationBase): boolean;
+    isQuestionAssignment(resourceSubscription: ResourceSubscription, questionType: string): boolean;
+    isQuestionPendingForCheck(resourceSubscription: ResourceSubscription, questionData: UserQuestionData): boolean;
+    buildQuestionPropertyPath(id: string, field: string): string;
+    hasFillAuthorizationClosingTimePassed(innerAuthorizations: BackendMicroResourceAuthorization[], resource: Resource): boolean;
+    isPublishGradeAuthenticated(innerAuthorizations: BackendMicroResourceAuthorization[], resource: Resource): boolean;
+    getAuthorization(innerAuthorizations: BackendMicroResourceAuthorization[], defaultAuthorizationObject: BackendMicroResourceAuthorization, MicroResourceAuthorizationType: MicroResourceAuthorizationType, resource: Resource): any;
+    createMultiResourceDefaultAuthorizations<T extends studentInnerAuthorizationSubscription>(students: T[], pageId: string, resourcesIds: string[], defaultAuthorizations: BackendMicroResourceAuthorization[], authorizations?: BackendMicroResourceAuthorization[]): rxjs.Observable<Object[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MicroResourcesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MicroResourcesService>;
+}
+
+declare class ResourceDataBuilderService {
+    private environmentConfig;
+    constructor(environmentConfig: EnvironmentConfig);
+    buildFilePath(resource: Resource): string;
+    buildDirectoryPath(resource: Resource): string;
+    private getVersionPathParameter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResourceDataBuilderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResourceDataBuilderService>;
+}
+
+declare class SystemStylingService {
+    private document;
+    private rendererFactory;
+    private renderer;
+    constructor(document: Document, rendererFactory: RendererFactory2);
+    setHerumStyling(): void;
+    setCollegeStyling(): void;
+    setHadrachaStyling(): void;
+    private setCssVariable;
+    private setFavicon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SystemStylingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SystemStylingService>;
+}
+declare function systemStylingFactory(systemName: string, systemStylingService: SystemStylingService): () => void;
+
+declare class TrackTextChangesService {
+    private systemContextTrackTextChangesService;
+    constructor(systemContextTrackTextChangesService: ISystemTrackTextChangesService);
+    getStyle(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrackTextChangesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TrackTextChangesService>;
+}
+
+export { AuthService, CommonGraphqlRequestsService, DbActionRequestsService, DbActionsInnerIdManagerService, GlobalKeyboardListenerService, GraphQLService, KeyPressService, LoaderManagerService, MicroResourcesService, NestedConditionSigniture, ResourceDataBuilderService, SystemStylingService, TrackTextChangesService, emptyValueFlagForCreationUniqListItem, freeTextAnswerField, innerUniqListItemKey, systemStylingFactory };
+export type { studentInnerAuthorizationSubscription };

package/static-services/index.d.ts

@@ -0,0 +1,25 @@
+import { EnvironmentConfig } from 'herum-shared/environment';
+import * as i0 from '@angular/core';
+
+declare class StorageService {
+    private static cache;
+    static getItem(key: string): string | null;
+    static setItem(key: string, value: any): void;
+    static removeItem(key: string): void;
+    static deleteAll(): void;
+    private static deleteCookie;
+    private static setCookie;
+    private static getCookie;
+}
+
+declare class UtilsService {
+    private environmentConfig;
+    constructor(environmentConfig: EnvironmentConfig);
+    getDisplayedNameForMongoMethodByUserActivity(urlRequest: string): string | undefined;
+    fetchFiles(fileId: string, resourceType: string, bucket?: string): Promise<Response>;
+    initAudioFile(fileId: string, bucketName?: string, signal?: AbortSignal): Promise<File>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UtilsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UtilsService>;
+}
+
+export { StorageService, UtilsService };

package/styles/_mixin.scss

@@ -0,0 +1,86 @@
+@mixin boxShadow {
+    box-shadow: 0px 0px var(--box-shadow-blur) #00000029 !important;
+}
+
+@mixin boldBoxShadow {
+    box-shadow: 0px 3px 6px #00000029 !important;
+}
+
+@mixin chipBoxShadow {
+    box-shadow: 0px 0px 6px #61606029;
+}
+
+@mixin customTooltipStyle {
+    background-color: var(--tooltip-background-color) !important;
+    color: var(--light-background-color) !important;
+    padding: var(--tooltip-padding-size) !important;
+    border-radius: var(--border-radius) !important;
+    font-size: 14px !important;
+    @include boxShadow;
+}
+
+@mixin parentPage {
+    background: var(--page-color) 0% 0% no-repeat padding-box;
+    padding: var(--parent-page-padding);
+    gap: 24px;
+    display: flex;
+    width: 100%;
+    height: calc(100vh - var(--main-header-height));
+    overflow: auto;
+}
+
+@mixin mainPageLayout {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    padding: var(--parent-page-padding);
+    background-color: var(--page-background-color);
+}
+
+@mixin gradientText {
+    background: var(--fliped-primary-color);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+}
+
+@mixin alignContent {
+    &.center,
+    &.right,
+    &.left,
+    &.top,
+    &.bottom {
+        height: 100%;
+        display: flex;
+    }
+
+    &.center,
+    &.right,
+    &.left {
+        align-items: center;
+    }
+
+    &.center,
+    &.top,
+    &.bottom {
+        justify-content: center;
+    }
+
+    &.right {
+        justify-content: flex-start;
+    }
+
+    &.left {
+        justify-content: flex-end;
+    }
+
+    &.top {
+        align-items: flex-start;
+    }
+
+    &.bottom {
+        align-items: flex-end;
+    }
+}

package/styles/collection-wizard-layout.component.scss

@@ -0,0 +1,70 @@
+@import './mixin';
+
+:host {
+    overflow-y: hidden;
+    height: calc(100vh - var(--main-header-height));
+    background-color: var(--main-background-color);
+}
+
+.collection-wizard-layout,
+.wizard-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.collection-wizard-layout {
+    max-height: calc(100% - 40px);
+    height: 100%;
+    overflow-y: hidden;
+    justify-content: space-between;
+    padding: var(--big-padding);
+}
+
+.wizard-container {
+    height: calc(100% - 40px - 2*var(--big-padding));
+    align-items: center;
+}
+
+.stepper-container {
+    max-width: 500px;
+    width: 100%;
+}
+
+.content-container {
+    max-height: 100%;
+    width: 100%;
+    background-color: var(--light-background-color);
+    display: flex;
+    padding: var(--big-padding) 0;
+    flex-direction: row;
+    @include boxShadow;
+
+    .col-4,
+    .col-8 {
+        padding: 0 var(--big-padding);
+        overflow-y: auto;
+    }
+}
+
+.collection-preview {
+    border-right: 1px solid var(--chips-divider-color);
+    padding: var(--big-padding);
+    align-items: stretch;
+    display: flex;
+    flex-direction: column;
+}
+
+.controllers-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    gap: 16px;
+    padding-top: 16px;
+}
+
+app-collection-creation-layout,
+app-resources-creation-layout,
+wizard-summary {
+    width: 100%;
+    height: 100%;
+}

package/styles/dialogs.scss

@@ -0,0 +1,49 @@
+.dialog-container,
+form {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    position: relative;
+    padding: 16px;
+    max-height: 80vh;
+    width: 30vw;
+}
+
+.title {
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.description {
+    font-size: 14px;
+}
+
+p {
+    margin: 0;
+}
+
+.dialog-buttons-actions-container {
+    width: 100%;
+    justify-content: flex-end;
+    gap: 16px;
+    display: flex;
+    flex-direction: row;
+}
+
+.close-dialog {
+    position: absolute;
+    top: 20px;
+    left: 20px;
+}
+
+.title-container {
+    display: flex;
+    align-items: center;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.close-button {
+    cursor: pointer;
+    height: 11px;
+}

package/styles/forms.scss

@@ -0,0 +1,18 @@
+.form-container {
+    gap: 16px;
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 16px;
+}
+
+.description {
+    font-size: small;
+}
+
+.input-title{
+    font-weight: bold;
+}
+
+.section-title {
+    margin: 0;
+}

package/styles/overView.scss

@@ -0,0 +1,115 @@
+.collection-over-view-with-hover-container {
+    position: relative;
+    width: fit-content;
+    transform: scale(1);
+    transition: transform 0.4s ease-in-out;
+    z-index: 1;
+}
+
+.collection-over-view-with-hover-container:hover {
+    transform: scale(1.1);
+}
+
+.preview-placeholder-image-text {
+    font-size: 12px;
+    opacity: 0.3;
+    position: absolute;
+    color: #0d1615;
+    top: 84px;
+    right: 55px;
+}
+
+.collection-over-view-container {
+    z-index: 1;
+    max-width: 300px;
+    position: relative;
+}
+
+.collection-image-over-view {
+    background-size: cover;
+    position: relative;
+    background-position: center center;
+    width: 100%;
+    min-width: 280px;
+    height: 100%;
+    min-height: 150px;
+    border-radius: var(--border-radius) var(--border-radius) 0 0;
+    align-items: flex-end;
+    display: flex;
+    border-bottom: 1px solid rgb(245, 242, 242);
+
+    .permission-tag-container {
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        background-color: #f3f3f3;
+        border-radius: 22px;
+        align-items: center;
+        display: flex;
+        gap: 3px;
+        padding: 4px;
+
+        .permission-text {
+            font-weight: 600;
+            color: #879eab;
+        }
+    }
+}
+
+.collection-description {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    gap: var(--standard-padding);
+}
+
+.section-header-title-skeleton,
+.creator-skeleton {
+    border-radius: var(--border-radius);
+}
+
+.section-header-title-skeleton {
+    width: 50%;
+    height: 24px;
+    margin-block-end: 8px;
+}
+
+.creator-skeleton {
+    width: 80%;
+    height: 18px;
+}
+
+.creator {
+    color: grey;
+}
+
+.labels-container {
+    display: flex;
+    gap: 16px;
+    color: grey !important;
+}
+
+.description-in-hover {
+    position: absolute;
+    z-index: 3;
+    top: 0;
+    left: 0px;
+    min-width: 100%;
+    opacity: 0.95;
+}
+
+.description-in-hover-height {
+    height: 86%;
+}
+
+catalog-collection-description {
+    position: relative;
+    z-index: 2;
+}
+
+.catalog-chips-container {
+    display: flex;
+    gap: 8px;
+    position: absolute;
+    right: 0;
+}

package/styles/variables/_colors.college.scss

@@ -0,0 +1,65 @@
+:root {
+    --text-color: #424251;
+    --light-text-color: #ffffff;
+    --disabled-text-color: #8D8D8D;
+   
+    --title-color: #131A17;
+    --semi-transparent-title: rgba(255, 255, 255, 0.8);
+    --lighter-primary-color: linear-gradient(0deg, #177969 0%, #25A072 100%);
+    --darker-primary-color: linear-gradient(0deg, #177969 0%, #25A072 100%);
+    --section-header-color: transparent linear-gradient(177deg, #095D57 0%, #2BB982B8 52%, #44F0BB00 100%) 0% 0% no-repeat padding-box;
+
+    --secondary-color: #7A9AAC;
+    --lighter-secondary-color: #93B0C1;
+    --darker-secondary-color: #5E7D8E;
+    --secondary-gradient-color: linear-gradient(0deg, #5E7D8E 0%, #7A9AAC 100%);
+
+   
+    --hover-background: #EAF3FD;
+    --item-hover-color: #EAF3FD;
+
+    --primary-color: linear-gradient(0deg, #2B88E9 0%, #009DE7 100%);
+    --fliped-primary-color: linear-gradient(180deg, #2B88E9 0%, #009DE7 100%);
+
+    --icons-color: #2B87E9;
+    --college-secondary-icons-color: #2D7ABE;
+
+    --icons-color-light-1: #2B87E980;
+    --icons-color-light-2: #2B87E933;
+    --icons-color-as-bg: #F1F5F7;
+
+    --disabled-background-color: linear-gradient(17deg, #C5C7C7 0%, #ffffff 100%);
+    --disabled-border-color: #C8C5C5;
+
+
+    --popup-panel-color: #1c274c86;
+
+    --chips-divider-color: #CFD7E9;
+    --chips-bold-divider-color: #A0AFD4;
+
+    --secondary-icon-fill-color: #7a9aac;
+
+    --panels-fill-color: #F4F4F7;
+
+    --error-color: #FF0A4D;
+    --information-color: #00bcd4;
+
+    --main-background-color: #F9FCFF;
+
+    --light-background-color: #FFFFFF;
+
+    --darker-light-background-color: #1609290d;
+
+    --tooltip-background-color: #1C274C;
+
+    --inactive-border-color: #A0AFD41A;
+
+    --table-border-color: #DFE4F0;
+
+    --hovered-item-background-color: #E5F4E9;
+    --secondary-hovered-item-background-color: #dfe4f084;
+
+    --page-color: #f6f6f6;
+    --college-page-color: #f9fcff;
+
+}