{"id":20672069,"url":"https://github.com/workarea-commerce/workarea-nvy-theme","last_synced_at":"2026-02-17T05:32:35.121Z","repository":{"id":35074067,"uuid":"203656460","full_name":"workarea-commerce/workarea-nvy-theme","owner":"workarea-commerce","description":"A professional commerce theme for Workarea applications","archived":false,"fork":false,"pushed_at":"2023-01-04T09:02:39.000Z","size":3787,"stargazers_count":2,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-13T07:54:13.410Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.workarea.com","language":"Haml","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/workarea-commerce.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-21T20:05:49.000Z","updated_at":"2020-12-14T14:55:20.000Z","dependencies_parsed_at":"2023-01-15T13:30:16.005Z","dependency_job_id":null,"html_url":"https://github.com/workarea-commerce/workarea-nvy-theme","commit_stats":null,"previous_names":["workarea-commerce/workarea-nvy_theme"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/workarea-commerce/workarea-nvy-theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-nvy-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-nvy-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-nvy-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-nvy-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/workarea-commerce","download_url":"https://codeload.github.com/workarea-commerce/workarea-nvy-theme/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/workarea-commerce%2Fworkarea-nvy-theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29534943,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-17T05:00:25.817Z","status":"ssl_error","status_checked_at":"2026-02-17T04:57:16.126Z","response_time":100,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-16T20:31:40.440Z","updated_at":"2026-02-17T05:32:35.106Z","avatar_url":"https://github.com/workarea-commerce.png","language":"Haml","funding_links":[],"categories":[],"sub_categories":[],"readme":"Workarea Nvy Theme\n================================================================================\n\nNvy Theme plugin for the Workarea platform.\n\n[Nvy Theme Demo Site](https://nvy-theme.demo.workarea.com)\n\n[Documentation for workarea themes on homebase](https://homebase.weblinc.com/plugins/theme)\n\nFor bug reports and improvement suggestions create a ticket in the [NVYTHEME jira\nproject.](https://jira.tools.weblinc.com/projects/NVYTHEME/issues)\n\nBrowser Support\n--------------------------------------------------------------------------------\n\nDue to the occasional use of flexbox; NvyTheme only supports IE 10+\nIf you need to support older versions of IE you will need to provide alternative styles\nwhere flexbox is used.\n\nOptimal Image Sizes\n--------------------------------------------------------------------------------\n\n| Image Type| Optimum size | Note |\n|----------|--------|-------|\n| Logo - mobile | 40px x 40px ||\n| Logo - desktop | 160px x 64px ||\n| Product Images | 944px x 1416px | This size does not account for use of image-zoom, it is recommended to *at least* double this size if your client is likely to want zoom functionality. |\n| Blog thumbnails | 160px x 160px ||\n\nOut of the box plugin support\n--------------------------------------------------------------------------------\n\nThe following workarea plugins are supported by NvyTheme, and are dependencies of the plugin.\n\n* Blog\n* Gift Cards\n* Product Quickview\n* Reviews\n* Share\n* Swatches\n* Styled Selects\n* Slick Slider\n* Wish Lists\n\nGetting Started\n--------------------------------------------------------------------------------\n\nAdd the gem to your application's Gemfile:\n\n```ruby\n# ...\ngem 'workarea-nvy_theme'\n# ...\n```\n\nUpdate your application's bundle.\n\n```bash\ncd path/to/application\nbundle\n```\n\nTheme Configuration\n--------------------------------------------------------------------------------\n\n### Recommended initializer configuration\n\nWhile you are able to configure Workarea themes from any initializer it is recommended\nthat you create a new initializer called theme.rb using the following code\n\n```ruby\nWorkarea.configure do |config|\n  config.theme = config.theme.merge(\n    color_scheme: \"nvy\",\n    primary_font_family: \"lora\",\n    secondary_font_family: \"overpass\"\n  )\nend\n```\n\nThis will set your application up with the default configuration options, but allow you to\nchange them easily.\n\n---\n\n### Color Schemes\n\nNvy comes with 3 color schemes pre-defined for demo and learning purposes.\n\nTo change the color scheme in your application, set the color_scheme configuration\nin your theme initializer to one of the following configurations:\n\nDefault:\n\n```ruby\n  Workarea.config.theme[:color_scheme] = \"nvy\"\n  Workarea.config.theme[:color_scheme] = \"neutral\"\n  Workarea.config.theme[:color_scheme] = \"vermillion\"\n```\n\n#### Creating a new color scheme\n\nWe will be updating theme infastructure in the near future that will make this process\nmore developer friendly. In the meantime you can create a new color scheme by:\n\n1. Copying one of the existing color scheme files into your application re-nameing the file,\n2. Update the color_scheme config to match the name of your new color scheme file.\n\n__Example__\n\nThis will create a sass file called `_custom_color_scheme.scss` in your host application, please change \\\u003cyour-app-name\\\u003e in the following command to the directory of your application.\n\nFrom your ~/src directory, ensure you have workarea-nvy-theme pulled down\n\n```bash\ncp -i workarea-nvy-theme/app/assets/stylesheets/workarea/storefront/theme_config/_nvy_color_scheme.scss \u003cyour-app-name\u003e/app/assets/stylesheets/workarea/storefront/theme_config/_custom_color_scheme.scss\n```\n\n---\n\n### Font Stacks\n\nnvy Theme includes configurable font-stack functionality!\n\nYou can configure the primary and secondary font stacks using the theme\nconfiguration initializer. To change the font stacks in your application set the\nprimary_font_family and secondary_font_family initializer values to one of the font_stacks\ndefined in workarea-nvy-theme/config/initializers/theme.rb\n\nExample:\n\n```ruby\nconfig.theme = config.theme.merge(\n  primary_font_family: \"poppins\",\n  secondary_font_family: \"pt_serif\"\n)\n```\n\nThe primary_font_family is used for body text throughout the site.\nThe secondary_font_family is used for most of the system content, buttons, headings, and other UI components.\n\n#### Adding a new font\n\nI recommend using google fonts where possible, the [googlefonts webfont helper](https://google-webfonts-helper.herokuapp.com) is a useful tool for downloading webfonts and easily generating @font-face CSS - give it a try!\n\n1. Create a new directory in app/assets/fonts/workarea/storefront/\u003cyour_font_name_here\u003e\n2. Download woff and woff2 files for the font you want to use.\n3. Place your font files in the directory we created in step 1.\n4. Create a sass file for you @font-face declarations in /app/assets/stylesheets/workarea/storefront/theme_config/fonts/`_\u003cyour_font_name_here\u003e.scss`\n5. Update your theme initializer, adding a new font_stack and setting either the primary_font_family or secondary_font_family\n\nExample configuration for Calibri font stack used as secondary font family:\n\n```ruby\nconfig.theme[:font_stacks] = config.theme.font_stacks.merge (\n  calibri: 'Calibri, Candara, Segoe, \"Segoe UI\", Optima, Arial, sans-serif',\n)\n\nconfig.theme = config.theme.merge(\n  secondary_font_family: \"calibri\"\n)\n```\n\nWorkarea Commerce Documentation\n--------------------------------------------------------------------------------\n\nSee [https://developer.workarea.com](https://developer.workarea.com) for Workarea Commerce documentation.\n\nLicense\n--------------------------------------------------------------------------------\n\nWorkarea NVY Theme is released under the [Business Software License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkarea-commerce%2Fworkarea-nvy-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fworkarea-commerce%2Fworkarea-nvy-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fworkarea-commerce%2Fworkarea-nvy-theme/lists"}