Scoped containers using CSS custom properties and color pairs

    公开(公告)号:US11507729B1

    公开(公告)日:2022-11-22

    申请号:US17302860

    申请日:2021-05-13

    Abstract: A computer-implemented method and corresponding systems and apparatuses for configuring the visual appearance of a webpage. The method involves providing access to color schemes through a user interface of a software application and assigning user selected color schemes to corresponding sections of the webpage. Each color scheme includes at least one foreground color paired with a corresponding background color that contrasts the foreground color. Color schemes can include user-configured color schemes and system-generated color schemes. The method further involves generating source code representing the webpage. The source code includes scoped containers, where the scope of a container includes an assigned color scheme applied to one or more elements within a section that the container represents. Color schemes can be applied using Cascading Style Sheets (CSS) custom properties. Containers can be nested so that child containers inherit and/or override colors specified in the color schemes of their parent containers.

    SCOPED CONTAINERS USING CSS CUSTOM PROPERTIES AND COLOR PAIRS

    公开(公告)号:US20230066832A1

    公开(公告)日:2023-03-02

    申请号:US18047853

    申请日:2022-10-19

    Abstract: A computer-implemented method and corresponding systems and apparatuses for configuring the visual appearance of a webpage. The method involves providing access to color schemes through a user interface of a software application and assigning color schemes to corresponding sections of the webpage based on user input. Each color scheme includes at least one foreground color paired with a corresponding background color that contrasts the foreground color. The method further involves generating source code representing the webpage. In some examples, the source code includes a first container corresponding to a first section and a second container corresponding to a second section. The first container includes properties corresponding to a first color scheme. Similarly, the second container includes properties corresponding to a second color scheme. Because the second section is a subsection of the first section, the source code is generated with the second container being nested within the first container.

    SCOPED CONTAINERS USING CSS CUSTOM PROPERTIES AND COLOR PAIRS

    公开(公告)号:US20220366125A1

    公开(公告)日:2022-11-17

    申请号:US17302860

    申请日:2021-05-13

    Abstract: A computer-implemented method and corresponding systems and apparatuses for configuring the visual appearance of a webpage. The method involves providing access to color schemes through a user interface of a software application and assigning user selected color schemes to corresponding sections of the webpage. Each color scheme includes at least one foreground color paired with a corresponding background color that contrasts the foreground color. Color schemes can include user-configured color schemes and system-generated color schemes. The method further involves generating source code representing the webpage. The source code includes scoped containers, where the scope of a container includes an assigned color scheme applied to one or more elements within a section that the container represents. Color schemes can be applied using Cascading Style Sheets (CSS) custom properties. Containers can be nested so that child containers inherit and/or override colors specified in the color schemes of their parent containers.

Patent Agency Ranking